/*
Theme Name: Solunet 2026
Theme URI: https://solunet.es
Author: Solunet
Description: Rediseño de solunet.es con la "maquina del tiempo" (1998 -> 2026). Sistema visual con prefijo .sn-.
Version: 1.0
License: GNU General Public License v2 or later
Text Domain: solunet2026
*/

/* ============================================================
   SOLUNET · sistema visual «La máquina del tiempo»
   CSS autocontenido · prefijo .sn- · sin resets globales
   Eras: [data-era="0"]=1998 · "1"=2005 · "2"=2014 · "3"=2026
   ============================================================ */

/* ---------- base ---------- */
.sn-root{min-height:100vh;overflow-x:hidden;margin:0;}
.sn-root, .sn-root *{box-sizing:border-box;}
.sn-wrap{max-width:1200px;margin:0 auto;}
.sn-root a{cursor:pointer;}
.sn-root img{max-width:100%;}

.sn-root, .sn-root .sn-t{transition:background .55s cubic-bezier(.45,.05,.25,1), color .55s cubic-bezier(.45,.05,.25,1), border-color .55s cubic-bezier(.45,.05,.25,1), box-shadow .55s cubic-bezier(.45,.05,.25,1), opacity .55s;}

@keyframes sn-blink{0%,49%{opacity:1}50%,100%{opacity:0}}
@keyframes sn-spark{from{opacity:.95;transform:scale(1)}to{opacity:0;transform:scale(.15) translateY(-10px)}}
@keyframes sn-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.22)}}
@keyframes sn-rot{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes sn-glow{0%,100%{box-shadow:0 12px 30px -10px rgba(230,46,140,.5)}50%{box-shadow:0 14px 44px -6px rgba(230,46,140,.85)}}

@media (prefers-reduced-motion: reduce){
  .sn-root, .sn-root *{transition:none!important;animation:none!important;}
}

/* ---------- variables por era ---------- */
.sn-root[data-era="0"]{--f:"Times New Roman",Times,serif;--fd:"Times New Roman",Times,serif;--mono:"Courier New",monospace;
  --bg:#c0c0c0;--tx:#111;--acc:#000080;--mut:#444;--h:#000;--link:#0000EE;--rule:#8f8f8f;--alt:#b9b9b9;}
.sn-root[data-era="1"]{--f:Verdana,Tahoma,sans-serif;--fd:Verdana,Tahoma,sans-serif;--mono:Verdana,Tahoma,sans-serif;
  --bg:#d6d6d6;--tx:#333;--acc:#C4006F;--mut:#555;--h:#1F5FAD;--link:#1F5FAD;--rule:#bbb;--alt:#c9c9c9;}
.sn-root[data-era="2"]{--f:'Archivo',sans-serif;--fd:'Archivo',sans-serif;--mono:'JetBrains Mono',monospace;
  --bg:#f5f7fa;--tx:#23405e;--acc:#C4006F;--mut:#44607e;--h:#00396f;--link:#1F5FAD;--rule:#dbe6f1;--alt:#e9f1f9;}
.sn-root[data-era="3"]{--f:'Archivo',sans-serif;--fd:'Space Grotesk',sans-serif;--mono:'JetBrains Mono',monospace;
  --bg:#04182E;--tx:#EAF3FF;--acc:#E62E8C;--mut:#A9C2DC;--h:#F2F8FF;--link:#54A8FF;--rule:rgba(255,255,255,.1);--alt:#02101F;}

.sn-root{background:var(--bg);color:var(--tx);font-family:var(--f);}

/* ---------- topbar ---------- */
.sn-topbar{position:fixed;top:0;left:0;right:0;z-index:80;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;min-height:64px;padding:8px max(24px,calc(50vw - 620px));transform:translateY(0);transition:transform .45s cubic-bezier(.4,0,.2,1),background .45s,box-shadow .45s,border-color .45s;}
.sn-topbar.sn-hidden{transform:translateY(-105%);}
.sn-root[data-era="0"] .sn-topbar{background:#c0c0c0;border-bottom:2px solid #7f7f7f;}
.sn-root[data-era="1"] .sn-topbar{background:#fff;border-bottom:4px solid #1F5FAD;}
.sn-root[data-era="2"] .sn-topbar{background:#fff;border-bottom:1px solid #e3e8ee;}
.sn-root[data-era="3"] .sn-topbar{background:transparent;border-bottom:1px solid rgba(255,255,255,.07);}
.sn-root[data-era="3"] .sn-topbar.sn-scrolled{background:rgba(3,16,31,.86);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 10px 36px -18px rgba(0,0,0,.7);}
.sn-topbar.sn-scrolled{box-shadow:0 2px 10px rgba(0,0,0,.18);}
.sn-progress{position:absolute;left:0;bottom:-2px;height:2px;width:0%;z-index:2;background:var(--acc);}
.sn-root[data-era="3"] .sn-progress{background:linear-gradient(90deg,#E62E8C,#54A8FF);}

.sn-brand{display:inline-flex;align-items:center;gap:9px;text-decoration:none;line-height:1;}
.sn-logo-solu,.sn-logo-net{font-family:'Mulish',sans-serif;font-size:24px;letter-spacing:-.02em;line-height:1;}
.sn-logo-solu{font-weight:600;color:#ADBDCE;}
.sn-logo-net{font-weight:800;color:#54A8FF;}
.sn-root[data-era="0"] .sn-logo-solu{font-family:"Courier New",monospace;font-weight:700;color:#555;}
.sn-root[data-era="0"] .sn-logo-net{font-family:"Courier New",monospace;font-weight:700;color:#000080;}
.sn-root[data-era="1"] .sn-logo-solu{color:#9aa0a6;}
.sn-root[data-era="1"] .sn-logo-net{color:#1F5FAD;}
.sn-root[data-era="2"] .sn-logo-solu{color:#8a97a5;}
.sn-root[data-era="2"] .sn-logo-net{color:#1565a8;}

.sn-nav{display:flex;align-items:center;gap:24px;flex-wrap:wrap;}
.sn-nav a{text-decoration:none;font-size:14px;font-weight:500;color:#A9C2DC;font-family:var(--f);}
.sn-root[data-era="0"] .sn-nav a{color:#0000EE;text-decoration:underline;font-size:15px;}
.sn-root[data-era="1"] .sn-nav a{color:#1F5FAD;font-weight:700;font-size:12.5px;}
.sn-root[data-era="2"] .sn-nav a{color:#4a5b6c;}
.sn-nav a:hover{filter:brightness(1.25);}
.sn-nav a.sn-active{font-weight:700;padding-bottom:3px;}
.sn-root[data-era="2"] .sn-nav a.sn-active{color:#00396f;border-bottom:2px solid #C4006F;}
.sn-root[data-era="3"] .sn-nav a.sn-active{color:#fff;border-bottom:2px solid #E62E8C;}
.sn-root[data-era="1"] .sn-nav a.sn-active{color:#C4006F;border-bottom:2px solid #C4006F;}
.sn-root[data-era="0"] .sn-nav a.sn-active{color:#000080;font-weight:700;}

/* ---------- botones ---------- */
.sn-btn-p,.sn-btn-s{display:inline-block;text-decoration:none;white-space:nowrap;cursor:pointer;font-family:var(--f);}
.sn-btn-p:hover,.sn-btn-s:hover{filter:brightness(1.08);}
.sn-root[data-era="0"] .sn-btn-p,.sn-root[data-era="0"] .sn-btn-s,.sn-root[data-era="0"] .sn-cta-top{font-family:Tahoma,"MS Sans Serif",sans-serif;font-size:14px;color:#000;background:#d4d0c8;border:2px solid;border-color:#fff #6d6d6d #6d6d6d #fff;border-radius:0;padding:9px 18px;}
.sn-root[data-era="1"] .sn-btn-p{background:#C4006F;color:#fff;font-weight:700;font-size:13px;padding:13px 24px;border-radius:2px;border:1px solid #92004f;}
.sn-root[data-era="1"] .sn-btn-s{background:#fff;color:#1F5FAD;font-weight:700;font-size:13px;padding:12px 22px;border-radius:2px;border:1px solid #1F5FAD;}
.sn-root[data-era="2"] .sn-btn-p{background:#C4006F;color:#fff;font-weight:700;font-size:15px;padding:14px 28px;border-radius:4px;border:0;box-shadow:0 4px 0 rgba(146,0,79,.35);}
.sn-root[data-era="2"] .sn-btn-s{background:#fff;color:#1F5FAD;font-weight:700;font-size:15px;padding:13px 27px;border-radius:4px;border:1px solid #1F5FAD;}
.sn-root[data-era="3"] .sn-btn-p{background:#E62E8C;color:#fff;font-weight:600;font-size:15.5px;padding:15px 28px;border-radius:8px;border:0;box-shadow:0 12px 30px -10px rgba(230,46,140,.65);}
.sn-root[data-era="3"] .sn-btn-s{background:rgba(255,255,255,.07);color:#EAF3FF;font-weight:600;font-size:15.5px;padding:14px 27px;border-radius:8px;border:1px solid rgba(255,255,255,.25);}
.sn-cta-top{text-decoration:none;white-space:nowrap;display:inline-block;}
.sn-root[data-era="1"] .sn-cta-top{background:#C4006F;color:#fff;font-weight:700;font-size:12px;padding:9px 16px;border-radius:2px;border:1px solid #92004f;}
.sn-root[data-era="2"] .sn-cta-top{background:#C4006F;color:#fff;font-weight:700;font-size:13.5px;padding:10px 18px;border-radius:4px;border:0;}
.sn-root[data-era="3"] .sn-cta-top{background:#E62E8C;color:#fff;font-weight:600;font-size:13.5px;padding:10px 18px;border-radius:8px;border:0;box-shadow:0 8px 24px -8px rgba(230,46,140,.7);}
.sn-cta-top:hover{filter:brightness(1.08);}

/* ---------- hero / cabeceras ---------- */
.sn-hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;padding-top:64px;}
.sn-header{position:relative;overflow:hidden;padding:180px 32px 100px;}
.sn-root[data-era="2"] .sn-hero,.sn-root[data-era="2"] .sn-header{background:linear-gradient(150deg,#fff 0%,#e6eff9 65%,#d9e8f7 100%);}
.sn-root[data-era="3"] .sn-hero,.sn-root[data-era="3"] .sn-header{background:radial-gradient(1000px 480px at 70% -10%,rgba(18,70,128,.55),rgba(4,24,46,0) 62%);}
.sn-grid-layer{position:absolute;inset:0;pointer-events:none;z-index:0;opacity:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:52px 52px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.9),rgba(0,0,0,.3) 65%,transparent);mask-image:linear-gradient(180deg,rgba(0,0,0,.9),rgba(0,0,0,.3) 65%,transparent);}
.sn-root[data-era="3"] .sn-grid-layer{opacity:1;}
.sn-watermark{position:absolute;right:-16px;bottom:-22px;pointer-events:none;font-weight:700;line-height:.8;white-space:nowrap;user-select:none;z-index:0;font-size:clamp(90px,14vw,230px);font-family:var(--fd);color:rgba(0,0,0,.05);}
.sn-root[data-era="1"] .sn-watermark{color:rgba(255,255,255,.55);}
.sn-root[data-era="2"] .sn-watermark{color:rgba(31,95,173,.08);}
.sn-root[data-era="3"] .sn-watermark{color:transparent;-webkit-text-stroke:1.5px rgba(84,168,255,.13);}

.sn-panel{position:relative;width:100%;margin:0 auto;z-index:2;}
.sn-root[data-era="0"] .sn-panel{max-width:760px;background:#fff;border:2px solid #7f7f7f;padding:30px 34px 34px;}
.sn-root[data-era="1"] .sn-panel{max-width:880px;background:#fff;border:1px solid #b0b0b0;box-shadow:2px 2px 0 rgba(0,0,0,.12);padding:36px 40px 40px;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:36px;align-items:center;}
.sn-root[data-era="2"] .sn-panel{max-width:1240px;padding:0 32px;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:48px;align-items:center;}
.sn-root[data-era="3"] .sn-panel{max-width:1240px;padding:0 32px;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:48px;align-items:center;}

.sn-kicker{display:inline-flex;align-items:center;gap:8px;max-width:100%;}
.sn-root[data-era="0"] .sn-kicker{font-size:14px;color:#000080;font-weight:700;}
.sn-root[data-era="1"] .sn-kicker{font-size:11px;color:#fff;font-weight:700;background:#C4006F;padding:5px 12px;}
.sn-root[data-era="2"] .sn-kicker{font-size:11px;color:#fff;font-weight:700;background:#1F5FAD;border-radius:3px;padding:6px 12px;letter-spacing:.12em;text-transform:uppercase;}
.sn-root[data-era="3"] .sn-kicker{font-family:var(--mono);font-size:11px;color:#8FC0FF;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:6px 13px;letter-spacing:.08em;text-transform:uppercase;}

.sn-h1{font-family:var(--fd);text-wrap:balance;margin:20px 0 16px;line-height:1.08;color:var(--h);font-size:clamp(30px,4.4vw,46px);font-weight:700;}
.sn-root[data-era="1"] .sn-h1{font-size:clamp(26px,3.4vw,40px);line-height:1.2;}
.sn-root[data-era="3"] .sn-h1{font-weight:600;font-size:clamp(36px,5vw,64px);line-height:1.05;letter-spacing:-.025em;background-image:linear-gradient(100deg,#FFFFFF 25%,#BBD9FF 65%,#6FB4FF);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.sn-accent{color:inherit;}
.sn-root[data-era="1"] .sn-accent,.sn-root[data-era="2"] .sn-accent{color:#C4006F;}
.sn-root[data-era="3"] .sn-accent{color:#54A8FF;-webkit-text-fill-color:#54A8FF;}
.sn-sub{line-height:1.65;color:var(--mut);max-width:560px;margin:0 0 28px;font-size:16px;}
.sn-root[data-era="1"] .sn-sub{font-size:13px;}
.sn-root[data-era="3"] .sn-sub{font-size:clamp(15px,1.3vw,17.5px);}
.sn-btn-row{display:flex;gap:13px;flex-wrap:wrap;align-items:center;}
.sn-badges{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:20px;font-size:13px;color:var(--mut);}
.sn-root[data-era="1"] .sn-badges{font-size:11px;}
.sn-root[data-era="3"] .sn-badges{font-family:var(--mono);font-size:12.5px;color:#7E9AB8;}

/* decos del hero por era */
.sn-deco98,.sn-deco05,.sn-deco14,.sn-terminal{display:none;}
.sn-root[data-era="0"] .sn-deco98{display:block;text-align:center;padding-top:16px;font-family:var(--f);}
.sn-root[data-era="1"] .sn-deco05{display:block;background:#f4f4f4;border:1px solid #c9c9c9;padding:22px 24px;}
.sn-root[data-era="2"] .sn-deco14{display:block;max-width:420px;box-shadow:0 10px 0 -4px rgba(31,95,173,.15);}
.sn-root[data-era="3"] .sn-terminal{display:block;}
.sn-counter{display:inline-flex;gap:2px;}
.sn-counter span{background:#000;color:#7CFC00;font-family:"Courier New",monospace;font-size:14px;padding:2px 6px;border:1px solid #555;}
.sn-terminal{border:1px solid rgba(255,255,255,.14);border-radius:11px;background:#02101F;overflow:hidden;box-shadow:0 24px 60px -24px rgba(0,0,0,.6);max-width:440px;position:relative;z-index:1;}
.sn-term-head{display:flex;align-items:center;gap:7px;padding:11px 14px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);}
.sn-term-dot{width:11px;height:11px;border-radius:50%;display:inline-block;}
.sn-term-title{font-family:'JetBrains Mono',monospace;font-size:11px;color:#6E89A6;margin-left:8px;}
.sn-term-body{padding:18px 16px;font-family:'JetBrains Mono',monospace;font-size:12.5px;line-height:1.85;}
.sn-blink{display:inline-block;animation:sn-blink 1s steps(1) infinite;}
.sn-halo{display:none;position:absolute;left:50%;top:50%;width:430px;height:430px;border-radius:50%;background:conic-gradient(from 0deg,rgba(84,168,255,0),rgba(84,168,255,.45),rgba(230,46,140,.45),rgba(84,168,255,0));filter:blur(46px);opacity:.55;transform:translate(-50%,-50%);animation:sn-rot 16s linear infinite;pointer-events:none;z-index:0;}
.sn-root[data-era="3"] .sn-halo{display:block;}

/* ---------- secciones ---------- */
.sn-section{padding:120px 32px;}
.sn-section-alt{padding:120px 32px;background:var(--alt);}
.sn-root[data-era="0"] .sn-section-alt{border-top:2px solid #7f7f7f;border-bottom:2px solid #fff;}
.sn-root[data-era="1"] .sn-section-alt{border-top:1px solid #b5b5b5;border-bottom:1px solid #f0f0f0;}
.sn-root[data-era="2"] .sn-section-alt{border-top:1px solid #d7e3f0;border-bottom:1px solid #fff;}
.sn-root[data-era="3"] .sn-section-alt{border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);}
.sn-sec-head{display:flex;align-items:center;gap:18px;margin-bottom:30px;}
.sn-idx{font-weight:700;flex-shrink:0;font-size:14px;color:var(--acc);font-family:var(--mono);}
.sn-rule{flex:1;height:1px;background:var(--rule);}
.sn-h2{font-family:var(--fd);line-height:1.12;margin:18px 0 16px;text-wrap:balance;color:var(--h);font-weight:700;font-size:clamp(26px,3.2vw,40px);}
.sn-root[data-era="1"] .sn-h2{font-size:clamp(24px,2.8vw,32px);}
.sn-root[data-era="3"] .sn-h2{font-weight:600;font-size:clamp(28px,3.4vw,44px);letter-spacing:-.02em;}
.sn-intro{max-width:640px;margin:0 0 56px;line-height:1.68;color:var(--mut);font-size:16px;}
.sn-root[data-era="1"] .sn-intro{font-size:12.5px;}
.sn-root[data-era="2"] .sn-intro,.sn-root[data-era="3"] .sn-intro{font-size:17px;}
.sn-link{color:var(--link);text-decoration:underline;text-underline-offset:3px;}

/* ---------- tarjetas ---------- */
.sn-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:26px;}
.sn-card{padding:30px 30px 32px;transition:transform .25s,background .55s,border-color .55s,box-shadow .55s;}
.sn-card:hover{transform:translateY(-3px);}
.sn-root[data-era="0"] .sn-card{background:#fff;border:2px solid;border-color:#fff #6d6d6d #6d6d6d #fff;box-shadow:2px 2px 0 #8f8f8f;}
.sn-root[data-era="1"] .sn-card{background:#fff;border:1px solid #c8c8c8;box-shadow:1px 1px 0 rgba(0,0,0,.08);}
.sn-root[data-era="2"] .sn-card{background:#fff;border:1px solid #dbe6f1;border-top:3px solid #1F5FAD;border-radius:4px;box-shadow:0 3px 0 rgba(31,95,173,.08);}
.sn-root[data-era="3"] .sn-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);border-radius:14px;}
.sn-card h3,.sn-card .sn-card-h{font-family:var(--fd);margin:16px 0 10px;font-size:18px;font-weight:700;color:var(--h);}
.sn-root[data-era="1"] .sn-card h3,.sn-root[data-era="1"] .sn-card .sn-card-h{font-size:14.5px;color:#1F5FAD;}
.sn-root[data-era="3"] .sn-card h3,.sn-root[data-era="3"] .sn-card .sn-card-h{font-size:19.5px;font-weight:600;}
.sn-card p{margin:0;line-height:1.68;font-size:14.5px;color:var(--mut);}
.sn-root[data-era="1"] .sn-card p{font-size:12px;}
.sn-root[data-era="2"] .sn-card p,.sn-root[data-era="3"] .sn-card p{font-size:15px;}
.sn-icon{display:inline-flex;align-items:center;justify-content:center;}
.sn-icon svg{stroke:var(--acc);}
.sn-root[data-era="3"] .sn-icon svg{stroke:#54A8FF;}
.sn-root[data-era="2"] .sn-icon{width:46px;height:46px;background:#E8F0F9;border-radius:4px;border-top:3px solid #C4006F;}
.sn-root[data-era="3"] .sn-icon{width:46px;height:46px;background:rgba(84,168,255,.08);border:1px solid rgba(84,168,255,.25);border-radius:12px;box-shadow:0 0 18px rgba(84,168,255,.12);}

/* ---------- por qué / pasos / stats ---------- */
.sn-why{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:52px 44px;}
.sn-why-item{padding-top:26px;border-top:1px solid var(--rule);}
.sn-root[data-era="0"] .sn-why-item{border-top:2px solid #808080;}
.sn-root[data-era="2"] .sn-why-item{border-top:3px solid #1F5FAD;}
.sn-num{font-weight:700;font-size:13px;color:var(--acc);font-family:var(--mono);}
.sn-why-item h3{font-family:var(--fd);margin:12px 0 8px;font-size:18px;font-weight:700;color:var(--h);}
.sn-root[data-era="3"] .sn-why-item h3{font-weight:600;font-size:19px;}
.sn-why-item p{margin:0;line-height:1.66;font-size:14.5px;color:var(--mut);}
.sn-step-num{width:42px;height:42px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;font-family:var(--mono);}
.sn-root[data-era="0"] .sn-step-num{border:2px solid #000080;color:#000080;}
.sn-root[data-era="1"] .sn-step-num{background:#1F5FAD;color:#fff;}
.sn-root[data-era="2"] .sn-step-num{background:#C4006F;color:#fff;border-radius:50%;}
.sn-root[data-era="3"] .sn-step-num{border:1px solid rgba(84,168,255,.5);color:#54A8FF;border-radius:10px;}
.sn-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:48px 40px;}
.sn-stat-num{font-family:var(--fd);line-height:1;font-weight:700;font-size:44px;color:var(--h);}
.sn-root[data-era="3"] .sn-stat-num{font-weight:600;font-size:clamp(44px,4.4vw,64px);letter-spacing:-.02em;background-image:linear-gradient(110deg,#fff 30%,#9CC8FF);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.sn-stat-num.sn-acc{color:var(--acc);-webkit-text-fill-color:var(--acc);background-image:none;}
.sn-stat-label{margin-top:10px;font-size:13px;color:var(--mut);font-family:var(--mono);}

/* ---------- testimonio / faq / cta ---------- */
.sn-quote-mark{font-size:56px;line-height:.6;color:var(--acc);font-family:var(--fd);}
.sn-quote{font-family:var(--fd);margin:20px 0 24px;line-height:1.45;font-size:clamp(18px,2.3vw,26px);color:var(--h);font-weight:500;}
.sn-root[data-era="0"] .sn-quote,.sn-root[data-era="1"] .sn-quote{font-style:italic;font-weight:400;}
.sn-quote-attr{letter-spacing:.14em;text-transform:uppercase;font-size:11.5px;color:var(--mut);font-family:var(--mono);}
.sn-faq details{border-bottom:1px solid var(--rule);}
.sn-faq summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:22px 4px;cursor:pointer;font-family:var(--fd);font-weight:700;font-size:16.5px;color:var(--h);}
.sn-faq summary::-webkit-details-marker{display:none;}
.sn-root[data-era="1"] .sn-faq summary{font-size:13px;color:#1F5FAD;}
.sn-root[data-era="3"] .sn-faq summary{font-weight:500;font-size:17.5px;}
.sn-faq .sn-plus{flex-shrink:0;font-weight:700;color:var(--acc);font-family:var(--mono);}
.sn-faq p{margin:0;padding:0 4px 24px;line-height:1.7;max-width:740px;font-size:14.5px;color:var(--mut);}
.sn-cta-panel{max-width:1200px;margin:0 auto;text-align:center;padding:76px 36px;}
.sn-root[data-era="0"] .sn-cta-panel{background:#fff;border:2px solid;border-color:#fff #6d6d6d #6d6d6d #fff;}
.sn-root[data-era="1"] .sn-cta-panel{background:#fff;border:2px solid #1F5FAD;}
.sn-root[data-era="2"] .sn-cta-panel{background:#1F5FAD;border-radius:6px;box-shadow:0 8px 0 rgba(14,58,102,.3);}
.sn-root[data-era="3"] .sn-cta-panel{background:radial-gradient(640px 280px at 50% -20%,rgba(230,46,140,.18),transparent),linear-gradient(115deg,rgba(18,59,104,.7),rgba(9,32,60,.85));border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:84px 36px;}
.sn-cta-title{font-family:var(--fd);margin:0 0 16px;letter-spacing:-.02em;font-weight:700;font-size:clamp(30px,4vw,50px);color:var(--h);}
.sn-root[data-era="2"] .sn-cta-title{color:#fff;}
.sn-root[data-era="3"] .sn-cta-title{font-weight:600;font-size:clamp(34px,4.4vw,56px);}
.sn-cta-sub{max-width:600px;margin:0 auto 34px;line-height:1.65;font-size:16px;color:var(--mut);}
.sn-root[data-era="2"] .sn-cta-sub{color:#d9e6f4;}
.sn-root[data-era="3"] .sn-cta-sub{font-size:17px;}

/* ---------- formulario ---------- */
.sn-form label{display:block;margin-bottom:16px;font-weight:600;font-size:13.5px;color:var(--h);}
.sn-form input,.sn-form textarea{display:block;width:100%;outline:none;margin-top:6px;font-family:var(--f);font-size:15px;color:var(--tx);background:#fff;border:1px solid #c7d6e6;border-radius:4px;padding:12px;}
.sn-root[data-era="0"] .sn-form input,.sn-root[data-era="0"] .sn-form textarea{border:2px solid;border-color:#6d6d6d #fff #fff #6d6d6d;border-radius:0;padding:8px 10px;}
.sn-root[data-era="1"] .sn-form input,.sn-root[data-era="1"] .sn-form textarea{border:1px solid #a9c4dd;border-radius:0;padding:9px 10px;font-size:12.5px;}
.sn-root[data-era="3"] .sn-form input,.sn-root[data-era="3"] .sn-form textarea{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.18);border-radius:8px;color:#EAF3FF;padding:12px 14px;}

/* ---------- footer ---------- */
.sn-footer{padding:84px 32px 150px;background:var(--alt);}
.sn-root[data-era="0"] .sn-footer{background:#c0c0c0;border-top:2px solid #7f7f7f;}
.sn-root[data-era="1"] .sn-footer{background:#cfcfcf;border-top:4px solid #1F5FAD;}
.sn-root[data-era="2"] .sn-footer{background:#e9f1f9;border-top:4px solid #1F5FAD;}
.sn-root[data-era="3"] .sn-footer{background:#02101F;border-top:1px solid rgba(255,255,255,.08);}
.sn-foot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:48px 36px;padding-bottom:48px;border-bottom:1px solid rgba(127,127,127,.25);}
.sn-foot-title{margin-bottom:18px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:11px;color:var(--acc);font-family:var(--mono);}
.sn-root[data-era="3"] .sn-foot-title{color:#54A8FF;font-weight:400;}
.sn-foot-col{display:flex;flex-direction:column;gap:11px;}
.sn-foot-col a{text-decoration:none;font-size:14px;color:var(--link);}
.sn-root[data-era="0"] .sn-foot-col a{text-decoration:underline;}
.sn-root[data-era="1"] .sn-foot-col a{font-size:12px;}
.sn-root[data-era="2"] .sn-foot-col a{color:#33567a;}
.sn-root[data-era="3"] .sn-foot-col a{color:#A9C2DC;}
.sn-foot-col a:hover{filter:brightness(1.25);}
.sn-foot-p{font-size:14px;line-height:1.68;margin:14px 0 0;color:var(--mut);}
.sn-root[data-era="3"] .sn-foot-p{color:#7E9AB8;}
.sn-legal{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;padding-top:26px;}
.sn-legal span,.sn-legal a{font-size:11px;color:var(--mut);text-decoration:none;font-family:var(--mono);}

/* ---------- consola del tiempo (siempre oscura) ---------- */
.sn-console{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:85;width:min(700px,calc(100vw - 28px));}
.sn-console-in{background:rgba(2,13,26,.88);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.16);border-radius:18px;padding:14px 22px 10px;box-shadow:0 24px 60px -20px rgba(0,0,0,.75);}
.sn-console-top{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;}
.sn-console-label{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#8FC0FF;display:block;}
.sn-console-hint{font-family:'JetBrains Mono',monospace;font-size:10px;color:#5C7894;display:block;margin-top:3px;}
.sn-console-year{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:30px;line-height:1;color:#fff;font-variant-numeric:tabular-nums;text-align:right;}
.sn-console-name{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#E62E8C;margin-top:2px;text-align:right;}
.sn-skip{display:none;font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.06em;color:#EAF3FF;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:8px 15px;cursor:pointer;}
.sn-track{position:relative;height:38px;cursor:pointer;touch-action:none;margin-top:4px;}
.sn-track-line{position:absolute;left:0;right:0;top:50%;height:2px;transform:translateY(-50%);background:rgba(255,255,255,.22);border-radius:2px;}
.sn-tick{position:absolute;top:50%;width:2px;height:10px;transform:translate(-50%,-50%);background:rgba(255,255,255,.4);}
.sn-thumb{position:absolute;left:100%;top:50%;width:17px;height:17px;margin:-8.5px 0 0 -8.5px;border-radius:50%;background:#E62E8C;box-shadow:0 0 0 4px rgba(230,46,140,.25),0 0 16px rgba(230,46,140,.85);transition:left .45s cubic-bezier(.45,.05,.25,1);}
.sn-thumb i{position:absolute;inset:0;border-radius:50%;background:#E62E8C;animation:sn-pulse 2.4s ease-in-out infinite;}
.sn-years{display:flex;justify-content:space-between;}
.sn-years span{font-family:'JetBrains Mono',monospace;font-size:11.5px;letter-spacing:.08em;cursor:pointer;color:#7E9AB8;padding:3px 5px;transition:color .3s;}
.sn-years span.sn-on{color:#E62E8C;font-weight:700;}

/* ---------- timeline (Empresa · tarjetas de época fijas) ---------- */
.sn-tl{max-width:880px;margin:0 auto;position:relative;}
.sn-tl-rail{position:absolute;left:19px;top:8px;bottom:8px;width:2px;background:linear-gradient(180deg,#8f8f8f,#1F5FAD 55%,#E62E8C);border-radius:2px;}
.sn-tl-item{position:relative;padding-left:64px;margin-bottom:56px;}
.sn-tl-dot{position:absolute;left:11px;top:4px;width:18px;height:18px;border-radius:50%;border:3px solid var(--bg);}
.sn-tl-year{font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:700;color:var(--acc);margin-bottom:14px;}

/* ---------- responsive ---------- */
@media (max-width: 760px){
  .sn-section,.sn-section-alt{padding:80px 20px;}
  .sn-header{padding:140px 20px 70px;}
  .sn-hero{padding-top:96px;}
  .sn-footer{padding:64px 20px 170px;}
  .sn-nav{gap:14px;}
  .sn-console-hint{display:none;}
}