/* Diseño de las landings (tipografía y paleta) aplicado a las páginas con _Layout de /servicio y /panel.
   Va después de buz.css y de la hoja de cada sección. En claro cambia los tokens; el modo oscuro de buz.css sigue
   funcionando donde el layout deja el botón de tema (/panel). /servicio fija data-theme="light". */
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/PlusJakartaSans-latin.woff2) format("woff2")}
:root{--acento:#CF4318;--acento-t:#fff;--laguna:#0B6E78;--laguna-t:#D9EEF0;--tinta:#12292F;--suave:#4A6168;--linea:#D5E5E6;--fondo:#F4FAFA;--tarjeta:#fff;--campo:#fff;--relleno:#EEF6F6;--borde-item:#BCD6D8;--pestana-activa:#12292F;--pestana-activa-t:#fff;--sombra:0 1px 2px rgba(18,41,47,.05),0 18px 40px -30px rgba(18,41,47,.45);--radio:18px}
:root[data-theme="light"]{color-scheme:light}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--laguna:#5CC2CC;--laguna-t:#123C40;--pestana-activa:#E8ECF3;--pestana-activa-t:#0F141D}}
:root[data-theme="dark"]{--laguna:#5CC2CC;--laguna-t:#123C40;--pestana-activa:#E8ECF3;--pestana-activa-t:#0F141D}
body{font-family:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased}
h1,h2,h3{letter-spacing:-.02em;text-wrap:balance}
h1{font-weight:800}
a{color:var(--laguna)}
a:hover{color:var(--tinta)}

/* Barra como la de las landings */
.barra{background:color-mix(in srgb,var(--tarjeta) 94%,transparent);backdrop-filter:blur(10px)}
.marca{font-weight:800;letter-spacing:-.03em;color:var(--tinta)}
.marca small{display:inline;margin-left:6px;font-size:.82rem;font-weight:600;letter-spacing:0;color:var(--suave)}
@media(max-width:600px){.marca small{display:block;margin-left:0;font-size:.74rem}.barra .acciones{gap:6px}.barra .chico{padding:6px 10px}}

/* Botones: primario coral, secundarios con borde */
button,.boton{border-radius:12px;font-weight:700}
.secundario{background:var(--tarjeta);color:var(--tinta);border:1.5px solid var(--linea)}
.secundario:hover{border-color:var(--laguna);filter:none}
input:focus,select:focus,textarea:focus{outline:3px solid var(--laguna-t);border-color:var(--laguna)}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--laguna);outline-offset:2px}
.check input{accent-color:var(--laguna)}

/* Tarjetas, pestañas y estados */
.pestanas a:hover{border-color:var(--laguna)}
.chip{background:var(--laguna-t);color:var(--laguna)}
details summary{font-weight:700;color:var(--tinta)}

/* Piezas propias de Servicio (servicio-portal.css trae el naranja anterior fijo) */
.serv-resumen>div{border-radius:16px;border-color:var(--linea);box-shadow:var(--sombra)}
.serv-resumen strong{color:var(--laguna);font-weight:800;letter-spacing:-.02em}
.serv-avance{border-left-color:var(--laguna);border-radius:0 12px 12px 0}
.serv-filtros{background:var(--tarjeta);border:1px solid var(--linea)}
.serv-guia-etiqueta{color:var(--laguna)}
.serv-guia-clave{border-left-color:var(--laguna)}

/* Pie */
.pie,.serv-pie{color:var(--suave)}
.pie a,.serv-pie a{color:var(--suave)}
.pie a:hover,.serv-pie a:hover{color:var(--tinta)}