/* El sitio público: negro cálido, el naranja de la mascota, Inter + JetBrains Mono + Instrument Serif. Abre siempre en
   oscuro; el botón de tema pasa a los mismos colores sobre fondo crema. El portal y la operación no cargan esta hoja. */

:root{--bg:#08080a;--bg2:#0e0e11;--panel:#121216;--panel2:#17171c;--linea:rgba(255,255,255,.08);--linea2:rgba(255,255,255,.14);--tinta:#f5f3ef;--tinta2:#a9a7ae;--tinta3:#67666e;--naranja:#ff6a1a;--naranja2:#ffb27a;--verde:#38d980;--azul:#6cb8ff;--amarillo:#ffd166;--sans:'Inter',system-ui,sans-serif;--mono:'JetBrains Mono',ui-monospace,monospace;--serif:'Instrument Serif',Georgia,serif;--radio:18px;--velo:rgba(8,8,10,.6);--brillo:rgba(255,255,255,.04);--brillo2:rgba(255,255,255,.015);--lienzo-caja:rgba(18,18,22,.92);--lienzo-borde:rgba(255,255,255,.16);--lienzo-texto:#f5f3ef;--lienzo-chip:#ffd9c2;--lienzo-rejilla:rgba(255,255,255,.035);color-scheme:dark}
:root[data-tema="claro"]{--bg:#f7f1e8;--bg2:#efe7db;--panel:#fffaf3;--panel2:#f3ebdf;--linea:rgba(40,24,10,.10);--linea2:rgba(40,24,10,.18);--tinta:#1d1712;--tinta2:#5d5249;--tinta3:#8d8177;--naranja:#e85a0c;--naranja2:#c2510f;--verde:#16935a;--azul:#2f6fb6;--amarillo:#a66a00;--velo:rgba(247,241,232,.78);--brillo:rgba(255,255,255,.7);--brillo2:rgba(255,255,255,.35);--lienzo-caja:rgba(255,250,243,.96);--lienzo-borde:rgba(40,24,10,.18);--lienzo-texto:#1d1712;--lienzo-chip:#8a3a08;--lienzo-rejilla:rgba(40,24,10,.05);color-scheme:light}

html.publico-nuevo{scroll-behavior:smooth;overflow-x:hidden}
body.zona-publica{margin:0;background:var(--bg);color:var(--tinta);font-family:var(--sans);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.publico-nuevo a{color:inherit;text-decoration:none}
.publico-nuevo button{font:inherit;color:inherit;cursor:pointer;background:none;border:0}
.zona-publica ::selection{background:var(--naranja);color:#000}
.zona-publica *,.zona-publica *::before,.zona-publica *::after{box-sizing:border-box}
.nav-publica a,.pie-publico-nuevo a{color:inherit;text-decoration:none}
.nav-publica button{font:inherit;color:inherit;cursor:pointer;background:none;border:0}
/* fondo vivo */
.fondo{position:fixed;inset:0;z-index:-2;overflow:hidden;background:radial-gradient(1200px 600px at 20% -10%,rgba(255,106,26,.16),transparent 60%),radial-gradient(900px 500px at 90% 10%,rgba(108,184,255,.08),transparent 60%),var(--bg)}
.fondo i{position:absolute;border-radius:50%;filter:blur(90px);opacity:.35;animation:flota 22s ease-in-out infinite alternate}
.fondo i:nth-child(1){width:60vw;height:60vw;left:-20vw;top:-30vw;background:#ff6a1a;opacity:.12}
.fondo i:nth-child(2){width:40vw;height:40vw;right:-15vw;top:10vh;background:#6cb8ff;opacity:.07;animation-delay:-8s}
.fondo i:nth-child(3){width:50vw;height:50vw;left:30vw;top:120vh;background:#38d980;opacity:.05;animation-delay:-14s}
@keyframes flota{to{transform:translate3d(6vw,8vh,0) scale(1.15)}}
.grano{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .06 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
:root[data-tema="claro"] .grano{opacity:.25}
:root[data-tema="claro"] .fondo i{opacity:.06}
.zona-publica .contenedor{width:min(1200px,calc(100% - 32px));max-width:none;margin:0 auto;padding:0}
/* menú */
.nav-publica{position:sticky;top:0;z-index:50;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:var(--velo);border-bottom:1px solid var(--linea)}
.nav-publica .contenedor{display:flex;align-items:center;gap:28px;height:60px}
.nav-publica .marca{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.02em;font-size:18px;color:var(--tinta)}.nav-publica .marca img{width:30px;height:30px;border-radius:9px}
.nav-publica .enlaces{display:flex;gap:22px;margin-left:auto;font-size:14px;color:var(--tinta2);align-items:center}.nav-publica .enlaces a:hover{color:var(--tinta)}
.nav-publica .enlaces a[aria-current]{color:var(--tinta)}
.selector-idioma{display:inline-flex;border:1px solid var(--linea2);border-radius:999px;overflow:hidden;margin:0}
.selector-idioma button{padding:4px 9px;font:600 11px var(--mono);color:var(--tinta3);letter-spacing:.06em}
.selector-idioma button:hover{color:var(--tinta)}.selector-idioma button.activo{background:var(--linea2);color:var(--tinta)}
.nav-publica .tema,.nav-publica .abrir-menu{width:32px;height:32px;border-radius:50%;border:1px solid var(--linea2);display:grid;place-items:center;color:var(--tinta2);font-size:14px}
.nav-publica .tema:hover,.nav-publica .abrir-menu:hover{color:var(--tinta);border-color:var(--tinta3)}
.nav-publica .abrir-menu{display:none}
.zona-publica .boton{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:999px;font-weight:600;font-size:15px;background:var(--tinta);color:#000;border:0;transition:transform .15s,box-shadow .2s;font-family:var(--sans);text-decoration:none;line-height:1.3}
:root[data-tema="claro"] .zona-publica .boton{color:#fff}
.zona-publica .boton:hover{transform:translateY(-1px);box-shadow:0 10px 30px rgba(255,255,255,.12);text-decoration:none;filter:none}
.zona-publica .boton.naranja{background:var(--naranja);color:#000;box-shadow:0 0 0 0 rgba(255,106,26,.5)}
.zona-publica .boton.naranja:hover{box-shadow:0 10px 40px rgba(255,106,26,.35)}
.zona-publica .boton.fantasma,.zona-publica .boton.secundario{background:transparent;color:var(--tinta);border:1px solid var(--linea2)}
.nav-publica .boton{padding:9px 16px;font-size:14px;white-space:nowrap}
@media(max-width:860px){
  .nav-publica .contenedor{gap:10px}
  .nav-publica .abrir-menu{display:grid;margin-left:auto}
  .nav-publica .enlaces{display:none;position:absolute;top:60px;right:16px;left:16px;flex-direction:column;align-items:flex-start;gap:14px;padding:18px;border:1px solid var(--linea2);border-radius:16px;background:var(--panel);box-shadow:0 30px 60px rgba(0,0,0,.45);font-size:16px}
  .nav-publica .enlaces.abierto{display:flex}
}
@media(max-width:400px){.nav-publica .marca{font-size:0;gap:0}.nav-publica .boton{padding:8px 12px;font-size:13px}}
/* pie */
.pie-publico-nuevo{border-top:1px solid var(--linea);padding:28px 0;font-size:13px;color:var(--tinta3);display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}
.pie-publico-nuevo nav{display:flex;flex-wrap:wrap;gap:6px 14px}.pie-publico-nuevo a:hover{color:var(--tinta)}
/* revelado al desplazarse */
.con-revela .revela{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.con-revela .revela.en{opacity:1;transform:none}
html:not(.con-js) .revela{opacity:1;transform:none}
.solo-lectores{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(prefers-reduced-motion:reduce){.zona-publica *{animation-duration:.01ms!important;transition-duration:.01ms!important}.fondo i{animation:none}}

/* ---- las demás páginas públicas (precios, términos, devoluciones, privacidad, preguntas, diagnóstico, errores):
   la misma hoja del sitio, con los colores, letras y formas del diseño nuevo ---- */
body.zona-publica{--fondo:var(--bg);--superficie:var(--panel);--superficie-2:var(--panel2);--borde:var(--linea2);--texto:var(--tinta);--texto-suave:var(--tinta2);--acento:var(--naranja);--acento-texto:#000;--acento-suave:rgba(255,106,26,.14);--ok:#38d980;--ok-suave:rgba(56,217,128,.12);--alerta:#ffd166;--alerta-suave:rgba(255,209,102,.12);--peligro:#ff6b80;--peligro-suave:rgba(255,107,128,.12);--info:#6cb8ff;--info-suave:rgba(108,184,255,.12);--sombra:0 30px 80px rgba(0,0,0,.45);--radio:18px;--radio-chico:12px;--fuente:var(--sans)}
:root[data-tema="claro"] body.zona-publica{--acento-texto:#fff;--ok:#0f8a5f;--ok-suave:#e3f6ee;--alerta:#b45309;--alerta-suave:#fdf1e1;--peligro:#c2273d;--peligro-suave:#fde8eb;--info:#2563eb;--info-suave:#e6eefe;--sombra:0 20px 50px rgba(60,30,10,.12)}
.zona-publica main:not(.portada-nueva){padding:56px 0 80px;animation:none}
.zona-publica main:not(.portada-nueva) h1{font-size:clamp(34px,5vw,58px);line-height:1.02;letter-spacing:-.04em;font-weight:800;margin:0 0 18px}
.zona-publica main:not(.portada-nueva) h1 em,.zona-publica main:not(.portada-nueva) h2 em{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--naranja2);letter-spacing:-.01em}
.zona-publica main:not(.portada-nueva) h2{font-size:clamp(22px,2.6vw,30px);letter-spacing:-.03em;font-weight:800}
.zona-publica .tarjeta{background:linear-gradient(180deg,var(--brillo),var(--brillo2));border:1px solid var(--linea);box-shadow:none;border-radius:20px}
.zona-publica .documento,.zona-publica .texto-largo{color:var(--tinta2)}
.zona-publica .documento h2,.zona-publica .documento strong{color:var(--tinta)}
.zona-publica .documento a,.zona-publica .texto-largo a,.zona-publica main:not(.portada-nueva) p a{color:var(--naranja2);text-decoration:underline}
.zona-publica .destacado{color:var(--tinta);font-size:18px}
.zona-publica details.pregunta{border-bottom:1px solid var(--linea);padding:16px 0}
.zona-publica details.pregunta>summary{font-size:17px;cursor:pointer}
.zona-publica details.pregunta p{color:var(--tinta2)}
.zona-publica .insignia{font-family:var(--mono)}
.zona-publica .campo input,.zona-publica .campo select,.zona-publica .campo textarea,.zona-publica input[type=text],.zona-publica input[type=email],.zona-publica textarea,.zona-publica select{background:var(--panel2);border-color:var(--linea2);color:var(--tinta);border-radius:12px}
.zona-publica .campo input:focus,.zona-publica textarea:focus{border-color:var(--naranja);box-shadow:0 0 0 4px rgba(255,106,26,.15);outline:none}
.zona-publica .sobre{font-family:var(--mono);font-size:12px;letter-spacing:.14em;color:var(--naranja);text-transform:uppercase;margin-bottom:14px;display:block}
.zona-publica .pagina-cabeza{max-width:760px;margin-bottom:36px}
.zona-publica .pagina-cabeza p{color:var(--tinta2);font-size:18px}
.preguntas-cabeza{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}
.zona-publica main:not(.portada-nueva) .katito{filter:drop-shadow(0 0 1px rgba(255,255,255,.3))}
:root[data-tema="claro"] .zona-publica main:not(.portada-nueva) .katito{filter:none}
.zona-publica .preguntas{max-width:820px}
.zona-publica .preguntas-cabeza{max-width:820px;border-bottom:1px solid var(--linea)}
.zona-publica .preguntas-cabeza h1{margin-bottom:10px}
.zona-publica .centrado h1{font-size:clamp(28px,3.4vw,40px)}
:root[data-tema="claro"] .zona-publica .boton.fantasma,:root[data-tema="claro"] .zona-publica .boton.secundario{color:var(--tinta)}