/* ── RESET & BASE ── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;overflow-x:clip}
body{background:#0C0A08;color:#f0f0f0;font-family:'Inter',sans-serif;line-height:1.7;overflow-x:clip}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
ul{list-style:none}

/* ── TOKENS ── */
:root{
  --black:#0C0A08;--black-2:#141008;--black-3:#1C1812;--black-4:#251E14;
  --red:#2B4F8A;--red-dark:#1A3260;--red-light:#5E8AC8;
  --gold:#C4986A;--gold-light:#DEBA88;--gold-dark:#8A6030;
  --white:#FFFFFF;--muted:#A89878;
  --radius:12px;--nav-h:70px;
}
::-webkit-scrollbar{width:5px}
::-webkit-scrollbar-track{background:var(--black)}
::-webkit-scrollbar-thumb{background:var(--red-dark);border-radius:3px}

/* ── UTILS ── */
.container{max-width:1160px;margin:0 auto;padding:0 1.25rem;width:100%}
.section-tag{display:inline-flex;align-items:center;gap:.5rem;font-size:.65rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--red-light);border:1px solid rgba(43,79,138,.3);padding:.32em 1em;border-radius:100px;margin-bottom:1rem}
.section-tag::before{content:'';width:5px;height:5px;background:var(--red);border-radius:50%;flex-shrink:0}
.section-title{font-family:'Playfair Display',serif;font-size:clamp(1.9rem,4.5vw,3rem);font-weight:700;line-height:1.15;margin-bottom:1rem}
.d-red{width:56px;height:3px;background:linear-gradient(90deg,var(--red),transparent);margin:1rem 0 2rem;border-radius:2px}
.d-gold{width:56px;height:3px;background:linear-gradient(90deg,var(--gold),transparent);margin:1rem 0 2rem;border-radius:2px}
.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.82rem 2rem;border-radius:100px;font-size:.86rem;font-weight:700;letter-spacing:.05em;cursor:pointer;transition:all .3s;border:none;font-family:'Inter',sans-serif}
.btn-red{background:linear-gradient(135deg,var(--red),var(--red-dark));color:#fff}
.btn-red:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(43,79,138,.45)}
.btn-gold{background:linear-gradient(135deg,var(--gold),var(--gold-dark));color:#000}
.btn-gold:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(196,152,106,.4)}
.btn-outline{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.25)}
.btn-outline:hover{border-color:#fff;transform:translateY(-2px)}
section{padding:5.5rem 0;overflow-x:clip;width:100%}
.s-dark{background:var(--black-2)}
.s-mid{background:var(--black-3)}

/* ── NAVBAR ── */
#navbar{position:fixed;top:0;left:0;right:0;z-index:1000;height:var(--nav-h);display:flex;align-items:center;transition:background .4s,border .4s}
#navbar.scrolled{background:rgba(12,10,8,.95);backdrop-filter:blur(20px);border-bottom:1px solid rgba(43,79,138,.2)}
.nav-in{display:flex;align-items:center;justify-content:space-between;width:100%}
.nav-logo{font-family:'Playfair Display',serif;font-size:1.05rem;font-weight:700}
.nav-logo .r{color:var(--red-light)}.nav-logo .g{color:var(--gold)}
.nav-links{display:flex;gap:1.6rem;align-items:center}
.nav-links a{font-size:.76rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);transition:color .3s}
.nav-links a:hover,.nav-links a.active{color:var(--gold)}
.nav-cta{padding:.48rem 1.3rem;background:var(--red);color:#fff!important;font-size:.74rem;font-weight:700;letter-spacing:.08em;border-radius:100px;transition:background .3s}
.nav-cta:hover{background:var(--red-light)!important}
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:6px;background:none;border:none}
.hamburger span{display:block;width:24px;height:2px;background:#fff;border-radius:2px;transition:all .3s}
.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.hamburger.open span:nth-child(2){opacity:0}
.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mob-menu{display:none;position:fixed;inset:var(--nav-h) 0 0 0;background:rgba(12,10,8,.98);backdrop-filter:blur(20px);z-index:999;flex-direction:column;align-items:center;justify-content:center;gap:2.2rem;border-top:2px solid var(--red)}
.mob-menu.open{display:flex}
.mob-menu a{font-family:'Playfair Display',serif;font-size:2rem;font-weight:700;color:#fff;transition:color .3s}
.mob-menu a:hover{color:var(--gold)}

/* ── PAGE HERO BANNER ── */
.page-hero{position:relative;min-height:64vh;display:flex;align-items:flex-end;overflow:hidden;padding-bottom:5rem}
.page-hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;filter:brightness(.28) saturate(.55)}
.page-hero-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(12,10,8,1) 0%,rgba(12,10,8,.52) 50%,rgba(12,10,8,.08) 100%)}
.page-hero-content{position:relative;z-index:2;margin-top:var(--nav-h)}
.page-hero-breadcrumb{display:flex;align-items:center;gap:.6rem;font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.28);margin-bottom:1.4rem}
.page-hero-breadcrumb a{color:rgba(255,255,255,.28);transition:color .3s}
.page-hero-breadcrumb a:hover{color:var(--gold)}
.page-hero-breadcrumb::before{content:'';width:28px;height:1px;background:rgba(255,255,255,.18)}
.page-hero-num{font-family:'Playfair Display',serif;font-size:5rem;font-weight:900;font-style:italic;color:rgba(255,255,255,.04);line-height:1;position:absolute;right:0;bottom:3rem}
.page-hero-title{font-family:'Playfair Display',serif;font-size:clamp(2.8rem,6.5vw,5.5rem);font-weight:900;line-height:.97;color:#fff;letter-spacing:-.01em}
.page-hero-title .sub{display:block;font-size:clamp(1.1rem,2.6vw,1.75rem);font-weight:400;font-style:italic;color:var(--gold);margin-top:.4rem;letter-spacing:.02em}
.page-hero-desc{font-size:.93rem;color:rgba(255,255,255,.45);max-width:540px;line-height:1.75;margin-top:1.1rem}

/* ── FILM TABLE ── */
.film-tabs{display:flex;gap:.5rem;margin-bottom:2rem;flex-wrap:wrap}
.tab-btn{padding:.55rem 1.3rem;border-radius:100px;font-size:.78rem;font-weight:600;letter-spacing:.05em;cursor:pointer;border:1px solid rgba(255,255,255,.08);background:transparent;color:var(--muted);transition:all .3s;font-family:'Inter',sans-serif}
.tab-btn.active,.tab-btn:hover{background:var(--red);color:#fff;border-color:var(--red)}
.tab-panel{display:none}.tab-panel.active{display:block}
.table-wrap{background:var(--black-3);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius);overflow:hidden;overflow-x:auto}
.ftable{width:100%;border-collapse:collapse;font-size:.85rem}
.ftable th{text-align:left;padding:.8rem 1rem;font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--red-light);border-bottom:1px solid rgba(43,79,138,.2);background:rgba(43,79,138,.06)}
.ftable td{padding:.85rem 1rem;border-bottom:1px solid rgba(255,255,255,.04);vertical-align:top;color:var(--muted)}
.ftable td:first-child{color:var(--gold);font-weight:700;font-size:.78rem;white-space:nowrap}
.ftable td:nth-child(2){color:#fff;font-style:italic}
.ftable tr:last-child td{border-bottom:none}
.ftable tr:hover td{background:rgba(43,79,138,.04)}
.tr-gold td{color:var(--gold-light)!important;font-style:normal!important;font-weight:600}
.tr-red td{color:var(--red-light)!important;font-style:normal!important;font-weight:600}

/* ── GALLERY GRID ── */
/*
  Layout editorial 3 columnas (7 fotos sin huérfanos):
  Row 1: [p1 tall 2rows] [p2] [p3]
  Row 2: [p1 cont.]      [p4 wide span2]
  Row 3: [p5]            [p6] [p7]
*/
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}
.g-item{border-radius:12px;overflow:hidden;position:relative;cursor:pointer}
.g-item img{width:100%;height:100%;object-fit:cover;transition:transform .65s}
.g-item::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(196,152,106,.1) 0%,rgba(0,0,0,.55) 45%,transparent 100%);opacity:0;transition:opacity .4s}
.g-item:hover::after{opacity:1}
.g-item:hover img{transform:scale(1.07)}
/* p1 — tall, rows 1+2 */
.g-item:nth-child(1){grid-row:span 2;aspect-ratio:3/5}
/* p2, p3 — landscape */
.g-item:nth-child(2),.g-item:nth-child(3){aspect-ratio:3/2}
/* p4 — wide banner, cols 2+3 */
.g-item:nth-child(4){grid-column:span 2;aspect-ratio:16/8}
/* p5, p6, p7 — portrait bottom row */
.g-item:nth-child(5),.g-item:nth-child(6),.g-item:nth-child(7){aspect-ratio:3/4}

