/* Traffano · Iwanowski — variante Club */
@font-face{font-family:"Newsreader";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/newsreader.woff2") format("woff2");}
@font-face{font-family:"Newsreader";font-style:italic;font-weight:400;font-display:swap;src:url("../fonts/newsreader-italic.woff2") format("woff2");}
@font-face{font-family:"Schibsted Grotesk";font-weight:400 800;font-display:swap;src:url("../fonts/schibsted.woff2") format("woff2");}
@font-face{font-family:"IBM Plex Mono";font-weight:500;font-display:swap;src:url("../fonts/plexmono-500.woff2") format("woff2");}

:root{
  --azul:#1B3461; --noche:#16233D; --noche-2:#111C31; --carmin:#A8203B; --carmin-osc:#8E1A31;
  --marfil:#F4F0E6; --papel:#FBF8F2; --oro:#C9A46A; --oro-claro:#E2C48C; --oro-prof:#4E3815;
  --linea:#D6CFBF; --gris:#4F596B; --rosa:#FFE3C2;
  --serif:"Newsreader",Georgia,"Times New Roman",serif;
  --sans:"Schibsted Grotesk",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,Consolas,monospace;
  --gutter:clamp(20px,4vw,48px);
  --maxw:1240px;
  --sec:clamp(4.5rem,3rem + 6vw,8.5rem);
  --ease:cubic-bezier(.16,1,.3,1);
  --header-h:64px;
}
@media (min-width:960px){:root{--header-h:76px;}}

*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 12px);}
body{margin:0;background:var(--marfil);color:var(--noche);font-family:var(--sans);font-size:1.0625rem;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
img,svg,video{display:block;max-width:100%;}
h1,h2,h3,p,ul,ol,dl,dd,figure{margin:0;padding:0;}
ul,ol{list-style:none;}
a{color:inherit;}
em{font-style:italic;}
button{font:inherit;color:inherit;}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}
.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--noche);color:var(--marfil);padding:.6rem 1rem;border-radius:6px;text-decoration:none;}
.skip:focus{top:12px;}
:focus-visible{outline:2px solid var(--carmin);outline-offset:3px;border-radius:3px;}
.band-art :focus-visible,.band-pyme :focus-visible,.serie :focus-visible,.contacto :focus-visible,.site-footer :focus-visible{outline-color:var(--oro-claro);}

.wrap{width:100%;max-width:calc(var(--maxw) + 2*var(--gutter));margin:0 auto;padding-inline:var(--gutter);}
.mono{font-family:var(--mono);font-weight:500;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;line-height:1.4;}
.ic{width:1.25em;height:1.25em;flex:none;}

