.home-intro{padding:90px 0}
.home-intro-badge{display:inline-block;margin:0 0 14px;font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#b08a3c}
.home-intro-title{margin:0 0 14px;font-size:clamp(2rem,3vw,3.2rem);line-height:1.1}
.home-intro-title-light{color:#fff}
.home-intro-subtitle{margin:0 0 22px;font-size:1.1rem;opacity:.85}
.home-intro-subtitle-lg{font-size:1.2rem;max-width:820px;margin-left:auto;margin-right:auto}
.home-intro-subtitle-light{color:rgba(255,255,255,.88)}
.home-intro-divider{width:72px;height:3px;background:#b08a3c;margin:0 0 24px}
.home-intro-divider.is-center{margin-left:auto;margin-right:auto}
.home-intro-content p{margin:0 0 16px;font-size:1rem;line-height:1.8}
.home-intro-content-light p{color:rgba(255,255,255,.9)}
.home-intro-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.home-intro-actions-center{justify-content:center}
.home-intro-media{position:relative}
.home-intro-media-card,
.home-intro-media-wide,
.home-intro-media-sm{border-radius:24px;overflow:hidden}
.home-intro-img{display:block;width:100%;height:auto}
.home-intro-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:14px;margin-top:20px}
.home-intro-stat{padding:18px;border:1px solid rgba(0,0,0,.08);border-radius:18px;background:#fff}
.home-intro-stat strong{display:block;font-size:1.4rem;line-height:1.1}
.home-intro-stat span{display:block;margin-top:6px;font-size:.92rem;color:#666}

.home-intro-centered .home-intro-head{max-width:900px;margin:0 auto 34px}
.home-intro-content-columns{column-count:2;column-gap:42px}
.home-intro-content-columns p{break-inside:avoid}
.home-intro-media-wide{margin:0 auto 34px;max-width:1000px}

.home-intro-cards{background:#faf8f4}
.home-intro-card{height:100%;padding:0;border-radius:22px;background:#fff;box-shadow:0 12px 30px rgba(0,0,0,.06)}
.home-intro-card-body{padding:28px}
.home-intro-card-body p:last-child{margin-bottom:0}
.home-intro-card-accent{background:linear-gradient(180deg,#fff,#f5efe4)}
.home-intro-card-cta .btn{margin-top:12px}
.home-intro-list{margin:0;padding-left:18px}
.home-intro-list li{margin:0 0 10px;line-height:1.6}

.home-intro-overlay{position:relative;padding:110px 0;background-size:cover;background-position:center center;background-repeat:no-repeat}
.home-intro-overlay-layer{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,16,24,.82) 0%,rgba(10,16,24,.72) 45%,rgba(10,16,24,.55) 100%)}
.home-intro-badge-light{color:#d7b46a}
.home-intro-stats-panel{padding:28px;border-radius:24px;background:rgba(255,255,255,.12);backdrop-filter:blur(8px)}
.home-intro-stats-panel-item + .home-intro-stats-panel-item{margin-top:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,.16)}
.home-intro-stats-panel-item strong{display:block;font-size:2rem;line-height:1;color:#fff}
.home-intro-stats-panel-item span{display:block;margin-top:8px;color:rgba(255,255,255,.84)}

.home-intro-split{padding:0}
.home-intro-split-grid{display:grid;grid-template-columns:1.05fr .95fr;min-height:720px}
.home-intro-split-text{display:flex;align-items:center;background:#111827}
.home-intro-split-inner{width:100%;max-width:760px;padding:80px 64px;margin:0 auto}
.home-intro-split-media{min-height:420px;background-size:cover;background-position:center center;background-repeat:no-repeat}
.home-intro-split-media-empty{width:100%;height:100%;background:#ddd}
.home-intro-list-light li{color:rgba(255,255,255,.9)}

@media (max-width: 991.98px){
  .home-intro{padding:72px 0}
  .home-intro-content-columns{column-count:1}
  .home-intro-split-grid{grid-template-columns:1fr}
  .home-intro-split-inner{padding:64px 24px}
  .home-intro-split-media{min-height:320px}
}

@media (max-width: 767.98px){
  .home-intro-title{font-size:2rem}
  .home-intro-overlay{padding:80px 0}
}

/* ============================================================
   Showcase page chrome (templates.php)
   Clases tmpl-* solo para la página de prototipo visual
   ============================================================ */

.tmpl-page-header {
    background: linear-gradient(135deg, var(--primary-dark, #0f1a2e) 0%, var(--primary, #1a3a6b) 100%);
    padding: 72px 0 60px;
    text-align: center;
}
.tmpl-page-badge {
    display: inline-block;
    background: rgba(201,168,76,.18);
    color: #d7b46a;
    font-size: .7rem;
    font-weight: 700;
    letter-spacing: .2em;
    text-transform: uppercase;
    padding: .28rem .85rem;
    border-radius: 50px;
    border: 1px solid rgba(201,168,76,.3);
    margin-bottom: .85rem;
}
.tmpl-page-title {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: clamp(1.9rem, 4vw, 3rem);
    font-weight: 700;
    color: #fff;
    margin-bottom: .5rem;
}
.tmpl-page-sub {
    color: rgba(255,255,255,.6);
    font-size: .95rem;
    margin-bottom: 0;
}

.tmpl-nav-index {
    background: #12213a;
    padding: .75rem 0;
    position: sticky;
    top: 0;
    z-index: 900;
    border-bottom: 2px solid #c9a84c;
}
.tmpl-nav-index ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: .2rem 1.4rem;
    align-items: center;
    justify-content: center;
}
.tmpl-nav-index a {
    color: rgba(255,255,255,.65);
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase;
    text-decoration: none;
    transition: color .2s;
}
.tmpl-nav-index a:hover { color: #c9a84c; }

.tmpl-showcase-block  { background: #fff; }
.tmpl-showcase-alt    { background: #f4f6fb; }

.tmpl-variant-label {
    background: #e8ecf3;
    border-top: 3px solid #c9a84c;
    padding: .55rem 0;
}
.tmpl-showcase-alt .tmpl-variant-label { background: #dee4f0; }
.tmpl-variant-label span {
    font-size: .7rem;
    font-weight: 800;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: #1a3a6b;
}

.tmpl-page-footer-note {
    background: #f4f6fb;
    border-top: 1px solid #dee4f0;
    padding: 1.1rem 0;
}
.tmpl-page-footer-note p {
    color: #7a8799;
    font-size: .85rem;
    margin: 0;
}