/* Deika · páginas por sector. Mismos colores, letras y medidas que la portada. */
:root{
  --noche:#12162F;--azul-2:#343D6B;--coral:#FF6B4A;--coral-2:#FF8A6E;--coral-osc:#D9482A;
  --crema:#FFF4EF;--papel:#FFFBF8;--tinta:#1E2443;--gris:#5E6482;--linea:#EBDDD4;
  --linea-osc:rgba(255,244,239,.12);--txt-osc:rgba(255,244,239,.72);
  --disp:'Bricolage Grotesque',system-ui,sans-serif;--sans:'Instrument Sans',system-ui,sans-serif;--mono:'JetBrains Mono',ui-monospace,monospace;
  --max:1200px;--r-s:10px;--r-m:18px;--r-l:28px;--ease:cubic-bezier(.2,.7,.2,1);
}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth}
body{font-family:var(--sans);color:var(--tinta);background:var(--papel);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
ul{list-style:none;padding:0}
.wrap{max-width:var(--max);margin:0 auto;padding:0 24px}
h1,h2,h3{font-family:var(--disp);font-weight:700;letter-spacing:-.03em;line-height:1.04}
h2{font-size:clamp(32px,4.6vw,58px)}
h2 em{font-style:normal;color:var(--coral)}
.claro h2 em{color:var(--coral-osc)}
.eti{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--coral)}
.claro .eti{color:var(--coral-osc)}
.lead{font-size:19px;color:var(--gris);max-width:600px}
.btn{display:inline-flex;align-items:center;gap:10px;padding:15px 24px;border-radius:999px;font-weight:600;font-size:16px;transition:transform .15s var(--ease),background-color .15s,border-color .15s}
.btn:hover{transform:translateY(-2px)}
:focus-visible{outline:2px solid var(--coral);outline-offset:3px}
.btn-p{background:var(--coral);color:var(--noche)}.btn-p:hover{background:var(--coral-2)}
.btn-s{border:1px solid var(--linea-osc);color:var(--crema)}.btn-s:hover{border-color:var(--crema)}
.btn-n{background:var(--noche);color:var(--crema)}
.btn .fl{transition:transform .2s var(--ease)}.btn:hover .fl{transform:translateX(4px)}
.enl{font-weight:600;color:var(--coral-osc);text-decoration:underline;text-underline-offset:4px}
.rv{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease),transform .7s var(--ease);transition-delay:var(--d,0s)}
.rv.in{opacity:1;transform:none}

.nav{position:fixed;top:16px;left:50%;transform:translateX(-50%);z-index:20;width:min(calc(100% - 32px),980px);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 10px 10px 22px;border-radius:999px;background:rgba(18,22,47,.78);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--linea-osc);color:var(--crema)}
.nav .logo svg{height:26px;display:block}
.nav ul{display:flex;gap:2px;font-size:15px;color:var(--txt-osc)}
.nav ul a{position:relative;display:block;padding:8px 14px;border-radius:999px;transition:color .2s,background-color .2s}.nav ul a:hover,.nav ul a.on{color:var(--crema)}
.nav ul a.on{background:rgba(255,244,239,.1);box-shadow:inset 0 0 0 1px rgba(255,244,239,.16)}
.nav ul a.on::after{content:"";position:absolute;left:50%;bottom:3px;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:var(--coral)}
.nav .btn{padding:10px 18px;font-size:14px;white-space:nowrap}