/* ── Tipografía ── */
.display{font-family:var(--serif);font-weight:400;font-size:clamp(2.45rem,1.2rem + 4.4vw,4.45rem);line-height:1.04;letter-spacing:-.025em;}
.display .ln{display:block;}
.display em,.h2 em,.h3 em,.reel-title em{color:var(--carmin);}
.h2{font-family:var(--serif);font-weight:400;font-size:clamp(2.05rem,1.3rem + 3vw,3.7rem);line-height:1.05;letter-spacing:-.02em;text-wrap:balance;}
.h3{font-family:var(--serif);font-weight:400;font-size:clamp(1.75rem,1.3rem + 1.6vw,2.6rem);line-height:1.08;letter-spacing:-.015em;text-wrap:balance;}
.lead{font-size:clamp(1.08rem,1rem + .35vw,1.25rem);line-height:1.55;max-width:34em;color:#2A3650;}
.lead-sm{font-size:1.08rem;line-height:1.6;max-width:36em;color:#3A4560;}

/* ── Botones ── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6em;min-height:48px;padding:.75rem 1.35rem;border-radius:999px;font-family:var(--sans);font-weight:600;font-size:1rem;letter-spacing:.005em;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:background-color .25s var(--ease),color .25s var(--ease),border-color .25s var(--ease),transform .25s var(--ease),box-shadow .25s var(--ease);}
.btn strong{font-weight:800;letter-spacing:.04em;}
.btn:active{transform:translateY(1px);}
.btn-sm{min-height:40px;padding:.5rem 1rem;font-size:.92rem;}
.btn-lg{min-height:56px;padding:1rem 1.7rem;font-size:1.06rem;}
.btn-block{width:100%;}
.btn-ink{background:var(--noche);color:var(--marfil);box-shadow:0 10px 24px -12px rgba(22,35,61,.6);}
.btn-ink:hover{background:var(--azul);box-shadow:0 14px 28px -12px rgba(22,35,61,.7);}
.btn-paper{background:var(--marfil);color:var(--noche);}
.btn-paper:hover{background:#fff;}
.band-art .btn-paper{color:var(--carmin-osc);}
.btn-line-gold{border-color:rgba(201,164,106,.75);color:var(--marfil);background:transparent;border-radius:10px;}
.btn-line-gold:hover{background:rgba(201,164,106,.14);border-color:var(--oro);}
.link-arrow{display:inline-flex;align-items:center;gap:.45em;font-weight:600;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:2px;}
.link-arrow .ic{transition:transform .3s var(--ease);}
.link-arrow:hover .ic{transform:translateX(4px);}
.link-arrow.on-dark{color:var(--marfil);}

/* ── Header ── */
.site-header{position:fixed;inset:0 0 auto 0;z-index:50;height:var(--header-h);transition:background-color .35s var(--ease),box-shadow .35s var(--ease);}
.site-header.is-scrolled,.site-header.is-open{background:rgba(251,248,242,.94);-webkit-backdrop-filter:saturate(1.2) blur(10px);backdrop-filter:saturate(1.2) blur(10px);box-shadow:0 1px 0 var(--linea);}
.header-in{height:100%;display:flex;align-items:center;gap:1rem;}
.brand{display:block;margin-right:auto;}
.brand img{height:40px;width:auto;}
@media (min-width:960px){.brand img{height:46px;}}
.nav ul{display:flex;gap:clamp(1rem,1.6vw,1.8rem);}
.nav a{text-decoration:none;font-size:.95rem;font-weight:500;color:var(--noche);position:relative;padding:.4rem 0;}
.nav ul a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--carmin);transform:scaleX(0);transform-origin:0 50%;transition:transform .35s var(--ease);}
.nav ul a:hover::after{transform:scaleX(1);}
.nav-cta-mobile{display:none;}
.menu-btn{display:none;}

@media (max-width:959px){
  .header-cta span{display:none;}
  .header-cta{width:44px;height:44px;min-height:44px;padding:0;}
  .menu-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--linea);background:var(--papel);border-radius:999px;cursor:pointer;}
  .menu-lines{position:relative;width:18px;height:10px;}
  .menu-lines::before,.menu-lines::after{content:"";position:absolute;left:0;right:0;height:1.6px;background:var(--noche);border-radius:2px;transition:transform .3s var(--ease),top .3s var(--ease);}
  .menu-lines::before{top:0;}
  .menu-lines::after{top:8.4px;}
  .is-open .menu-lines::before{top:4.2px;transform:rotate(45deg);}
  .is-open .menu-lines::after{top:4.2px;transform:rotate(-45deg);}
  .nav{position:fixed;left:0;right:0;top:var(--header-h);background:var(--papel);border-bottom:1px solid var(--linea);padding:.5rem var(--gutter) 1.5rem;display:none;box-shadow:0 30px 40px -30px rgba(22,35,61,.35);}
  .is-open .nav{display:block;}
  .nav ul{flex-direction:column;gap:0;}
  .nav ul a{display:block;padding:.95rem 0;font-family:var(--serif);font-size:1.5rem;border-bottom:1px solid var(--linea);}
  .nav ul a::after{display:none;}
  .nav-cta-mobile{display:flex;margin-top:1.25rem;width:100%;}
}

/* ── Hero ── */
.hero{position:relative;padding-top:calc(var(--header-h) + clamp(2rem,4vw,4.5rem));padding-bottom:clamp(3.5rem,6vw,6rem);overflow:hidden;}
.hero::before{content:"";position:absolute;inset:auto 0 0 0;height:1px;background:var(--linea);}
.areas{border-top:0;}
.hero-grid{display:grid;gap:clamp(2.5rem,5vw,4.5rem);align-items:center;}
@media (min-width:960px){.hero-grid{grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);}}
.hero-copy .lead{margin-top:clamp(1.4rem,2.5vw,2rem);}
.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1.1rem 1.6rem;margin-top:2rem;}
.hero-facts{display:flex;flex-wrap:wrap;gap:.5rem 1.3rem;margin-top:clamp(2.2rem,4vw,3.2rem);font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gris);}
.hero-facts li{display:flex;align-items:center;}
.hero-facts li::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--oro);margin-right:.6rem;}