/* ── TIMELINE ── */
.timeline{position:relative;padding-left:2rem}
.timeline::before{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,transparent,var(--red) 10%,var(--red) 65%,var(--gold) 88%,transparent)}
.tl-item{position:relative;padding:0 0 2.8rem 2.5rem}
.tl-item:last-child{padding-bottom:0}
.tl-dot{position:absolute;left:-.42rem;top:.3rem;width:.85rem;height:.85rem;background:var(--red);border-radius:50%;box-shadow:0 0 0 3px rgba(43,79,138,.22),0 0 10px rgba(43,79,138,.4)}
.tl-year{font-size:.65rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--red-light);margin-bottom:.28rem}
.tl-title{font-family:'Playfair Display',serif;font-size:1rem;font-weight:700;margin-bottom:.35rem;color:#fff}
.tl-desc{font-size:.84rem;color:var(--muted);line-height:1.7}

/* ── STAT CARDS ── */
.stat-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.04)}
.stat-card{background:var(--black-3);padding:2.5rem 1.5rem;text-align:center;border-top:2px solid rgba(196,152,106,.14)}
.stat-n{font-family:'Playfair Display',serif;font-size:3rem;font-weight:900;color:var(--gold);line-height:1;display:block}
.stat-l{font-size:.63rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.38);margin-top:.6rem}