.hero{position:relative;background:var(--noche);color:var(--crema);padding:130px 0 90px;overflow:hidden;isolation:isolate}
.halo{position:absolute;z-index:-1;border-radius:50%;filter:blur(90px)}
.halo.a{width:560px;height:560px;right:-80px;top:40px;background:var(--coral);opacity:.26;animation:flota 14s ease-in-out infinite}
.halo.b{width:620px;height:620px;left:-220px;bottom:-320px;background:var(--azul-2);opacity:.9;animation:flota 18s ease-in-out infinite reverse}
@keyframes flota{50%{transform:translate(-40px,40px) scale(1.08)}}
.migas{font-size:13px;color:var(--txt-osc);margin-bottom:34px}
.migas a{text-decoration:underline;text-underline-offset:3px}
.hero h1{font-size:clamp(38px,6vw,84px);font-weight:800;margin:20px 0 24px;max-width:1000px}
.hero h1 .l{display:block;overflow:hidden;padding-bottom:.08em}
.hero h1 .l span{display:inline-block;transform:translateY(110%);animation:sube .9s var(--ease) forwards}
.hero h1 .l:nth-child(2) span{animation-delay:.12s;color:var(--coral)}
@keyframes sube{to{transform:none}}
.hero .lead{color:var(--txt-osc);max-width:640px}
.cta{display:flex;flex-wrap:wrap;gap:12px}
.hero .cta{margin:30px 0 24px}
.chips{display:flex;flex-wrap:wrap;gap:8px;font-size:13px;color:var(--txt-osc)}
.chips span{padding:6px 12px;border:1px solid var(--linea-osc);border-radius:999px}
.entra{opacity:0;animation:entra .8s var(--ease) .5s forwards}
@keyframes entra{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}

section.s{padding:110px 0}
.osc{background:var(--noche);color:var(--crema);border-radius:var(--r-l)}
.dos{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.dos h2{margin:14px 0 20px}

.call{background:linear-gradient(180deg,#343D6B,#1E2443);color:var(--crema);border-radius:var(--r-l);padding:24px;box-shadow:0 40px 80px -40px rgba(30,36,67,.7)}
.call-h{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid var(--linea-osc)}
.call-h b{display:block;font-size:16px;line-height:1.2}
.call-h small{font-family:var(--mono);font-size:11px;color:var(--txt-osc)}
.vivo{font-family:var(--mono);font-size:11px;color:var(--coral);display:flex;align-items:center;gap:6px;white-space:nowrap}
.vivo::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--coral);animation:late 1.2s ease-in-out infinite}
@keyframes late{50%{opacity:.25}}
.chat{display:flex;flex-direction:column;gap:8px}
.msg{font-size:14.5px;line-height:1.4;padding:10px 13px;border-radius:14px;max-width:86%}
.msg small{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;opacity:.6;margin-bottom:2px}
.msg.d{background:rgba(255,244,239,.09);border-top-left-radius:4px;align-self:flex-start}
.msg.c{background:var(--crema);color:var(--tinta);align-self:flex-end;border-top-right-radius:4px}
.aviso{margin-top:16px;background:var(--coral);color:var(--noche);border-radius:var(--r-m);padding:12px 14px;font-size:13.5px;line-height:1.4;font-weight:500}
.aviso small{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.06em;font-weight:400;margin-bottom:3px}

.osc h2{margin:14px 0 50px;max-width:820px}
.casos{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.casos li{grid-column:span 2;background:rgba(255,244,239,.05);border:1px solid var(--linea-osc);border-radius:var(--r-m);padding:26px;transition:border-color .2s,transform .3s var(--ease),opacity .7s var(--ease)}
.casos li:nth-child(1),.casos li:nth-child(2){grid-column:span 3}
.casos li.in:hover{border-color:rgba(255,107,74,.6);transform:translateY(-4px)}
.casos h3{font-size:22px;letter-spacing:-.02em;line-height:1.15;margin-bottom:8px}
.casos p{font-size:15px;color:var(--txt-osc)}
.casos .frase{grid-column:1/-1;background:var(--coral);color:var(--noche);border-color:var(--coral)}
.casos .frase h3{font-size:clamp(22px,2.6vw,32px);margin:0}

.encaje{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:14px;margin-top:46px}
.encaje>div{border-radius:var(--r-m);padding:28px;border:1px solid var(--linea);background:var(--papel);display:flex;flex-direction:column;align-items:flex-start;gap:8px;transition:opacity .7s var(--ease),transform .7s var(--ease)}
.encaje .plan{background:var(--noche);color:var(--crema);border-color:var(--noche)}
.encaje .plan p{color:var(--txt-osc)}
.tag{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--coral-osc)}
.plan .tag{color:var(--coral)}
.encaje h3{font-size:28px}
.encaje p{font-size:15px;color:var(--gris)}
.precio{font-family:var(--disp);font-weight:800;font-size:56px!important;letter-spacing:-.04em;line-height:1;color:var(--crema)!important;font-variant-numeric:tabular-nums}
.precio small{font-family:var(--sans);font-size:15px;font-weight:500;letter-spacing:0;color:var(--txt-osc)}
.encaje .btn,.encaje .enl{margin-top:auto}
.encaje .btn-n{background:var(--coral);color:var(--noche)}

.faq{padding-top:0!important}
details{border-bottom:1px solid var(--linea)}
summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:22px 0;font-family:var(--disp);font-weight:700;font-size:21px;letter-spacing:-.02em;line-height:1.2}
summary::-webkit-details-marker{display:none}
summary::after{content:"";flex:none;width:34px;height:34px;border-radius:50%;border:1px solid var(--linea);background:linear-gradient(var(--tinta),var(--tinta)) center/12px 2px no-repeat,linear-gradient(var(--tinta),var(--tinta)) center/2px 12px no-repeat;transition:transform .3s var(--ease),background-color .2s,border-color .2s}
details[open] summary::after{transform:rotate(45deg);background-color:var(--coral);border-color:var(--coral)}
details p{padding:0 54px 24px 0;color:var(--gris)}
.mas{margin-top:22px}