/* Telegrama */
.telegram{position:relative;background:var(--papel);border:1px solid var(--linea);border-radius:10px;padding:clamp(1.25rem,2.4vw,1.9rem);box-shadow:0 40px 70px -40px rgba(22,35,61,.45),0 2px 6px rgba(22,35,61,.05);max-width:520px;width:100%;justify-self:end;}
.telegram::before{content:"";position:absolute;left:14px;right:14px;top:-1px;height:6px;background:repeating-linear-gradient(90deg,var(--carmin) 0 18px,transparent 18px 26px,var(--azul) 26px 44px,transparent 44px 52px);border-radius:0 0 2px 2px;opacity:.9;}
.tg-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;}
.tg-head .mono{color:var(--gris);padding-top:.35rem;}
.tg-seal{width:clamp(76px,9vw,104px);height:auto;margin:-.4rem -.3rem -1.6rem 0;transform:rotate(-9deg);opacity:.92;mix-blend-mode:multiply;}
.tg-fields{margin-top:.6rem;}
.tg-fields div{display:flex;align-items:baseline;gap:.9rem;padding:.55rem 0;border-bottom:1px dashed #CFC6B3;}
.tg-fields dt{width:3.2rem;flex:none;color:var(--gris);}
.tg-fields dd{font-family:var(--serif);font-size:1.18rem;line-height:1.3;}
.tg-options{border:0;margin:1.15rem 0 1.2rem;padding:0;}
.tg-options legend{color:var(--gris);margin-bottom:.55rem;padding:0;}
.opt{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.85rem;padding:.75rem .8rem;margin:0 -.8rem;border-radius:8px;cursor:pointer;transition:background-color .25s var(--ease);}
.opt+.opt{border-top:1px solid #ECE5D6;}
.opt input{position:absolute;opacity:0;width:1px;height:1px;}
.opt .box{width:22px;height:22px;border:1.5px solid var(--noche);border-radius:4px;display:grid;place-items:center;color:var(--marfil);background:transparent;transition:background-color .2s var(--ease),border-color .2s var(--ease);}
.opt .box svg{width:14px;height:14px;opacity:0;transform:scale(.6);transition:opacity .2s var(--ease),transform .3s var(--ease);}
.opt-text{display:flex;flex-direction:column;line-height:1.3;}
.opt-text strong{font-weight:600;font-size:1rem;}
.opt-text span{font-size:.88rem;color:var(--gris);}
.opt .kw{padding:.32rem .55rem;border-radius:999px;border:1px solid currentColor;font-size:.64rem;letter-spacing:.12em;white-space:nowrap;}
.opt[data-tone="art"] .kw{color:var(--carmin);}
.opt[data-tone="pyme"] .kw{color:var(--azul);}
.opt[data-tone="oro"] .kw{color:#7A5A22;}
.opt:hover{background:rgba(22,35,61,.04);}
.opt:has(input:checked)[data-tone="art"]{background:rgba(168,32,59,.07);}
.opt:has(input:checked)[data-tone="pyme"]{background:rgba(27,52,97,.07);}
.opt:has(input:checked)[data-tone="oro"]{background:rgba(201,164,106,.18);}
.opt input:checked + .box{background:var(--noche);}
.opt[data-tone="art"] input:checked + .box{background:var(--carmin);border-color:var(--carmin);}
.opt[data-tone="oro"] input:checked + .box{background:#8C6A2E;border-color:#8C6A2E;}
.opt input:checked + .box svg{opacity:1;transform:scale(1);}
.opt input:focus-visible + .box{outline:2px solid var(--carmin);outline-offset:3px;}
.tg-note{margin-top:.8rem;font-size:.85rem;color:var(--gris);text-align:center;}
@media (max-width:420px){.opt .kw{display:none;}}

/* ── Cifras ── */
.cifras{background:var(--papel);border-bottom:1px solid var(--linea);padding-block:clamp(2.5rem,4vw,3.5rem);}
.cifras-grid{display:grid;gap:0;}
.cifras-grid div{display:flex;flex-direction:column;gap:.5rem;padding:1.1rem 0;border-top:1px solid var(--linea);}
.cifras-grid div:first-child{border-top:0;padding-top:0;}
.cifras-grid dd{order:-1;font-family:var(--serif);font-size:clamp(2.6rem,2rem + 2.4vw,3.9rem);line-height:1;letter-spacing:-.02em;color:var(--azul);}
.cifras-grid div:first-child dd{color:var(--carmin);}
.cifras-grid dt{font-size:.98rem;color:#3A4560;max-width:16em;}
@media (min-width:760px){.cifras-grid{grid-template-columns:repeat(3,1fr);}.cifras-grid div{padding:0 clamp(1.5rem,3vw,3rem);border-top:0;border-left:1px solid var(--linea);}.cifras-grid div:first-child{padding-left:0;border-left:0;}}
.cifras-nota{margin-top:1.6rem;font-size:.82rem;color:var(--gris);}

/* ── Áreas ── */
.areas{padding-top:var(--sec);}
.areas-intro{display:grid;gap:1.25rem;margin-bottom:clamp(3rem,5vw,4.5rem);}
@media (min-width:960px){.areas-intro{grid-template-columns:1.1fr .9fr;align-items:end;gap:4rem;}}
.band{padding-block:clamp(3.75rem,3rem + 4vw,6.5rem);position:relative;}
.band-grid{display:grid;gap:clamp(2.5rem,5vw,5rem);}
@media (min-width:960px){.band-grid{grid-template-columns:1.05fr .95fr;align-items:start;}}
.band-main p:not(.pill){margin-top:1.25rem;max-width:34em;font-size:1.08rem;}
.band-main .btn{margin-top:2rem;}
.pill{display:inline-flex;align-items:center;height:30px;padding:0 .85rem;border-radius:999px;border:1px solid currentColor;margin-bottom:1.4rem;}
.side-title{font-family:var(--serif);font-style:italic;font-size:1.35rem;margin-bottom:.6rem;}
.rule-list li{padding:.85rem 0;border-top:1px solid;font-size:1.02rem;line-height:1.45;}
.rule-list li:last-child{border-bottom:1px solid;}
@media (min-width:640px){.rule-list.two-col{display:grid;grid-template-columns:1fr 1fr;column-gap:2rem;}.rule-list.two-col li:nth-last-child(2){border-bottom:1px solid;}}
.side-note{margin-top:1.4rem;font-size:.95rem;max-width:32em;}

.band-art{background:var(--carmin);color:var(--marfil);}
.band-art .h2 em{color:var(--rosa);}
.band-art .pill{color:var(--rosa);}
.band-art .rule-list li{border-color:rgba(244,240,230,.28);}
.band-art .side-note{color:rgba(255,236,230,.86);}

.band-pyme{background:var(--noche);color:var(--marfil);background-image:radial-gradient(90% 80% at 85% 0%,rgba(59,84,134,.55),rgba(22,35,61,0) 60%),radial-gradient(70% 60% at 0% 120%,rgba(201,164,106,.10),rgba(22,35,61,0) 70%);}
.band-pyme::before,.band-pyme::after{content:"";position:absolute;left:var(--gutter);right:var(--gutter);height:1px;background:linear-gradient(90deg,rgba(201,164,106,0),rgba(201,164,106,.7) 20%,rgba(201,164,106,.7) 80%,rgba(201,164,106,0));max-width:var(--maxw);margin:0 auto;}
.band-pyme::before{top:18px;}
.band-pyme::after{bottom:18px;}
.band-pyme .h2 em{color:var(--oro-claro);}
.band-pyme .pill{color:var(--oro-claro);border-color:rgba(201,164,106,.6);}
.band-pyme .side-title{color:var(--oro-claro);}
.band-pyme .rule-list li{border-color:rgba(201,164,106,.32);}
.band-pyme .band-main p:not(.pill),.band-pyme .side-note{color:rgba(244,240,230,.84);}

.band-oro{background:var(--oro);color:var(--noche);background-image:radial-gradient(120% 90% at 50% -10%,rgba(255,246,228,.32),rgba(201,164,106,0) 60%);}
.oro-grid{display:grid;gap:3.25rem;}
@media (min-width:860px){.oro-grid{grid-template-columns:1fr 1fr;gap:0;}.oro-col:first-child{padding-right:clamp(2rem,4vw,4rem);border-right:1px solid rgba(22,35,61,.28);}.oro-col:last-child{padding-left:clamp(2rem,4vw,4rem);}}
@media (max-width:859px){.oro-col+.oro-col{padding-top:3.25rem;border-top:1px solid rgba(22,35,61,.28);}}
.oro-col p:not(.pill){margin-top:1.1rem;max-width:32em;color:#1E2B45;}
.oro-col .btn{margin-top:1.8rem;}
.band-oro .h3 em{color:var(--oro-prof);}
.band-oro .pill{color:var(--noche);border-color:rgba(22,35,61,.55);}

/* ── Proceso ── */
.proceso{background:var(--papel);padding-block:var(--sec);border-bottom:1px solid var(--linea);}
.sec-head{display:grid;gap:1.25rem;margin-bottom:clamp(2.75rem,5vw,4.5rem);}
@media (min-width:960px){.sec-head{grid-template-columns:1.1fr .9fr;align-items:end;gap:4rem;}}
.steps{position:relative;display:grid;gap:0;counter-reset:s;}
.steps::before{content:"";position:absolute;background:var(--noche);transform-origin:0 0;transition:transform 1.6s var(--ease);}
.step{position:relative;}
.step-n{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--papel);border:1px solid var(--noche);font-family:var(--serif);font-size:1.3rem;position:relative;z-index:1;}
.step:last-child .step-n{background:var(--carmin);border-color:var(--carmin);color:var(--marfil);}
.step-t{font-family:var(--serif);font-weight:400;font-size:1.45rem;line-height:1.15;margin:1rem 0 .5rem;}
.step p{font-size:.98rem;color:#3A4560;max-width:28em;}
@media (min-width:960px){
  .steps{grid-template-columns:repeat(5,1fr);gap:1.75rem;}
  .steps::before{left:22px;right:0;top:22px;height:1px;}
  .js .steps::before{transform:scaleX(0);}
  .js .steps.is-in::before{transform:scaleX(1);}
}
@media (max-width:959px){
  .steps::before{left:21.5px;top:22px;bottom:22px;width:1px;}
  .js .steps::before{transform:scaleY(0);}
  .js .steps.is-in::before{transform:scaleY(1);}
  .step{display:grid;grid-template-columns:44px 1fr;column-gap:1.15rem;padding-bottom:2.1rem;}
  .step:last-child{padding-bottom:0;}
  .step-n{grid-row:span 2;}
  .step-t{margin:.45rem 0 .35rem;}
}

/* ── Serie ── */
.serie{background:var(--azul);color:var(--marfil);padding-block:var(--sec);overflow:hidden;background-image:radial-gradient(80% 70% at 10% 0%,rgba(59,84,134,.7),rgba(27,52,97,0) 60%);}
.serie .h2 em{color:var(--oro-claro);}
.serie .lead-sm{color:rgba(244,240,230,.82);}
.reel-track{display:grid;grid-auto-flow:column;grid-auto-columns:min(70vw,290px);gap:1.1rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 var(--gutter) 1rem;scrollbar-width:none;-webkit-overflow-scrolling:touch;}
.reel-track::-webkit-scrollbar{display:none;}
@media (min-width:1100px){.reel-track{grid-auto-flow:row;grid-template-columns:repeat(4,1fr);max-width:calc(var(--maxw) + 2*var(--gutter));margin:0 auto;overflow:visible;gap:clamp(1.25rem,2vw,2rem);}}
.reel{scroll-snap-align:center;}
.reel-frame{position:relative;aspect-ratio:9/16;border-radius:18px;overflow:hidden;background:var(--marfil);box-shadow:0 40px 60px -30px rgba(5,10,22,.7),0 0 0 1px rgba(201,164,106,.35);}
.reel-frame video{width:100%;height:100%;object-fit:cover;}
.reel-toggle{position:absolute;right:10px;bottom:10px;width:40px;height:40px;border-radius:50%;border:0;background:rgba(22,35,61,.78);color:var(--marfil);display:grid;place-items:center;cursor:pointer;opacity:0;transition:opacity .3s var(--ease);}
.reel-toggle .ic{width:16px;height:16px;}
.reel-frame:hover .reel-toggle,.reel-toggle:focus-visible,.reel.is-paused .reel-toggle,.reel.no-video .reel-toggle{opacity:1;}
.reel.no-video .reel-toggle{display:none;}
.reel figcaption{display:flex;flex-direction:column;align-items:flex-start;gap:.7rem;padding-top:1.1rem;}
.tag{display:inline-flex;align-items:center;height:26px;padding:0 .7rem;border-radius:999px;font-size:.64rem;}
.reel[data-tone="art"] .tag{background:var(--carmin);color:var(--marfil);}
.reel[data-tone="pyme"] .tag{background:var(--noche);color:var(--oro-claro);box-shadow:inset 0 0 0 1px rgba(201,164,106,.6);}
.reel[data-tone="oro"] .tag{background:var(--oro);color:var(--noche);}
.reel-title{font-family:var(--serif);font-size:1.32rem;line-height:1.2;}
.serie .reel-title em{color:var(--oro-claro);}
.serie-foot{margin-top:clamp(2rem,4vw,3rem);}

/* ── Estudio ── */
.estudio{padding-block:var(--sec);}
.estudio-grid{display:grid;gap:clamp(3rem,6vw,6rem);}
@media (min-width:960px){.estudio-grid{grid-template-columns:1.15fr .85fr;align-items:center;}}
.estudio-copy>p{margin-top:1.4rem;max-width:34em;font-size:1.1rem;color:#2A3650;}
.principios{margin-top:2.4rem;}
.principios div{padding:1.15rem 0;border-top:1px solid var(--linea);display:grid;gap:.3rem;}
.principios div:last-child{border-bottom:1px solid var(--linea);}
@media (min-width:640px){.principios div{grid-template-columns:15rem 1fr;gap:2rem;}}
.principios dt{font-family:var(--serif);font-size:1.3rem;line-height:1.25;}
.principios dd{color:#3A4560;}
.firma{position:relative;background:var(--papel);border:1px solid var(--linea);border-radius:10px;padding:clamp(2rem,4vw,3rem);box-shadow:0 40px 70px -45px rgba(22,35,61,.45);}
.firma-sello{position:absolute;right:clamp(1rem,3vw,2rem);top:-46px;width:clamp(104px,12vw,140px);height:auto;transform:rotate(8deg);mix-blend-mode:multiply;}
.firma-saludo{font-family:var(--serif);font-style:italic;font-size:1.5rem;color:var(--gris);}
.firmas{display:grid;gap:1.9rem;margin-top:1.6rem;}
.socio-nombre{font-family:var(--serif);font-style:italic;font-size:clamp(2rem,1.5rem + 1.6vw,2.7rem);line-height:1;color:var(--azul);padding-bottom:.6rem;border-bottom:1px solid var(--noche);}
.socio-mat{margin-top:.6rem;color:var(--gris);}

/* ── FAQ ── */
.faq{background:var(--papel);padding-block:var(--sec);border-top:1px solid var(--linea);}
.faq-grid{display:grid;gap:2.5rem;}
@media (min-width:960px){.faq-grid{grid-template-columns:.8fr 1.2fr;gap:5rem;}.faq-head{position:sticky;top:calc(var(--header-h) + 2rem);align-self:start;}}
.faq-head .lead-sm{margin-top:1rem;}
.faq-head .link-arrow{margin-top:1.4rem;}
.faq-list{border-top:1px solid var(--noche);}
.faq-list details{border-bottom:1px solid var(--linea);}
.faq-list summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1.25rem;padding:1.3rem 0;cursor:pointer;font-family:var(--serif);font-size:clamp(1.18rem,1.05rem + .5vw,1.42rem);line-height:1.3;}
.faq-list summary::-webkit-details-marker{display:none;}
.faq-list summary i{position:relative;flex:none;width:34px;height:34px;border-radius:50%;border:1px solid var(--linea);transition:background-color .25s var(--ease),border-color .25s var(--ease);}
.faq-list summary i::before,.faq-list summary i::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:1.5px;background:var(--noche);transform:translate(-50%,-50%);transition:transform .35s var(--ease);}
.faq-list summary i::after{transform:translate(-50%,-50%) rotate(90deg);}
.faq-list details[open] summary i{background:var(--noche);border-color:var(--noche);}
.faq-list details[open] summary i::before,.faq-list details[open] summary i::after{background:var(--marfil);}
.faq-list details[open] summary i::after{transform:translate(-50%,-50%) rotate(0deg);}
.faq-list summary:hover span{color:var(--carmin);}
.ans{padding:0 3.5rem 1.5rem 0;color:#3A4560;max-width:40em;}

/* ── Contacto ── */
.contacto{background:var(--noche);color:var(--marfil);padding-block:var(--sec);position:relative;}
.contacto .h2 em{color:var(--oro-claro);}
.contacto .lead-sm{color:rgba(244,240,230,.82);margin-top:1.2rem;}
.contacto .btn{margin-top:2rem;}
.contacto-grid{display:grid;gap:3rem;}
@media (min-width:960px){.contacto-grid{grid-template-columns:1.1fr .9fr;gap:5rem;align-items:center;}}
.contacto-list li{display:flex;gap:1rem;align-items:flex-start;padding:1.05rem 0;border-top:1px solid rgba(201,164,106,.28);}
.contacto-list li:last-child{border-bottom:1px solid rgba(201,164,106,.28);}
.contacto-list .ic{color:var(--oro);margin-top:.15rem;width:22px;height:22px;}
.contacto-list div{display:flex;flex-direction:column;gap:.2rem;min-width:0;}
.contacto-list .mono{color:rgba(226,196,140,.9);font-size:.66rem;}
.contacto-list a{text-decoration:none;font-size:1.08rem;overflow-wrap:anywhere;}
.contacto-list a:hover{text-decoration:underline;text-underline-offset:3px;}
.contacto-list .small-link{font-size:.9rem;color:var(--oro-claro);text-decoration:underline;text-underline-offset:3px;}

/* ── Footer ── */
.site-footer{background:var(--noche-2);color:rgba(244,240,230,.78);padding:3.5rem 0 2.5rem;font-size:.92rem;}
.footer-grid{display:grid;gap:2rem;}
@media (min-width:960px){.footer-grid{grid-template-columns:1fr 1.2fr;column-gap:4rem;}}
.footer-brand img{height:52px;width:auto;}
.footer-brand p{margin-top:.9rem;}
.footer-legal .mono{color:var(--oro-claro);margin-bottom:.6rem;}
.footer-legal li+li{margin-top:.3rem;}
.footer-aviso{grid-column:1/-1;padding-top:1.6rem;border-top:1px solid rgba(201,164,106,.22);font-size:.84rem;line-height:1.6;max-width:70em;color:rgba(244,240,230,.66);}
.footer-copy{grid-column:1/-1;font-size:.82rem;color:rgba(244,240,230,.55);}

/* ── WhatsApp flotante (móvil) ── */
.wa-float{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:40;display:inline-flex;align-items:center;gap:.5rem;height:52px;padding:0 1.15rem 0 1rem;border-radius:999px;background:var(--noche);color:var(--marfil);text-decoration:none;font-weight:600;box-shadow:0 18px 30px -12px rgba(5,10,22,.6),0 0 0 1px rgba(201,164,106,.4);transform:translateY(140%);opacity:0;transition:transform .45s var(--ease),opacity .3s var(--ease);}
.wa-float.is-visible{transform:none;opacity:1;}
@media (min-width:960px){.wa-float{display:none;}}

/* ── Motion ── */
.js [data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .9s var(--ease),transform .9s var(--ease);}
.js [data-reveal].is-in{opacity:1;transform:none;}
.js .hero .ln,.js .hero .lead,.js .hero-actions,.js .hero-facts{opacity:0;transform:translateY(22px);animation:rise 1s var(--ease) forwards;}
.js .hero .ln:nth-child(2){animation-delay:.08s;}
.js .hero .ln:nth-child(3){animation-delay:.16s;}
.js .hero .lead{animation-delay:.28s;}
.js .hero-actions{animation-delay:.36s;}
.js .hero-facts{animation-delay:.44s;}
.js .telegram{opacity:0;transform:translateY(28px);animation:rise 1.1s var(--ease) .2s forwards;}
.js .tg-seal{opacity:0;transform:rotate(-9deg) scale(1.35);animation:stamp .6s cubic-bezier(.16,1,.3,1) 1.05s forwards;}
@keyframes rise{to{opacity:1;transform:none;}}
@keyframes stamp{to{opacity:.92;transform:rotate(-9deg) scale(1);}}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  *,*::before,*::after{animation-duration:.01ms!important;animation-delay:0s!important;transition-duration:.01ms!important;}
  .js [data-reveal]{opacity:1;transform:none;}
  .js .steps::before{transform:none!important;}
}