/* ── INFO CARD ── */
.info-card{background:var(--black-3);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius);padding:1.75rem}
.info-card-label{font-size:.6rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--red-light);margin-bottom:.5rem}
.info-card-val{font-size:.95rem;font-weight:600;color:#fff}

/* ── FEATURE CARD ── */
.feature-card{position:relative;border-radius:16px;overflow:hidden;min-height:260px;display:flex;align-items:flex-end}
.feature-card-bg{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .7s}
.feature-card:hover .feature-card-bg{transform:scale(1.04)}
.feature-card-ov{position:absolute;inset:0;background:linear-gradient(to top,rgba(12,10,8,.95) 0%,rgba(12,10,8,.4) 60%,transparent 100%)}
.feature-card-body{position:relative;z-index:2;padding:1.5rem}
.feature-tag{display:inline-flex;align-items:center;gap:.4rem;background:var(--red);color:#fff;font-size:.64rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:.3rem .85rem;border-radius:100px;margin-bottom:.75rem}
.feature-title{font-family:'Playfair Display',serif;font-size:1.5rem;font-weight:700;color:#fff;line-height:1.2;margin-bottom:.5rem}
.feature-desc{font-size:.82rem;color:rgba(255,255,255,.55);line-height:1.6}

/* ── DISCIPLINE CARDS ── */
.disc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.1rem}
.disc-card{background:var(--black-3);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius);padding:1.75rem;transition:all .35s;position:relative;overflow:hidden}
.disc-card::before{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--red),var(--gold));transform:scaleX(0);transform-origin:left;transition:transform .4s}
.disc-card:hover{border-color:rgba(43,79,138,.2);transform:translateY(-3px);box-shadow:0 14px 36px rgba(0,0,0,.5)}
.disc-card:hover::before{transform:scaleX(1)}
.disc-icon{font-size:2rem;margin-bottom:.9rem;display:block}
.disc-title{font-family:'Playfair Display',serif;font-size:1.05rem;font-weight:700;margin-bottom:.5rem;color:#fff}
.disc-desc{font-size:.82rem;color:var(--muted);line-height:1.7}

/* ── CURIOSIDADES ── */
.cur-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}
.cur-card{display:flex;gap:1rem;padding:1.4rem;background:var(--black-3);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius);transition:all .3s}
.cur-card:hover{border-color:rgba(43,79,138,.18);transform:translateX(4px)}
.cur-num{font-family:'Playfair Display',serif;font-size:1.4rem;font-weight:900;color:rgba(43,79,138,.28);line-height:1;min-width:1.8rem;flex-shrink:0}
.cur-text{font-size:.84rem;color:var(--muted);line-height:1.65}
.cur-text strong{color:#fff}

/* ── QUOTE ── */
.quote-wrap{position:relative;padding:5rem 0;text-align:center;background:#1A1610}
.quote-bg{position:absolute;inset:0;background:linear-gradient(135deg,rgba(43,79,138,.1),transparent 42%,rgba(196,152,106,.06) 100%)}
.quote-wrap::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:80px;height:2px;background:linear-gradient(90deg,transparent,var(--red),transparent)}
.quote-wrap::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:80px;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.quote-text{position:relative;font-family:'Playfair Display',serif;font-size:clamp(1.5rem,3.2vw,2.3rem);font-style:italic;max-width:820px;margin:0 auto 1.4rem;line-height:1.5;color:#fff}
.qm{color:var(--red);font-size:1.5em;line-height:0;vertical-align:-.32em}
.quote-by{font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}

/* ── CONTACT ── */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:start}
.social-row{display:flex;gap:.8rem;margin-top:2rem}
.soc-link{width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:var(--black-3);border:1px solid rgba(255,255,255,.1);border-radius:50%;font-size:.95rem;color:var(--muted);transition:all .3s}
.soc-link:hover{background:var(--red);border-color:var(--red);color:#fff;transform:translateY(-2px)}
.c-form{display:flex;flex-direction:column;gap:1rem}
.c-form input,.c-form textarea{width:100%;background:var(--black-3);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:.88rem 1.15rem;color:#f0f0f0;font-family:'Inter',sans-serif;font-size:.86rem;outline:none;transition:border-color .3s}
.c-form input:focus,.c-form textarea:focus{border-color:var(--red)}
.c-form input::placeholder,.c-form textarea::placeholder{color:rgba(255,255,255,.3)}
.c-form textarea{resize:vertical;min-height:128px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}

/* ── FOOTER ── */
footer{background:linear-gradient(180deg,#1C1810,#100E08);border-top:1px solid rgba(196,152,106,.18);padding:3rem 0;color:rgba(244,239,230,.75)}
.footer-in{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1.5rem}
.footer-logo{font-family:'Playfair Display',serif;font-size:1.1rem;font-weight:700;letter-spacing:.02em}
.footer-logo .r{color:var(--red-light)}.footer-logo .g{color:var(--gold)}
.footer-nav{display:flex;gap:1.5rem}
.footer-nav a{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.28);transition:color .3s}
.footer-nav a:hover{color:var(--gold)}
.footer-copy{font-size:.68rem;color:rgba(255,255,255,.18);letter-spacing:.04em}

/* ── RESPONSIVE ── */
@media(max-width:900px){
  .nav-links{display:none}.hamburger{display:flex}
  .stat-cards{grid-template-columns:repeat(2,1fr)}
  .contact-grid,.disc-grid{grid-template-columns:1fr}
  .form-row{grid-template-columns:1fr}
  /* Gallery: 2 cols, ratios uniformes */
  .gallery-grid{grid-template-columns:repeat(2,1fr);gap:.6rem}
  .g-item:nth-child(1){grid-row:unset;aspect-ratio:4/3}
  .g-item:nth-child(2),.g-item:nth-child(3){aspect-ratio:4/3}
  .g-item:nth-child(4){grid-column:unset;aspect-ratio:4/3}
  .g-item:nth-child(5),.g-item:nth-child(6),.g-item:nth-child(7){aspect-ratio:4/3}
  .footer-in{flex-direction:column;text-align:center}
  .footer-nav{justify-content:center;flex-wrap:wrap}
  /* Page hero más compacto */
  .page-hero{min-height:44vh;padding-bottom:2.8rem}
  .page-hero-num{display:none}
  /* Reducir padding de secciones en tablet/móvil */
  section{padding:3.5rem 0}
  .quote-wrap{padding:3.5rem 0}
  .d-red,.d-gold{margin:.6rem 0 1.4rem}
  /* La foto "sobre mí" ya aparece en el hero: ocultar en móvil */
  .about-photo-wrap{display:none}
  .about-grid{gap:0}
  /* Dynasty cards más compactas */
  .dynasty-card{padding:1.4rem 1.1rem}
}
@media(max-width:600px){
  section{padding:2.5rem 0}
  .quote-wrap{padding:2.5rem 0}
  .container{padding:0 1.1rem}
  /* Timeline */
  .timeline{padding-left:1.25rem}.tl-item{padding-left:1.75rem;padding-bottom:1.6rem}
  .tl-title{font-size:.95rem}
  /* Tabla filmografía */
  .ftable th,.ftable td{padding:.58rem .7rem;font-size:.76rem}
  /* Page hero */
  .page-hero{min-height:36vh;padding-bottom:2.2rem}
  .page-hero-title{font-size:clamp(1.85rem,8vw,2.8rem)}
  .page-hero-desc{font-size:.84rem}
  /* Tabs: scroll horizontal en lugar de wrap */
  .film-tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:.4rem;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:.4rem}
  .film-tabs::-webkit-scrollbar{display:none}
  .tab-btn{flex-shrink:0;white-space:nowrap}
  /* Stat cards más compactos */
  .stat-card{padding:1.4rem .9rem}
  /* Curiosidades */
  .cur-grid{grid-template-columns:1fr}
  /* Contact gap */
  .contact-grid{gap:2rem}
  /* Info cards */
  .info-card{padding:1.1rem}
  /* Dynasty grid: 2 columnas compactas */
  .dynasty-grid{grid-template-columns:repeat(2,1fr);gap:.7rem}
  .dynasty-card{padding:1.1rem .9rem}
  .dynasty-icon{width:38px;height:38px;font-size:.85rem;margin-bottom:.6rem}
  .dynasty-name{font-size:.88rem}
  .dynasty-desc{font-size:.7rem}
  /* Section titles más compactos */
  .section-title{margin-bottom:.6rem}
  .d-red,.d-gold{margin:.5rem 0 1.2rem}
}
@media(max-width:430px){
  section{padding:2rem 0}
  .quote-wrap{padding:2rem 0}
  .container{padding:0 .9rem}
  .section-title{font-size:clamp(1.7rem,9vw,2.4rem)!important}
  .stat-card{padding:1.1rem .65rem}
  .stat-n{font-size:1.85rem!important}
  .stat-l{font-size:.56rem}
  .disc-grid{grid-template-columns:1fr}
  footer{padding:2rem 0}
  /* Fila de facts en columna única */
  .about-facts{grid-template-columns:1fr}
  .fact{padding:.7rem .85rem}
}

/* ── LUXURY ADDITIONS ── */

/* Slightly larger, more editorial section titles */
.section-title{font-size:clamp(2.1rem,5vw,3.4rem)}

/* Thin gold separator line */
.lux-sep{display:block;width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(196,152,106,.28) 30%,rgba(196,152,106,.28) 70%,transparent)}

/* Stat cards: gold accent on hover */
.stat-card{transition:background .3s,border-top-color .3s}
.stat-card:hover{background:rgba(196,152,106,.04);border-top-color:rgba(196,152,106,.4)}
.stat-n{text-shadow:0 0 40px rgba(196,152,106,.18)}

/* Info cards: gold left accent on hover */
.info-card{border-left:3px solid rgba(43,79,138,.5);transition:border-left-color .3s,transform .3s}
.info-card:hover{border-left-color:var(--gold);transform:translateX(5px)}

/* Feature card: deeper overlay for readability */
.feature-card-ov{background:linear-gradient(to top,rgba(12,10,8,.98) 0%,rgba(12,10,8,.52) 52%,rgba(12,10,8,.05) 100%)}

/* Buttons: glow on hover */
.btn-red:hover{box-shadow:0 10px 28px rgba(43,79,138,.5);background:linear-gradient(135deg,var(--red-light),var(--red))}
.btn-gold:hover{box-shadow:0 10px 26px rgba(196,152,106,.45)}

/* Gallery: gold shimmer on hover */
.g-item::after{background:linear-gradient(to top,rgba(196,152,106,.1) 0%,rgba(0,0,0,.6) 45%,transparent 100%)}
.g-item:hover img{transform:scale(1.07)}

/* Timeline dots: glow */
.tl-dot{box-shadow:0 0 0 3px rgba(43,79,138,.2),0 0 14px rgba(43,79,138,.5)}

/* Dynasty cards: subtle gradient on hover */
.dynasty-card:hover{background:linear-gradient(135deg,#1c1212,var(--black-3))}

/* Mobile: touch targets + secciones bien adaptadas */
@media(max-width:600px){
  .btn{padding:.78rem 1.5rem;font-size:.84rem}
  .soc-link{width:48px;height:48px;font-size:1.05rem}
  .stat-n{font-size:2.2rem}
  .section-title{font-size:clamp(1.75rem,7vw,2.4rem)}
  /* Botones de navegación entre páginas: stack vertical */
  section[style*="padding:3rem"] .container[style*="display:flex"]{flex-direction:column;align-items:stretch}
  section[style*="padding:3rem"] .btn{justify-content:center}
  /* Info-cards en grillas de 2 columnas donde quepan */
  .info-card{border-left-width:2px}
  /* Social row centrada */
  .social-row{justify-content:flex-start;flex-wrap:wrap;gap:.65rem}
  /* Stat cards: más compactos */
  .stat-l{font-size:.56rem;letter-spacing:.06em}
  /* Page hero: desc oculta en móvil para no repetir info */
  .page-hero-desc{display:none}
  /* Sección timeline: menos gap */
  .tl-item{padding-bottom:1.4rem}
  .tl-desc{font-size:.8rem;line-height:1.6}
}