.otros{padding:0 0 110px}
.otros h2{font-size:clamp(24px,3vw,34px);margin-bottom:24px}
.pildoras{display:flex;flex-wrap:wrap;gap:10px}
.pildoras a{padding:12px 20px;border-radius:999px;border:1px solid var(--linea);font-weight:600;font-size:16px;transition:background-color .2s,color .2s,border-color .2s,transform .15s var(--ease)}
.pildoras a:hover{background:var(--noche);color:var(--crema);border-color:var(--noche);transform:translateY(-2px)}

.tarjetas{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:46px}
.tarjeta{display:flex;flex-direction:column;gap:8px;padding:28px;border-radius:var(--r-m);border:1px solid var(--linea);background:var(--papel);transition:transform .3s var(--ease),box-shadow .3s,border-color .2s,opacity .7s var(--ease)}
.tarjeta.in:hover{transform:translateY(-6px);box-shadow:0 30px 50px -30px rgba(30,36,67,.35);border-color:var(--coral)}
.tarjeta h3{font-size:28px}
.tarjeta p{font-size:15px;color:var(--gris);margin-bottom:10px}
.tarjeta .enl{margin-top:auto}
.nota{margin-top:36px;color:var(--gris)}

.arriba{position:fixed;right:20px;bottom:20px;z-index:19;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--coral);color:var(--noche);font-size:20px;font-weight:700;box-shadow:0 14px 30px -12px rgba(18,22,47,.6);opacity:0;transform:translateY(14px);pointer-events:none;transition:opacity .3s var(--ease),transform .3s var(--ease),background-color .15s}
.arriba.ver{opacity:1;transform:none;pointer-events:auto}
.arriba:hover{background:var(--coral-2)}
.fin{background:var(--noche);color:var(--crema);padding:120px 0 40px;position:relative;overflow:hidden}
.fin h2{font-size:clamp(40px,7vw,96px);font-weight:800;margin:16px 0 22px}
.fin .lead{color:var(--txt-osc);max-width:600px}
.tel{display:inline-block;font-family:var(--disp);font-weight:800;font-size:clamp(40px,6.5vw,80px);letter-spacing:-.04em;line-height:1;margin:30px 0 6px;transition:color .15s}
.tel:hover{color:var(--coral)}
.fin .cta{margin-top:20px}
.pie{margin-top:100px;padding-top:24px;border-top:1px solid var(--linea-osc);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px 28px;font-size:13px;color:var(--txt-osc)}
.pie svg{height:22px;display:block}
.pie a:hover{color:var(--crema)}
.pie nav{display:flex;gap:22px}

@media (max-width:900px){
  .nav ul{display:none}
  .hero{padding:110px 0 70px}
  .dos,.encaje,.tarjetas{grid-template-columns:1fr}
  .dos{gap:36px}
  .casos{grid-template-columns:1fr}
  .casos li,.casos li:nth-child(1),.casos li:nth-child(2){grid-column:auto}
  section.s{padding:76px 0}
  .otros{padding-bottom:76px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .rv,.entra{opacity:1;transform:none}.hero h1 .l span{transform:none}
}