/* AGUAS SB (R) - HOJA UNICA DEL SITIO. Generada por tools/consolidar_css.py desde el sistema de diseno v1
   + componentes comunes (logo, insignia URS/ISO, telefonos). Cambia aqui, no en las paginas. */
/* =====================================================================
   AGUAS SB (R) — SISTEMA DE DISEÑO v1
   Tokens + componentes. Una sola hoja para todo el sitio.
   ===================================================================== */

/* ---------- 1. TOKENS (variables CSS) ---------- */
:root{
  /* Paleta de marca (aprobada por el CEO) */
  --c-azul:#0A4F73;      /* azul profundo — titulares, header, primario */
  --c-cian:#1B9AAA;      /* cian — acentos, enlaces, iconos */
  --c-verde:#2FB49B;     /* verde — CTA de conversión, éxito */
  --c-tinta:#1c2a32;     /* tinta — texto principal */
  --c-gris:#5c6a72;      /* gris — texto secundario */
  --c-fondo:#f3f7f9;     /* fondo suave — secciones alternas */
  --c-blanco:#ffffff;

  /* Derivados de apoyo */
  --c-azul-900:#073b57;
  --c-cian-050:#e8f5f7;
  --c-verde-600:#249a84;
  --c-borde:#dbe6ea;
  --c-borde-suave:#e9f0f2;

  /* Degradado de marca (uso puntual: hero, franjas CTA) */
  --grad-marca:linear-gradient(135deg, var(--c-azul) 0%, var(--c-cian) 100%);

  /* Tipografía — sans del sistema */
  --font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;
  --fw-regular:400;
  --fw-medium:600;
  --fw-bold:700;
  --fw-black:800;   /* titulares grandes */

  /* Escala tipográfica (fluida) */
  --fs-hero:clamp(2rem, 1.3rem + 3vw, 3.25rem);
  --fs-h2:clamp(1.6rem, 1.1rem + 2vw, 2.4rem);
  --fs-h3:clamp(1.2rem, 1rem + 0.8vw, 1.5rem);
  --fs-lead:clamp(1.05rem, 1rem + 0.4vw, 1.25rem);
  --fs-base:1rem;
  --fs-sm:0.9rem;
  --fs-xs:0.8rem;
  --lh-tight:1.15;
  --lh-base:1.65;

  /* Espaciado (escala 4px) */
  --sp-1:.25rem; --sp-2:.5rem; --sp-3:.75rem; --sp-4:1rem;
  --sp-5:1.5rem; --sp-6:2rem; --sp-7:3rem; --sp-8:4rem; --sp-9:6rem;

  /* Radios y sombras */
  --r-sm:8px; --r-md:14px; --r-lg:22px; --r-pill:999px;
  --sh-sm:0 1px 2px rgba(16,42,55,.06), 0 1px 3px rgba(16,42,55,.08);
  --sh-md:0 6px 18px rgba(10,79,115,.08), 0 2px 6px rgba(10,79,115,.06);
  --sh-lg:0 18px 40px rgba(10,79,115,.14);

  /* Layout */
  --container:1160px;
  --container-narrow:820px;
  --header-h:76px;
  --ease:cubic-bezier(.2,.7,.2,1);
}

/* ---------- 2. RESET LIGERO ---------- */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:var(--font-sans);
  font-size:var(--fs-base);
  line-height:var(--lh-base);
  color:var(--c-tinta);
  background:var(--c-blanco);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
img{max-width:100%;height:auto;display:block}
a{color:var(--c-cian);text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,h3,h4{color:var(--c-azul);line-height:var(--lh-tight);margin:0 0 var(--sp-4)}
h1{font-size:var(--fs-hero);font-weight:var(--fw-black);letter-spacing:-.02em}
h2{font-size:var(--fs-h2);font-weight:var(--fw-bold);letter-spacing:-.01em}
h3{font-size:var(--fs-h3);font-weight:var(--fw-bold)}
p{margin:0 0 var(--sp-4)}
ul,ol{margin:0 0 var(--sp-4);padding-left:1.2em}
:focus-visible{outline:3px solid var(--c-cian);outline-offset:2px;border-radius:4px}

/* ---------- 3. LAYOUT ---------- */
.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--sp-5)}
.container--narrow{max-width:var(--container-narrow)}
.section{padding-block:var(--sp-8)}
.section--soft{background:var(--c-fondo)}
.section--ink{background:var(--c-azul);color:#dcebf1}
.section--ink h2,.section--ink h3{color:#fff}
.grid{display:grid;gap:var(--sp-5)}
.grid-2{grid-template-columns:repeat(2,1fr)}
.grid-3{grid-template-columns:repeat(3,1fr)}
.grid-4{grid-template-columns:repeat(4,1fr)}

/* Encabezado de sección */
.eyebrow{
  display:inline-block;font-size:var(--fs-xs);font-weight:var(--fw-bold);
  letter-spacing:.14em;text-transform:uppercase;color:var(--c-cian);
  margin-bottom:var(--sp-2);
}
.section-head{max-width:64ch;margin-bottom:var(--sp-6)}
.section-head.center{margin-inline:auto;text-align:center}
.lead{font-size:var(--fs-lead);color:var(--c-gris)}

/* ---------- 4. BOTONES ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);
  font-family:inherit;font-size:var(--fs-base);font-weight:var(--fw-bold);
  padding:.8em 1.4em;border-radius:var(--r-pill);border:2px solid transparent;
  cursor:pointer;transition:transform .15s var(--ease),box-shadow .2s var(--ease),background .2s;
  text-decoration:none;line-height:1;white-space:nowrap;
}
.btn:hover{text-decoration:none;transform:translateY(-1px)}
.btn:active{transform:translateY(0)}
.btn-primary{background:var(--c-verde);color:#fff;box-shadow:var(--sh-md)}
.btn-primary:hover{background:var(--c-verde-600)}
.btn-secondary{background:var(--c-azul);color:#fff}
.btn-secondary:hover{background:var(--c-azul-900)}
.btn-outline{background:transparent;color:var(--c-azul);border-color:var(--c-borde)}
.btn-outline:hover{border-color:var(--c-cian);color:var(--c-cian)}
.btn-ghost{background:transparent;color:var(--c-azul);padding-inline:.4em}
.btn-ghost:hover{color:var(--c-cian)}
.btn-lg{font-size:var(--fs-lead);padding:.95em 1.8em}
.btn-block{width:100%}
.btn svg{width:1.1em;height:1.1em;flex:none}

/* ---------- 5. CABECERA FIJA (sticky) ---------- */
.site-header{
  position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);
  backdrop-filter:saturate(1.4) blur(8px);border-bottom:1px solid var(--c-borde-suave);
}
.topbar{background:var(--c-azul);color:#cfe4ee;font-size:var(--fs-sm)}
.topbar .container{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-4);min-height:38px}
.topbar a{color:#fff;font-weight:var(--fw-bold)}
.topbar a[href^="tel:"]{font-size:1.02rem;letter-spacing:.02em;text-shadow:0 1px 0 rgba(0,0,0,.25)}
.topbar__meta{display:flex;gap:var(--sp-5);align-items:center}
.topbar__meta .muted{color:#a9cadb}
.navbar{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-5);min-height:var(--header-h)}

/* Logo tipográfico */
.brand{display:inline-flex;align-items:center;gap:.6em;text-decoration:none}
.brand__mark{
  width:40px;height:40px;border-radius:11px;background:var(--grad-marca);
  display:grid;place-items:center;color:#fff;font-weight:var(--fw-black);
  font-size:1.05rem;letter-spacing:-.03em;box-shadow:var(--sh-sm);flex:none;
}
.brand__name{display:flex;flex-direction:column;line-height:1}
.brand__name b{font-size:1.25rem;font-weight:var(--fw-black);color:var(--c-azul);letter-spacing:-.02em}
.brand__name span{font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--c-gris);font-weight:var(--fw-medium);margin-top:3px}
/* Logo real de Aguas SB + insignia URS / ISO 9001 clicable */
.brand__logo{height:48px;width:48px;display:block;flex:none;object-fit:contain}
.brand__logo--full{width:200px;height:auto}
a.iso-badge{text-decoration:none}
a.iso-badge:hover{background:rgba(255,255,255,.1);text-decoration:none}
.iso-badge img{height:26px;width:auto;display:block;background:#fff;border-radius:4px;padding:1px}
.urs-badge{display:flex;align-items:center;gap:var(--sp-3);text-decoration:none;color:inherit}
.urs-badge:hover{text-decoration:none}
.urs-badge img{height:44px;width:auto;flex:none;display:block}
a.hero__badge{text-decoration:none}
.hero__badge img{height:30px;width:auto;display:block}

/* Navegación principal */
.nav{display:flex;align-items:center;gap:var(--sp-2)}
.nav a{
  color:var(--c-tinta);font-weight:var(--fw-medium);font-size:.98rem;
  padding:.55em .7em;border-radius:var(--r-sm);text-decoration:none;
}
.nav a:hover{color:var(--c-azul);background:var(--c-cian-050)}
.nav a[aria-current="page"]{color:var(--c-azul);font-weight:var(--fw-bold)}
.nav a[aria-current="page"]::after{content:"";display:block;height:2px;border-radius:2px;background:var(--c-verde);margin-top:3px}

/* Menú desplegable (Soluciones) */
.has-drop{position:relative}
.has-drop>a::after{content:"\25BE";font-size:.7em;margin-left:.35em;color:var(--c-gris)}
.drop{
  position:absolute;top:calc(100% + 8px);left:0;min-width:288px;
  background:#fff;border:1px solid var(--c-borde);border-radius:var(--r-md);
  box-shadow:var(--sh-lg);padding:var(--sp-2);opacity:0;visibility:hidden;
  transform:translateY(6px);transition:.18s var(--ease);
}
.has-drop:hover .drop,.has-drop:focus-within .drop{opacity:1;visibility:visible;transform:translateY(0)}
.drop a{display:block;padding:.6em .7em;border-radius:var(--r-sm);color:var(--c-tinta);font-weight:var(--fw-medium)}
.drop a small{display:block;font-weight:var(--fw-regular);color:var(--c-gris);font-size:var(--fs-xs);margin-top:2px}
.drop a:hover{background:var(--c-cian-050);color:var(--c-azul)}

.header-cta{display:flex;align-items:center;gap:var(--sp-3)}
.header-phone{display:inline-flex;align-items:center;gap:.4em;font-weight:var(--fw-bold);color:var(--c-azul);white-space:nowrap}

/* Botón hamburguesa (móvil) */
.nav-toggle{display:none;background:none;border:0;padding:.4em;cursor:pointer;color:var(--c-azul)}
.nav-mobile-cta{display:none}   /* CTA del menú móvil: oculto en escritorio (Codex 05/09, cabecera con un solo CTA) */
.nav-toggle svg{width:28px;height:28px}

/* ---------- 6. HERO (estático, nunca slider) ---------- */
.hero{background:var(--c-fondo);overflow:hidden}
.hero .container{display:grid;grid-template-columns:1.05fr .95fr;gap:var(--sp-7);align-items:center;padding-block:var(--sp-8)}
.hero__eyebrow{color:var(--c-cian);font-weight:var(--fw-bold);letter-spacing:.14em;text-transform:uppercase;font-size:var(--fs-xs)}
.hero h1{margin-top:var(--sp-2)}
.hero__lead{font-size:var(--fs-lead);color:var(--c-gris);max-width:52ch}
.hero__actions{display:flex;flex-wrap:wrap;gap:var(--sp-3);margin-top:var(--sp-5)}
.hero__trust{display:flex;flex-wrap:wrap;gap:var(--sp-5);margin-top:var(--sp-6);font-size:var(--fs-sm);color:var(--c-gris)}
.hero__trust b{color:var(--c-azul)}
.hero__media{position:relative}
.hero__media img{border-radius:var(--r-lg);box-shadow:var(--sh-lg)}
.hero__badge{
  position:absolute;bottom:-14px;left:-14px;background:#fff;border-radius:var(--r-md);
  box-shadow:var(--sh-md);padding:.7em 1em;font-size:var(--fs-sm);font-weight:var(--fw-bold);
  color:var(--c-azul);display:flex;align-items:center;gap:.5em;
}

/* ---------- 7. TARJETAS ---------- */
.card{
  background:#fff;border:1px solid var(--c-borde-suave);border-radius:var(--r-md);
  padding:var(--sp-5);box-shadow:var(--sh-sm);transition:transform .2s var(--ease),box-shadow .2s var(--ease),border-color .2s;
  display:flex;flex-direction:column;height:100%;
}
.card:hover{transform:translateY(-4px);box-shadow:var(--sh-md);border-color:var(--c-borde)}
.card__icon{
  width:52px;height:52px;border-radius:13px;background:var(--c-cian-050);color:var(--c-cian);
  display:grid;place-items:center;margin-bottom:var(--sp-4);flex:none;
}
.card__icon svg{width:26px;height:26px}
.card h3{margin-bottom:var(--sp-2)}
.card p{color:var(--c-gris);font-size:var(--fs-sm);margin-bottom:var(--sp-4)}
.card__link{margin-top:auto;font-weight:var(--fw-bold);color:var(--c-cian);display:inline-flex;align-items:center;gap:.3em}
.card__link::after{content:"\2192";transition:transform .15s var(--ease)}
.card:hover .card__link::after{transform:translateX(3px)}
.card--solution{border-top:3px solid var(--c-verde)}

/* Chips / especificaciones */
.spec-list{display:flex;flex-wrap:wrap;gap:var(--sp-2);list-style:none;padding:0;margin:0}
.chip{
  display:inline-flex;align-items:center;gap:.4em;background:var(--c-cian-050);
  color:var(--c-azul);border-radius:var(--r-pill);padding:.35em .8em;
  font-size:var(--fs-sm);font-weight:var(--fw-medium);
}

/* ---------- 8. MÉTODO / PASOS ---------- */
.steps{counter-reset:step;display:grid;gap:var(--sp-5)}
.step{display:flex;gap:var(--sp-4);align-items:flex-start}
.step__num{
  counter-increment:step;flex:none;width:44px;height:44px;border-radius:50%;
  background:var(--grad-marca);color:#fff;font-weight:var(--fw-black);
  display:grid;place-items:center;box-shadow:var(--sh-sm);
}
.step__num::before{content:counter(step)}
.step h3{margin-bottom:var(--sp-1)}
.step p{color:var(--c-gris);margin:0}

/* ---------- 9. FRANJA CTA ---------- */
.cta-band{background:var(--grad-marca);color:#fff;border-radius:var(--r-lg);padding:var(--sp-7);text-align:center}
.cta-band h2{color:#fff}
.cta-band p{color:#dbeef3;max-width:56ch;margin-inline:auto}
.cta-band .btn-outline{color:#fff;border-color:rgba(255,255,255,.6)}
.cta-band .btn-outline:hover{background:rgba(255,255,255,.12);border-color:#fff;color:#fff}

/* ---------- 10. FORMULARIO DE LEAD ---------- */
.lead-form{background:#fff;border:1px solid var(--c-borde);border-radius:var(--r-lg);padding:var(--sp-6);box-shadow:var(--sh-md)}
.form-row{display:grid;gap:var(--sp-4);margin-bottom:var(--sp-4)}
.form-row.cols-2{grid-template-columns:1fr 1fr}
.field{display:flex;flex-direction:column;gap:var(--sp-2)}
.field label{font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--c-tinta)}
.field label .req{color:var(--c-verde)}
.field input,.field select,.field textarea{
  font-family:inherit;font-size:var(--fs-base);color:var(--c-tinta);
  padding:.75em .9em;border:1.5px solid var(--c-borde);border-radius:var(--r-sm);
  background:#fff;transition:border-color .15s,box-shadow .15s;width:100%;
}
.field input:focus,.field select:focus,.field textarea:focus{
  outline:none;border-color:var(--c-cian);box-shadow:0 0 0 3px var(--c-cian-050);
}
.field textarea{min-height:120px;resize:vertical}
.consent{display:flex;gap:var(--sp-3);align-items:flex-start;font-size:var(--fs-xs);color:var(--c-gris);line-height:1.5}
.consent input{margin-top:.2em;width:18px;height:18px;flex:none;accent-color:var(--c-verde)}
.consent a{font-weight:var(--fw-medium)}
.form-note{font-size:var(--fs-xs);color:var(--c-gris);margin-top:var(--sp-3);text-align:center}

/* ---------- 11. FOOTER ---------- */
.site-footer{background:var(--c-tinta);color:#b9c7cf;font-size:var(--fs-sm)}
.site-footer a{color:#eef4f7}
.site-footer a[href^="tel:"]{color:#fff;font-weight:var(--fw-bold);font-size:1.02rem}
.site-footer a:hover{color:#fff}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.1fr;gap:var(--sp-6);padding-block:var(--sp-8)}
.footer-brand .brand__name b{color:#fff}
.footer-brand .brand__name span{color:#8ea3ad}
.footer-brand p{color:#8ea3ad;margin-top:var(--sp-3);max-width:34ch}
.footer-col h4{color:#fff;font-size:var(--fs-sm);letter-spacing:.08em;text-transform:uppercase;margin-bottom:var(--sp-4)}
.footer-col ul{list-style:none;padding:0;margin:0;display:grid;gap:var(--sp-2)}
.footer-contact li{display:flex;gap:.5em;align-items:flex-start;margin-bottom:var(--sp-2)}
.footer-contact svg{width:16px;height:16px;flex:none;margin-top:3px;color:var(--c-cian)}
.footer-legal{border-top:1px solid rgba(255,255,255,.1);padding-block:var(--sp-4);display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--sp-3);color:#8ea3ad}
.footer-legal nav{display:flex;flex-wrap:wrap;gap:var(--sp-4)}
.footer-rgpd{font-size:var(--fs-xs);color:#7d929c;max-width:70ch;padding-bottom:var(--sp-5)}
.iso-badge{display:inline-flex;align-items:center;gap:.4em;border:1px solid rgba(255,255,255,.2);border-radius:var(--r-pill);padding:.3em .8em;color:#fff;font-weight:var(--fw-bold);font-size:var(--fs-xs)}

/* ---------- 12. BOTÓN FLOTANTE WHATSAPP ---------- */
.wa-float{
  position:fixed;right:20px;bottom:20px;z-index:60;
  width:58px;height:58px;border-radius:50%;background:#25D366;
  display:grid;place-items:center;box-shadow:0 8px 24px rgba(37,211,102,.45);
  color:#fff;transition:transform .2s var(--ease);
}
.wa-float:hover{transform:scale(1.08);text-decoration:none}
.wa-float svg{width:32px;height:32px}
.wa-float::after{
  content:"";position:absolute;inset:0;border-radius:50%;
  box-shadow:0 0 0 0 rgba(37,211,102,.5);animation:wa-pulse 2.4s infinite;
}
@keyframes wa-pulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.5)}70%{box-shadow:0 0 0 16px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}

/* ---------- 13. UTILIDADES ---------- */
.text-center{text-align:center}
.mt-0{margin-top:0}.mb-0{margin-bottom:0}
.stack>*+*{margin-top:var(--sp-4)}
.skip-link{position:absolute;left:-999px}
.skip-link:focus{left:var(--sp-4);top:var(--sp-4);z-index:99;background:#fff;padding:.6em 1em;border-radius:var(--r-sm);box-shadow:var(--sh-md)}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* ---------- 14. RESPONSIVE ---------- */
@media (max-width:960px){
  .grid-4{grid-template-columns:repeat(2,1fr)}
  .grid-3{grid-template-columns:repeat(2,1fr)}
  .hero .container{grid-template-columns:1fr;gap:var(--sp-6)}
  .hero__media{order:-1}
  .footer-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  .nav-toggle{display:inline-flex}
  .nav{
    position:absolute;inset:auto;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;   /* bajo la cabecera completa (barra superior + navegación), no a 76px fijos */
    background:#fff;border-bottom:1px solid var(--c-borde);box-shadow:var(--sh-lg);
    padding:var(--sp-4);gap:var(--sp-1);transform:translateY(-120%);visibility:hidden;transition:transform .25s var(--ease),visibility 0s .25s;   /* visibility: que no asome por detrás de la cabecera en iOS al rebotar */
    max-height:calc(100vh - 160px);overflow:auto;
  }
  .channels>*,.channel{min-width:0}   /* tarjetas de canal (contacto): que no ensanchen la columna */
  .channel__body a.big,.channel__body a{overflow-wrap:anywhere}
  .site-header[data-open="true"] .nav{transform:translateY(0);visibility:visible;transition-delay:0s}
  .nav a{padding:.8em .6em;border-radius:var(--r-sm)}
  .drop{position:static;opacity:1;visibility:inherit;transform:none;box-shadow:none;border:0;padding-left:var(--sp-4);min-width:0}   /* inherit: con el menú cerrado el submenú tampoco se ve (Safari iOS lo mostraba por detrás de la cabecera) */
  .site-header[data-open="true"] .drop{visibility:visible}
  .header-cta .btn{display:none}      /* CTA principal va dentro del menú en móvil */
  .nav-mobile-cta{display:inline-flex}
  .header-phone{font-size:var(--fs-sm)}
  .topbar__meta .muted{display:none}
  /* Barra superior en móvil: una o dos líneas centradas, teléfonos sin partir (comprobación móvil 05/09) */
  .topbar .container{flex-wrap:wrap;justify-content:center;gap:var(--sp-1) var(--sp-4);padding-block:.35em}
  .topbar__meta{flex-wrap:wrap;justify-content:center;gap:var(--sp-3)}
  .topbar a[href^="tel:"]{white-space:nowrap}
  .hero-agua .hero__media{order:1}   /* en móvil el titular va antes que la tarjeta de proceso */
  .container[style*="grid-template-columns"]{grid-template-columns:1fr!important}   /* rejillas inline de 2 columnas (bloque formulario de 03/04/05) a una columna */
}
/* Hijos de rejilla: min-width:0 evita que el contenido mínimo (formulario CF7) ensanche la columna más que el contenedor (móvil, 05/09) */
.contact-layout>*,.convert-split>*,.split>*,.value-split>*,.hero .container>*,.container[style*="grid-template-columns"]>*,.grid>*{min-width:0}
@media (max-width:560px){
  .topbar a[href^="mailto:"]{display:none}
  .hero__badge{position:static;display:inline-flex;margin-top:var(--sp-4)}   /* el sello deja de flotar sobre la tarjeta */
  .grid-2,.grid-3,.grid-4{grid-template-columns:1fr}
  .form-row.cols-2{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
  .section{padding-block:var(--sp-7)}
}

/* ---------- 14b. SIMULADOR ORIENTATIVO (04) y fichas de producto ---------- */
.sim{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-6);align-items:start}
.sim>*{min-width:0}
.sim__form{background:#fff;border:1px solid var(--c-borde-suave);border-radius:var(--r-md);padding:var(--sp-5);display:grid;gap:var(--sp-3)}
.sim__form label{display:grid;gap:.3em;font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--c-azul)}
.sim__form input,.sim__form select{font:inherit;padding:.55em .7em;border:1px solid var(--c-borde);border-radius:var(--r-sm);width:100%;min-width:0}
.sim__form .cols{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3)}
.sim__out{background:var(--c-azul);color:#fff;border-radius:var(--r-md);padding:var(--sp-5)}
.sim__out h3{color:#fff;margin-bottom:var(--sp-3)}
.sim__kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-3)}
.sim__kpi b{display:block;font-size:1.6rem;line-height:1.1}
.sim__kpi span{font-size:var(--fs-xs);opacity:.85}
.sim__bar{height:10px;background:rgba(255,255,255,.2);border-radius:5px;overflow:hidden;margin:.4em 0 var(--sp-3)}
.sim__bar i{display:block;height:100%;width:0;background:var(--c-verde);transition:width .3s}
.sim__avisos{font-size:var(--fs-sm);margin-top:var(--sp-3);padding-left:1.1em}
.sim__avisos li{margin:.25em 0}
.sim__figs{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-5);margin-top:var(--sp-6)}
.sim__figs figure{margin:0}
.sim__figs img,.foto-producto img{border-radius:var(--r-md);width:100%;height:auto;box-shadow:var(--sh-md)}
.sim__figs figcaption,.foto-producto figcaption{font-size:var(--fs-xs);color:var(--c-gris);margin-top:.5em}
.foto-producto{margin:0}
.tabla-ciclos td,.tabla-ciclos th{text-align:center}
@media (max-width:760px){.sim,.sim__figs,.sim__form .cols{grid-template-columns:1fr}}

/* ---------- 14c. CONFIGURADOR (/configurador/) ---------- */
.cfg-progreso{display:flex;gap:var(--sp-2);list-style:none;padding:0;margin:0 0 var(--sp-5);flex-wrap:wrap}
.cfg-progreso li{font-size:var(--fs-xs);font-weight:var(--fw-bold);letter-spacing:.06em;text-transform:uppercase;color:var(--c-gris);padding:.35em .7em;border-radius:999px;background:var(--c-cian-050)}
.cfg-progreso li.is-on{background:var(--c-azul);color:#fff}
.cfg-paso{background:#fff;border:1px solid var(--c-borde-suave);border-radius:var(--r-md);padding:var(--sp-6);box-shadow:var(--sh-sm)}
.cfg-paso h2{margin-bottom:var(--sp-2)}
.cfg-grupo{margin-top:var(--sp-4)}
.cfg-grupo h4{font-size:var(--fs-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--c-cian);margin-bottom:var(--sp-2)}
.cfg-chips{display:flex;flex-wrap:wrap;gap:var(--sp-2)}
.cfg-chip{font:inherit;font-size:var(--fs-sm);padding:.55em .9em;border:1.5px solid var(--c-borde);border-radius:999px;background:#fff;color:var(--c-azul);cursor:pointer}
.cfg-chip:hover{border-color:var(--c-cian)}
.cfg-chip.is-on{background:var(--c-azul);border-color:var(--c-azul);color:#fff}
.cfg-acciones{display:flex;gap:var(--sp-3);flex-wrap:wrap;margin-top:var(--sp-5)}
.cfg-ingenieria{display:grid;gap:var(--sp-3);grid-template-columns:1fr 1fr}
.cfg-ingenieria>*{min-width:0}
.cfg-ingenieria label{display:grid;gap:.3em;font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--c-azul)}
.cfg-ingenieria input,.cfg-ingenieria select{font:inherit;padding:.55em .7em;border:1px solid var(--c-borde);border-radius:var(--r-sm);width:100%}
.cfg-ingenieria .full{grid-column:1/-1}
.cfg-ingenieria .check{display:flex;align-items:center;gap:.5em;font-weight:normal}
.cfg-ingenieria .check input{width:auto}
#cfg-orientacion{background:var(--c-cian-050);border-radius:var(--r-md);padding:var(--sp-5)}
#cfg-orientacion h3{margin-bottom:var(--sp-3)}
#cfg-orientacion .btn{margin-top:var(--sp-3)}
.cfg-extras{margin:var(--sp-2) 0 0 1.2em}
.cfg-sim{margin-top:var(--sp-3);padding:var(--sp-3);background:#fff;border-radius:var(--r-sm);font-size:var(--fs-sm)}
#cfg-resumen{white-space:pre-wrap;font-size:var(--fs-xs);color:var(--c-gris);background:#fff;border:1px dashed var(--c-borde);border-radius:var(--r-sm);padding:var(--sp-3);margin-top:var(--sp-4);max-height:220px;overflow:auto}
.cfg-banner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-3);background:var(--c-cian-050);border:1px solid var(--c-borde-suave);border-radius:var(--r-md);padding:var(--sp-4) var(--sp-5)}
.cfg-banner p{margin:0}
@media (max-width:560px){.cfg-ingenieria{grid-template-columns:1fr}.cfg-paso{padding:var(--sp-4)}}

/* ---------- 14d. ASISTENTE DE PREGUNTAS (flotante, abajo-izquierda; WhatsApp queda a la derecha) ---------- */
.asb-ask{position:fixed;left:18px;bottom:18px;z-index:60;display:inline-flex;align-items:center;gap:.5em;border:0;border-radius:999px;background:var(--c-azul);color:#fff;font:inherit;font-weight:var(--fw-bold);font-size:var(--fs-sm);padding:.6em 1em .6em .6em;box-shadow:var(--sh-lg);cursor:pointer}
.asb-ask__ico{display:inline-flex;width:32px;height:32px;border-radius:50%;background:var(--c-verde);align-items:center;justify-content:center;font-size:1.1rem}
.asb-panel{position:fixed;left:18px;bottom:76px;z-index:61;width:min(380px,calc(100vw - 36px));max-height:min(70vh,640px);overflow:auto;background:#fff;border:1px solid var(--c-borde-suave);border-radius:var(--r-md);box-shadow:var(--sh-lg);padding:var(--sp-4)}
.asb-panel__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--sp-2)}
.asb-panel__close{border:0;background:none;font-size:1.6rem;line-height:1;cursor:pointer;color:var(--c-gris)}
.asb-panel__lead{font-size:var(--fs-xs);color:var(--c-gris);margin-bottom:var(--sp-3)}
.asb-panel__form{display:flex;gap:var(--sp-2);position:relative}
.asb-panel__form input[type=text]{flex:1;min-width:0;font:inherit;padding:.55em .7em;border:1px solid var(--c-borde);border-radius:var(--r-sm)}
.asb-panel__chips{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:var(--sp-3)}
.asb-panel__chips .cfg-chip{font-size:var(--fs-xs);padding:.4em .7em;text-align:left}
.asb-panel__out{margin-top:var(--sp-3)}
.asb-resp{background:var(--c-cian-050);border-radius:var(--r-sm);padding:var(--sp-3);font-size:var(--fs-sm)}
.asb-resp__q{font-weight:var(--fw-bold);color:var(--c-azul);margin-bottom:.4em}
.asb-resp__link{display:inline-block;margin-top:.5em;font-weight:var(--fw-bold)}
.asb-resp__mas{font:inherit;font-size:var(--fs-xs);border:0;background:none;color:var(--c-azul);text-decoration:underline;cursor:pointer;padding:0 .3em}
.asb-fb{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);margin-top:var(--sp-3);font-size:var(--fs-xs);color:var(--c-gris)}
.asb-fb__b{font:inherit;font-size:var(--fs-xs);padding:.3em .7em;border:1px solid var(--c-borde);border-radius:999px;background:#fff;cursor:pointer}
.asb-panel__foot{font-size:var(--fs-xs);color:var(--c-gris);margin-top:var(--sp-3)}
@media (max-width:560px){.asb-ask__txt{display:none}.asb-ask{padding:.4em}}
/* impresión: solo la orientación y el resumen del configurador */
@media print{
  body.cfg-print>*:not(main){display:none!important}
  body.cfg-print main>*:not(#configurador){display:none!important}
  body.cfg-print #configurador>.container>*:not(.cfg-paso[data-paso="5"]){display:none!important}
  body.cfg-print .cfg-paso[data-paso="5"]{display:block!important;padding:0;border:0;box-shadow:none}
  body.cfg-print .cfg-paso[data-paso="5"]>*:not(#cfg-orientacion):not(#cfg-resumen){display:none!important}
  body.cfg-print #cfg-orientacion{position:static;width:100%}
  body.cfg-print #cfg-orientacion .btn,body.cfg-print #cfg-orientacion button{display:none!important}
  body.cfg-print #cfg-resumen{position:static;width:100%;max-height:none;margin-top:1.2em;white-space:pre-wrap}
  .asb-ask,.asb-panel,.wa-float{display:none!important}
}

/* ---------- 15. ACCESIBILIDAD: reduce motion ---------- */
@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}

/* ---------- Formulario antispam en el origen (aguassb-form.js) ---------- */
.hp-field{position:absolute!important;left:-10000px!important;top:auto;width:1px;height:1px;overflow:hidden;opacity:0}
.field.is-invalid input,.field.is-invalid select,.field.is-invalid textarea{border-color:#c0392b;box-shadow:0 0 0 3px rgba(192,57,43,.12)}
.consent.is-invalid{outline:2px solid rgba(192,57,43,.35);outline-offset:4px;border-radius:6px}
.form-error{color:#b03a2e;font-size:var(--fs-xs);margin:.35em 0 0}
.form-status{margin-top:var(--sp-4);padding:.8em 1em;border-radius:var(--r-md);font-size:var(--fs-sm)}
.form-status.is-ok{background:#e8f7f2;color:#1d6b5a}
.form-status.is-error{background:#fdecea;color:#b03a2e}
.form-status.is-demo{background:#fff8e6;color:#6b5518;border:1px dashed #e0b85c}
.captcha-slot{min-height:44px;margin-top:var(--sp-4);display:flex;align-items:center;gap:.6em;color:var(--c-gris);font-size:var(--fs-xs)}
.captcha-slot[data-sitekey="PENDIENTE"]::before{content:"Verificación anti-spam (Cloudflare Turnstile): se activa con la clave del dominio."}

/* ---------- Reglas promovidas desde las páginas (compartidas por >= 3 páginas; consolidar_css.py) ---------- */
.breadcrumb span{margin-inline:.4em}
.table-wrap{overflow-x:auto}
table.spec th,table.spec td{text-align:left;padding:.75em 1em;border-bottom:1px solid var(--c-borde-suave)}
.figure li::before{content:"\2713";color:#a8f0df;font-weight:800}
table.spec th{color:var(--c-azul);font-weight:var(--fw-bold);white-space:nowrap}
table.spec tr:last-child td,table.spec tr:last-child th{border-bottom:0}
table.spec{border-collapse:collapse;width:100%;font-size:var(--fs-sm);background:#fff;border:1px solid var(--c-borde);border-radius:var(--r-md)}
:root{--c-azul:#0A4F73;--c-cian:#1B9AAA;--c-verde:#2FB49B;--c-tinta:#1c2a32;--c-gris:#5c6a72;--c-fondo:#f3f7f9;--c-blanco:#fff;--c-azul-900:#073b57;--c-cian-050:#e8f5f7;--c-verde-600:#249a84;--c-borde:#dbe6ea;--c-borde-suave:#e9f0f2;--grad-marca:linear-gradient(135deg,var(--c-azul) 0%,var(--c-cian) 100%);--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;--fw-regular:400;--fw-medium:600;--fw-bold:700;--fw-black:800;--fs-hero:clamp(2rem,1.3rem + 3vw,3.25rem);--fs-h2:clamp(1.6rem,1.1rem + 2vw,2.4rem);--fs-h3:clamp(1.2rem,1rem + .8vw,1.5rem);--fs-lead:clamp(1.05rem,1rem + .4vw,1.25rem);--fs-base:1rem;--fs-sm:.9rem;--fs-xs:.8rem;--lh-tight:1.15;--lh-base:1.65;--sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-5:1.5rem;--sp-6:2rem;--sp-7:3rem;--sp-8:4rem;--r-sm:8px;--r-md:14px;--r-lg:22px;--r-pill:999px;--sh-sm:0 1px 2px rgba(16,42,55,.06),0 1px 3px rgba(16,42,55,.08);--sh-md:0 6px 18px rgba(10,79,115,.08),0 2px 6px rgba(10,79,115,.06);--sh-lg:0 18px 40px rgba(10,79,115,.14);--container:1160px;--container-narrow:820px;--header-h:76px;--ease:cubic-bezier(.2,.7,.2,1)}
.note{border-left:3px solid var(--c-cian);background:var(--c-cian-050);padding:var(--sp-4) var(--sp-5);border-radius:0 var(--r-sm) var(--r-sm) 0;color:var(--c-tinta);font-size:var(--fs-sm)}
.figure ul{list-style:none;padding:0;margin:0;display:grid;gap:var(--sp-2);font-size:var(--fs-sm);color:#e2f2f6}
.figure li{display:flex;gap:.6em;align-items:flex-start}
.breadcrumb a{color:var(--c-gris)}
body{margin:0;font-family:var(--font-sans);font-size:var(--fs-base);line-height:var(--lh-base);color:var(--c-tinta);background:var(--c-blanco);-webkit-font-smoothing:antialiased}
.breadcrumb{font-size:var(--fs-sm);color:var(--c-gris);padding-top:var(--sp-5)}
.figure{border-radius:var(--r-lg);box-shadow:var(--sh-lg);background:var(--grad-marca);color:#fff;padding:var(--sp-6);min-height:300px;display:flex;flex-direction:column;justify-content:center;gap:var(--sp-3)}
.mockup-bar{background:#1c2a32;color:#ffd9a8;font-size:var(--fs-xs);letter-spacing:.12em;text-transform:uppercase;text-align:center;padding:.45em 1em;font-weight:var(--fw-bold)}
.figure h3{color:#fff;margin:0}
.faq summary::-webkit-details-marker{display:none}
.cta-actions{display:flex;flex-wrap:wrap;gap:var(--sp-3);justify-content:center;margin-top:var(--sp-5)}
.mockup-bar b{color:var(--c-verde);letter-spacing:.16em}
.pull{
  border-left:4px solid var(--c-verde);background:#fff;border-radius:0 var(--r-md) var(--r-md) 0;
  padding:var(--sp-5) var(--sp-6);box-shadow:var(--sh-sm);margin-top:var(--sp-5);
}
.checklist li{display:flex;gap:var(--sp-3);align-items:flex-start;color:var(--c-tinta)}
.split .media{position:relative}
.checklist svg{width:22px;height:22px;flex:none;color:var(--c-verde);margin-top:2px}
.checklist{list-style:none;padding:0;margin:var(--sp-5) 0 0;display:grid;gap:var(--sp-3)}
.stat span{display:block;font-size:var(--fs-xs);color:var(--c-gris);margin-top:var(--sp-2);line-height:1.4}
.mockup-bar{
  background:var(--c-tinta);color:#cdd8de;text-align:center;
  font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;
  font-weight:var(--fw-bold);padding:.5em 1em;
}
.stat{
  background:#fff;border:1px solid var(--c-borde-suave);border-radius:var(--r-md);
  padding:var(--sp-5) var(--sp-4);box-shadow:var(--sh-sm);border-top:3px solid var(--c-verde);
}
@media (max-width:760px){.stats{grid-template-columns:repeat(2,1fr)}}
@media (max-width:860px){.split{grid-template-columns:1fr;gap:var(--sp-6)}.split.reverse .media{order:-1}}
.split .media svg{width:100%;height:auto;display:block;border-radius:var(--r-lg);box-shadow:var(--sh-lg)}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-4);margin-top:var(--sp-7)}
.stat b{display:block;font-size:1.45rem;font-weight:var(--fw-black);color:var(--c-azul);line-height:1.1;letter-spacing:-.01em}
@media (max-width:420px){.stats{grid-template-columns:1fr}}
.pull p{font-size:var(--fs-lead);color:var(--c-tinta);font-weight:var(--fw-medium);margin:0}
.split{display:grid;grid-template-columns:1.02fr .98fr;gap:var(--sp-7);align-items:center}
.plantilla{background:#fff8e6;border:1px dashed #e0b85c;border-radius:var(--r-md);padding:var(--sp-4) var(--sp-5);color:#6b5518;font-size:var(--fs-sm)}
.legal p,.legal li{color:var(--c-tinta)}
.legal h2{font-size:var(--fs-h3);margin-top:var(--sp-6)}

/* --- motor T1 v2 (04) en nuestro diseño --- */
.sim__grupo{border:1px solid var(--c-borde-suave);border-radius:var(--r-sm);padding:var(--sp-3) var(--sp-4);margin:0;display:grid;gap:var(--sp-3);min-width:0}
.sim__grupo legend{font-weight:var(--fw-bold);color:var(--c-azul);padding:0 .4em;font-size:var(--fs-sm)}
.sim__grupo legend small{font-weight:normal;color:var(--c-gris)}
.sim__form .cols-4{grid-template-columns:repeat(4,1fr)}
.sim__form label output{font-weight:var(--fw-bold);color:var(--c-cian)}
.sim__form input[type=range]{padding:0;border:0;accent-color:var(--c-cian)}
.sim__lbl{font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--c-azul);display:block;margin-bottom:.3em}
.t1-tiers,.t1-mode{display:flex;gap:var(--sp-2);flex-wrap:wrap}
.t1-tiers button,.t1-mode button{flex:1;min-width:6.5em;font:inherit;font-size:var(--fs-sm);font-weight:var(--fw-bold);line-height:1.25;padding:.55em .6em;border:1.5px solid var(--c-borde);border-radius:var(--r-sm);background:#fff;color:var(--c-azul);cursor:pointer;text-align:center}
.t1-tiers button small,.t1-mode button small{display:block;font-weight:normal;font-size:var(--fs-xs);color:var(--c-gris);margin-top:.15em}
.t1-tiers button.on,.t1-mode button.on{background:var(--c-azul);border-color:var(--c-azul);color:#fff}
.t1-tiers button.on small{color:rgba(255,255,255,.8)}
.sim__kpis-3{grid-template-columns:repeat(3,1fr)}
.sim__kpi b{font-size:1.35rem}
.t1-agua{font-size:var(--fs-xs);opacity:.9;margin:var(--sp-3) 0;line-height:1.5}
.t1-pg{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:var(--r-sm);padding:var(--sp-3) var(--sp-4);margin-bottom:var(--sp-3)}
.t1-pg:empty{display:none}
.pgh{display:flex;justify-content:space-between;align-items:baseline;gap:var(--sp-2);flex-wrap:wrap;margin-bottom:.4em}
.pgh span{font-weight:var(--fw-bold)}
.pgh small{font-size:var(--fs-xs);opacity:.85}
.t1-bar{display:grid;grid-template-columns:minmax(9em,11em) 1fr 5.5em;gap:var(--sp-2);align-items:center;margin:.35em 0;font-size:var(--fs-xs)}
.t1-bar span{opacity:.9}
.t1-bar b{text-align:right;white-space:nowrap}
.tb{height:9px;background:rgba(255,255,255,.14);border-radius:5px;overflow:hidden}
.tb i{display:block;height:100%}
.t1-nota{margin:.6em 0 .2em;padding:.6em .8em;border-left:3px solid var(--c-verde);background:rgba(255,255,255,.06);border-radius:0 var(--r-sm) var(--r-sm) 0;font-size:var(--fs-xs);line-height:1.5}
.t1-msg{font-size:var(--fs-sm);line-height:1.55;margin-top:var(--sp-3)}
.t1-msg:empty{display:none}
.t1-pie{opacity:.75;font-size:var(--fs-xs)}
.t1-disc{margin-top:var(--sp-4);padding:var(--sp-3) var(--sp-4);border:1px solid rgba(255,214,102,.55);background:rgba(255,214,102,.12);border-radius:var(--r-sm);font-size:var(--fs-xs);line-height:1.55}
.t1-disc b{color:#ffd966}
.sim__esquemas{display:grid;grid-template-columns:1fr;gap:var(--sp-5);margin-top:var(--sp-6)}
.sim__esquemas>*{min-width:0}
.sim__esquema{margin:0;background:var(--c-azul-900);border-radius:var(--r-md);padding:var(--sp-4);box-shadow:var(--sh-md)}
.sim__esquema figcaption{font-size:var(--fs-xs);color:var(--c-gris);margin-top:.6em}
.t1-esq{--t1e-papel:var(--c-azul-900);--t1e-caja:#0d4a6b;--t1e-borde:#2a7a9c;--t1e-linea:#8fc4d8;--t1e-texto:#f2fbff;--t1e-tenue:#b9dbe8;--t1e-acento:#2FB49B;--t1e-acento2:#6ee7ff;--t1e-aviso:#ffcc66;--t1e-lodo:#c9a27a;display:block;width:100%;height:auto;font-family:var(--font-sans)}
.t1-esq text{fill:var(--t1e-texto,#f2fbff)}
.t1-esq .tit{font-size:13.5px;font-weight:700}.t1-esq .sub{font-size:10.5px;fill:var(--t1e-tenue);font-weight:400}.t1-esq .flujo{font-size:10.5px;fill:var(--t1e-tenue);font-weight:600;letter-spacing:.3px}.t1-esq .cap{font-size:11px;fill:var(--t1e-tenue)}.t1-esq .eyebrow{font-size:10px;fill:var(--t1e-acento);font-weight:700;letter-spacing:1.4px;display:initial;margin:0}
.t1-esq .caja{fill:var(--t1e-caja);stroke:var(--t1e-borde);stroke-width:1.5}.t1-esq .caja-t1{fill:none;stroke:var(--t1e-acento);stroke-width:1.8}.t1-esq .etapa{fill:var(--t1e-caja);stroke:var(--t1e-acento);stroke-width:1.3}.t1-esq .previa{fill:var(--t1e-caja);stroke:var(--t1e-aviso);stroke-width:1.5;stroke-dasharray:5 3}
.t1-esq .linea{stroke:var(--t1e-linea);stroke-width:2;fill:none}.t1-esq .bucle{stroke:var(--t1e-acento);stroke-width:2;fill:none;stroke-dasharray:7 4}.t1-esq .lodo{stroke:var(--t1e-lodo);stroke-width:2;fill:none}.t1-esq .caja-lodo{fill:none;stroke:var(--t1e-lodo);stroke-width:1.4;stroke-dasharray:4 3}.t1-esq .lodo-txt{fill:var(--t1e-lodo);font-size:10.5px;font-weight:600}.t1-esq .aviso-txt{fill:var(--t1e-aviso);font-size:10.5px;font-weight:600}
.t1-metodo{margin-top:var(--sp-6);border:1px solid var(--c-borde);border-radius:var(--r-md);background:#fff;overflow:hidden}
.t1-metodo summary{cursor:pointer;padding:var(--sp-4) var(--sp-5);font-weight:var(--fw-bold);color:var(--c-azul);list-style:none}
.t1-metodo summary::-webkit-details-marker{display:none}
.t1-metodo summary::before{content:"\25B8\00a0";color:var(--c-cian)}
.t1-metodo[open] summary::before{content:"\25BE\00a0"}
.t1-metodo-body{padding:0 var(--sp-5) var(--sp-5);font-size:var(--fs-sm);line-height:var(--lh-base);color:var(--c-tinta)}
.t1-metodo-body h4{margin:var(--sp-4) 0 .3em;color:var(--c-azul)}
.t1-metodo-body p{margin:.4em 0}
.t1-metodo-body code{background:var(--c-cian-050);padding:.1em .4em;border-radius:4px;color:var(--c-azul)}
.t1-metodo-pie{margin-top:var(--sp-4)!important;padding-top:var(--sp-3);border-top:1px solid var(--c-borde-suave);font-size:var(--fs-xs);color:var(--c-gris)}
.t1-tabla{width:100%;border-collapse:collapse;margin:.5em 0;font-size:var(--fs-xs)}
.t1-tabla th,.t1-tabla td{border:1px solid var(--c-borde);padding:.45em .6em;text-align:left;vertical-align:top}
.t1-tabla th{background:var(--c-fondo);color:var(--c-azul)}
.t1-tabla td:nth-child(2){color:var(--c-azul);font-weight:var(--fw-bold);white-space:nowrap}
.sim--metal .sim__form{align-self:start}
.cfg-sim__pars{margin:.5em 0 0 1.2em;font-size:var(--fs-sm)}
@media (max-width:760px){.sim__form .cols-4{grid-template-columns:1fr 1fr}.sim__kpis-3{grid-template-columns:1fr 1fr 1fr}.t1-bar{grid-template-columns:minmax(7em,8.5em) 1fr 4.5em}}
@media (max-width:420px){.t1-bar{grid-template-columns:1fr 4.5em}.t1-bar .tb{grid-column:1/-1}.sim__kpis-3{grid-template-columns:1fr}}
.cfg-alcance{margin-top:var(--sp-3);border-top:1px solid var(--c-borde-suave);padding-top:var(--sp-2)}
.cfg-alcance .form-note{text-align:left}
.cfg-switch{display:flex;gap:var(--sp-2);flex-wrap:wrap;margin:0 0 var(--sp-4)}
.cfg-switch .btn{flex:1 1 14em;justify-content:center}
.cfg-hint{margin-top:var(--sp-2)}
.cfg-q{font-size:var(--fs-base);color:var(--c-azul);margin:var(--sp-4) 0 var(--sp-2)}
.cfg-aclara{display:block;margin-bottom:var(--sp-3)}
.cfg-grupo[hidden]{display:none}
.t1-coste{margin:.3em 0 .4em 1.1em;font-size:var(--fs-sm);line-height:1.5}
.t1-coste li{margin:.2em 0}
.cfg-precios{margin-top:var(--sp-3);padding:var(--sp-3);background:#fff;border-radius:var(--r-sm);font-size:var(--fs-sm)}
.cfg-precios ul{margin:.3em 0 .3em 1.2em}
.cfg-precios .form-note{text-align:left}
.t1-avisos{margin:.4em 0 0 1.1em;font-size:var(--fs-xs);line-height:1.45;opacity:.95}
.t1-avisos:empty{display:none}
@media (max-width:560px){.btn{white-space:normal;text-align:center}}
.mapa-edar .cartela{left:calc(30% + 28px)!important;bottom:14px!important}
.sim__out .t1-pg .t1-nota{display:none}
.sim__out.notas-on .t1-pg .t1-nota{display:block}
.t1-msg--full[hidden]{display:none}
.t1-compacto{margin:var(--sp-3) 0 0;font-size:var(--fs-xs);display:flex;flex-wrap:wrap;gap:.4em .6em;align-items:center}
.t1-compacto a{color:#cfe4ee;text-decoration:underline}
.btn-sm{font-size:var(--fs-xs);padding:.45em .9em}
.sim__out .btn-outline{color:#fff;border-color:rgba(255,255,255,.5)}
.sim__out .btn-outline:hover{border-color:#fff;color:#fff}
/* mapa como tercera pestaña del configurador + traslado EDAR → simulador (06/09) */
.mapa-edar .ficha .sim-edar{margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}
.mapa-edar .ficha .sim-edar h3{font-family:var(--font-sans);font-size:14px;margin:0 0 6px;color:var(--c-azul)}
.mapa-edar .ficha .sim-edar p{font-size:12px;color:var(--ink-soft);margin:0 0 8px;line-height:1.45}
.mapa-edar .ficha .sim-edar .btn{display:inline-flex;width:100%;justify-content:center;background:var(--c-verde);color:#fff;border:1px solid var(--c-verde);font-size:14px;font-weight:var(--fw-bold);padding:.6em 1em;border-radius:var(--r-sm);box-shadow:var(--sh-md)}
.mapa-edar .ficha .sim-edar .btn:hover{filter:brightness(1.06);border-color:var(--c-verde)}
#mapa-depuradoras{scroll-margin-top:90px}
#mapa-depuradoras .section-head .sub{max-width:62ch;margin-left:auto;margin-right:auto}
#mapa-depuradoras:not(.is-cargado) .lienzo{position:relative;min-height:260px}
#mapa-depuradoras:not(.is-cargado) .lienzo::after{content:'Cargando el mapa oficial (2.357 depuradoras)…';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--c-gris);font-size:var(--fs-sm);background:rgba(255,255,255,.55)}
body.cfg-print #mapa-depuradoras,body.cfg-print #simulador{display:none!important}
/* cartelito EDAR cargada en el simulador (06/09) */
.t1-edar-cargada{background:var(--c-cian-050);border:1px solid var(--c-cian);border-radius:var(--r-sm);padding:var(--sp-3) var(--sp-4);font-size:var(--fs-sm);line-height:1.5;color:var(--c-tinta)}
.t1-edar-cargada p{margin:0}.t1-edar-cargada p+p{margin-top:.5em}.t1-edar-cargada b{color:var(--c-azul)}.t1-edar-cargada a{color:var(--c-cian);font-weight:var(--fw-bold);text-decoration:underline}
.t1-edar-aviso{color:#8a3b12;font-weight:var(--fw-bold)}.t1-edar-mod{display:block;font-size:var(--fs-xs);color:var(--c-gris);margin-top:.35em}.t1-edar-mod:empty{display:none}
.t1-edar-desvio{color:var(--c-azul);font-size:var(--fs-xs)}
/* teléfonos con etiqueta en la barra superior (CEO 07/09) */
.topbar__tel{white-space:nowrap}.topbar__tel .muted{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;margin-right:.3em}
.topbar .container{flex-wrap:wrap}.topbar__meta{flex-wrap:wrap;row-gap:.15em}
@media (max-width:1180px){.topbar__hours{display:none}}
@media (max-width:980px){.topbar__tel .muted{display:none}.topbar__meta{gap:var(--sp-3)}}
/* guía humana del formulario (CEO 07/09) */
.form-row.has-guia{display:grid;grid-template-columns:1fr;gap:var(--sp-3)}
.form-guia{background:var(--c-cian-050);border:1px solid var(--c-borde-suave);border-radius:var(--r-md);padding:var(--sp-3) var(--sp-4);font-size:var(--fs-sm);line-height:1.5}
.form-guia__tit{margin:0 0 .3em;font-weight:var(--fw-bold);color:var(--c-azul)}.form-guia__intro{margin:0 0 .6em;color:var(--c-tinta)}
.form-guia__sub{margin:.5em 0 .25em;font-size:var(--fs-xs);font-weight:var(--fw-bold);letter-spacing:.06em;text-transform:uppercase;color:var(--c-gris)}
.form-guia__chip{display:block;width:100%;text-align:left;background:#fff;border:1px solid var(--c-borde);border-radius:var(--r-sm);padding:.45em .7em;margin:.3em 0;font:inherit;font-size:var(--fs-xs);line-height:1.4;color:var(--c-tinta);cursor:pointer}
.form-guia__chip:hover{border-color:var(--c-cian);color:var(--c-azul)}.form-guia__chip.is-used{opacity:.55}.form-guia__chip.is-used::before{content:'\2713\00a0';color:var(--c-verde)}
.form-guia__link{display:inline-block;margin-top:.4em;font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--c-cian)}
.form-guia__check{margin:0;display:flex;flex-wrap:wrap;gap:.3em .5em}.form-guia__item{font-size:var(--fs-xs);color:var(--c-gris);padding:.15em .55em;border:1px dashed var(--c-borde);border-radius:999px}
.form-guia__item.is-ok{color:#fff;background:var(--c-verde);border-color:var(--c-verde)}.form-guia__item.is-ok::before{content:'\2713\00a0'}
.form-row.has-guia{container-type:inline-size}.form-guia__casos{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.3em .5em}
@container (min-width:820px){.form-row.has-guia{grid-template-columns:minmax(0,1fr) 260px;align-items:start}.form-guia{order:2;position:sticky;top:96px}.form-row.has-guia .field{order:1}.form-guia__casos{grid-template-columns:1fr}}
/* valoración de la orientación del configurador (CEO 07/09) */
.cfg-fb{margin-top:var(--sp-4);padding-top:var(--sp-3);border-top:1px solid var(--c-borde)}
.cfg-fb .form-note{flex-basis:100%;margin:0}

/* portada: el sello ISO no pisa la fila inferior del esquema (CEO 07/09) */
.hero-agua .hero__media{margin-bottom:48px}
.hero-agua .hero__badge{bottom:-58px}
@media (max-width:980px){.hero-agua .hero__media{margin-bottom:0}}
/* selector «Traducir» de la barra superior (CEO 07/09) */
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.topbar__idioma select{font:inherit;font-size:var(--fs-xs);font-weight:var(--fw-bold);color:#fff;background:transparent;border:1px solid rgba(255,255,255,.35);border-radius:var(--r-pill);padding:.25em 1.6em .25em .7em;cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23fff' stroke-width='1.6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .6em center;background-size:.6em}
.topbar__idioma select option{color:var(--c-azul);background:#fff}
.topbar__idioma select:focus-visible{outline:2px solid #fff;outline-offset:2px}
/* carta de la dirección (CEO 07/09) */
.carta p{font-size:var(--fs-md)}
.carta__firma{margin-top:var(--sp-6)}
.carta__enlaces{margin-top:var(--sp-7)}
.asb-resp__dom{font-size:var(--fs-xs);color:var(--c-gris);margin-bottom:.4em}
/* simulador de reutilización (04 REUSO v1 · envoltorio 06) */
.reuso{display:grid;grid-template-columns:minmax(260px,320px) 1fr;gap:var(--sp-6);align-items:start}
@media (max-width:900px){.reuso{grid-template-columns:1fr}}
.reuso__form label{display:block;margin-bottom:var(--sp-3);font-size:var(--fs-sm)}
.reuso__form label span{display:flex;justify-content:space-between;gap:.6em}.reuso__form output{font-weight:var(--fw-bold);color:var(--c-azul)}
.reuso__form input[type=range]{width:100%;margin-top:.3em}
.reuso__form input[type=number]{width:100%;margin-top:.3em;padding:.5em .7em;border:1px solid var(--c-borde);border-radius:var(--r-md);font:inherit}
.reuso__out h3{font-size:var(--fs-md);margin:var(--sp-5) 0 var(--sp-3)}
.ru-etapa{background:#fff;border:1px solid var(--c-borde);border-radius:var(--r-md);padding:var(--sp-3) var(--sp-4);margin-bottom:var(--sp-3)}
.ru-cab{display:flex;justify-content:space-between;gap:1em;align-items:baseline;flex-wrap:wrap}.ru-cab span{color:var(--c-azul);font-weight:var(--fw-bold);font-size:var(--fs-xs)}
.ru-det{margin:.4em 0 0}.ru-por,.ru-nota,.ru-sup,.ru-estandar{font-size:var(--fs-xs);color:var(--c-gris);margin:.4em 0 0}.ru-nota{border-left:2px solid var(--c-azul);padding-left:.6em}
.ru-vals{display:flex;flex-wrap:wrap;gap:.4em;margin-top:.6em}.ru-vals span{background:var(--c-fondo);border:1px solid var(--c-borde);border-radius:6px;padding:.15em .5em;font-size:var(--fs-xs)}.ru-vals b{color:var(--c-azul)}
.ru-tabla{width:100%;border-collapse:collapse;font-size:var(--fs-sm);margin:var(--sp-3) 0}.ru-tabla th,.ru-tabla td{border-bottom:1px solid var(--c-borde);padding:.4em .6em;text-align:left;vertical-align:top}.ru-tabla th{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--c-gris)}
.ru-ok{color:#1d6f5c;font-weight:var(--fw-bold)}.ru-ko{color:#b23b3b;font-weight:var(--fw-bold)}
.ru-si,.ru-no,.ru-dim,.ru-disc{border-radius:var(--r-md);padding:var(--sp-3) var(--sp-4);margin-bottom:var(--sp-3)}
.ru-si{background:#e8f7f1;border:1px solid #9fdcc6}.ru-no{background:#fbeaea;border:1px solid #e8b4b4}.ru-dim{background:#fff;border:1px solid var(--c-borde)}.ru-disc{background:var(--c-fondo);border:1px dashed var(--c-azul);font-size:var(--fs-sm)}
#reusoCartel{margin-bottom:var(--sp-4)}

/* anclas: el destino no queda bajo la cabecera fija (115 px escritorio / 149 px móvil; +32 con barra de admin) (CEO 07/09) */
html{scroll-padding-top:128px}
@media (max-width:980px){html{scroll-padding-top:162px}}
body.admin-bar{scroll-padding-top:160px}
#mapa-depuradoras{scroll-margin-top:0}
html:has(body.admin-bar){scroll-padding-top:160px}
/* reutilización: bloque de instrumentación de la etapa 6 (04, 08/09) */
.ru-inst{margin-top:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-left:3px solid var(--c-azul);background:var(--c-fondo-suave,#f4f8fa);font-size:var(--fs-sm)}

/* mapa: reportar un error de la planta (CEO 11/09) */
.edar-rep{margin-top:10px;font-size:12px}.edar-rep__abrir{background:none;border:0;padding:0;color:var(--c-azul);text-decoration:underline;cursor:pointer;font:inherit;font-size:12px}
.edar-rep__form{margin-top:8px}.edar-rep__chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}
.edar-rep__chip{font:inherit;font-size:12px;border:1px solid var(--c-borde);background:#fff;border-radius:999px;padding:4px 10px;cursor:pointer}.edar-rep__chip[aria-pressed=true]{background:var(--c-azul);color:#fff;border-color:var(--c-azul)}
.edar-rep__texto{width:100%;font:inherit;font-size:12px;border:1px solid var(--c-borde);border-radius:6px;padding:6px;margin-bottom:6px}.edar-rep__enviar{font-size:12px;padding:6px 12px}.edar-rep__msg{margin:6px 0 0;font-size:12px;color:var(--c-gris)}
.sim-edar__aviso{margin-top:8px;font-size:11px;color:var(--c-gris)}

/* reportar-unico-20260912 */ un solo aviso de error por ficha: el del tema (.edar-rep, REST → analista@); el enlace mailto de 05 solo queda en el pie de cada mapa
#ficha .reportar, #g-ficha .reportar { display: none !important; }
/* reuso-ficha-20260912 */
.sim-edar__reuso{font-size:var(--fs-sm);color:var(--c-tinta);background:var(--c-cian-050);border-left:3px solid var(--c-cian);padding:var(--sp-2) var(--sp-3);margin:var(--sp-3) 0}
/* solicitud-ciudadana-20260912 */
.edar-sol{margin:var(--sp-4) 0 var(--sp-2);padding-top:var(--sp-3);border-top:1px dashed var(--c-borde)}
.edar-sol__abrir{font:inherit;font-size:var(--fs-sm);color:var(--c-tinta);background:none;border:1px solid var(--c-borde);border-radius:var(--r-md);padding:var(--sp-2) var(--sp-3);cursor:pointer}
.edar-sol__abrir:hover,.edar-sol__abrir[aria-expanded=true]{border-color:var(--c-cian);color:var(--c-cian)}
.edar-sol__panel{margin-top:var(--sp-3)}.edar-sol__nota,.edar-sol__como,.edar-sol__msg{font-size:var(--fs-xs);color:var(--c-gris);margin:var(--sp-2) 0}
.edar-sol__lab{display:block;font-size:var(--fs-sm);margin:var(--sp-2) 0}.edar-sol__sel{display:block;width:100%;margin-top:4px;font:inherit;font-size:var(--fs-sm);padding:6px 8px;border:1px solid var(--c-borde);border-radius:var(--r-md);background:#fff}
.edar-sol__texto{white-space:pre-wrap;font:inherit;font-size:var(--fs-xs);line-height:1.45;background:#fff;border:1px solid var(--c-borde);border-radius:var(--r-md);padding:var(--sp-3);max-height:260px;overflow:auto;margin:var(--sp-2) 0}
.edar-sol__acc{display:flex;gap:var(--sp-2);flex-wrap:wrap}
/* herramientas-menu-20260912 */
.edar-sol__pista{font-size:var(--fs-sm);color:var(--c-tinta);background:var(--c-cian-050);border-left:3px solid var(--c-cian);padding:var(--sp-2) var(--sp-3);margin:var(--sp-3) 0 0}
.cfg-switch .btn{flex:1 1 12em}

/* fondo-agua-20260912html[data-escena=atlantico] .hero::before{background-image:linear-gradient(rgba(255,255,255,.35),rgba(255,255,255,.7)),url(https://aguassb.com/wp-content/uploads/2020/02/Olas-del-mar-1536x863.jpg)}
 · fondo de agua bajo la cabecera; solo cuando el servidor devuelve una escena */
.hero{position:relative;isolation:isolate}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background-size:cover;background-position:center;opacity:0;transition:opacity 1.4s ease;pointer-events:none}
html[data-escena] .hero::before{opacity:.2}
html[data-escena] .hero-agua::before{opacity:.42}
html[data-escena=calma] .hero::before{background-image:linear-gradient(rgba(255,255,255,.35),rgba(255,255,255,.7)),url(https://aguassb.com/wp-content/uploads/2020/01/water-2208931_1920-1536x1024.jpg)}
 · fondo de agua bajo la cabecera; solo cuando el servidor devuelve una escena */
.hero{position:relative;isolation:isolate}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background-size:cover;background-position:center;opacity:0;transition:opacity 1.4s ease;pointer-events:none}
html[data-escena] .hero::before{opacity:.2}
html[data-escena] .hero-agua::before{opacity:.42}
html[data-escena=rio] .hero::before{background-image:linear-gradient(rgba(255,255,255,.35),rgba(255,255,255,.7)),url(https://aguassb.com/wp-content/uploads/2021/01/stream-204398_640.jpg)}
html[data-escena=atlantico] .hero-agua::before{background-image:linear-gradient(rgba(6,32,58,.55),rgba(6,32,58,.85)),url(https://aguassb.com/wp-content/uploads/2020/02/Olas-del-mar-1536x863.jpg)}
html[data-escena=calma] .hero-agua::before{background-image:linear-gradient(rgba(6,32,58,.55),rgba(6,32,58,.85)),url(https://aguassb.com/wp-content/uploads/2020/01/water-2208931_1920-1536x1024.jpg)}
html[data-escena=rio] .hero-agua::before{background-image:linear-gradient(rgba(6,32,58,.55),rgba(6,32,58,.85)),url(https://aguassb.com/wp-content/uploads/2021/01/stream-204398_640.jpg)}
@media (prefers-reduced-motion:reduce){.hero::before{transition:none}}
/* auditoria-ceo-20260912b */
.mapas-tabs{display:flex;gap:var(--sp-2);flex-wrap:wrap;margin:0 0 var(--sp-3)}
.mapas-tab{font:inherit;font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--c-tinta);background:#fff;border:1px solid var(--c-borde);border-radius:999px;padding:8px 16px;cursor:pointer}
.mapas-tab.is-activa{background:var(--c-cian);border-color:var(--c-cian);color:#fff}
.mapas-tab:hover:not(.is-activa){border-color:var(--c-cian);color:var(--c-cian)}
/* auditoria-ceo-20260912b · desplegable «De dónde salen estas cifras» del motor (04) y enlace al registro */
.t1-det{margin:var(--sp-2) 0;font-size:var(--fs-sm)}.t1-det>summary{cursor:pointer;color:var(--c-cian);font-weight:var(--fw-bold)}.t1-det[open]>summary{margin-bottom:var(--sp-2)}
.edar-sol__reg{margin-top:var(--sp-2);display:inline-block}

/* carrusel-movil-20260912 · parámetros del simulador en móvil: tarjetas laterales con profundidad */
@media (max-width:760px){
.sim-carrusel{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:18px 11vw 22px;margin:0 calc(-1 * var(--sp-4));-webkit-overflow-scrolling:touch;scrollbar-width:none;background:radial-gradient(120% 90% at 50% 100%,var(--c-cian-050),transparent 70%)}
.sim-carrusel::-webkit-scrollbar{display:none}
.sim-card{flex:0 0 78vw;max-width:360px;scroll-snap-align:center;background:#fff;border:1px solid var(--c-borde);border-radius:var(--r-lg,16px);padding:var(--sp-4);box-shadow:0 14px 34px rgba(6,32,58,.14);transition:transform .25s ease,opacity .25s ease,box-shadow .25s ease;will-change:transform}
.sim-card.is-centro{box-shadow:0 22px 44px rgba(6,32,58,.22);border-color:var(--c-cian)}
.sim-card>label{display:flex;flex-direction:column;gap:var(--sp-2);font-weight:var(--fw-bold);color:var(--c-azul)}
.sim-card>label input[type=number]{font-size:1.5rem;padding:10px 12px}
.sim-card .t1-mode{flex-direction:column;align-items:stretch}.sim-card .t1-mode button{width:100%}
.sim-carrusel-ui{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);margin-top:-6px}
.sim-carrusel-btn{font:inherit;font-size:1.6rem;line-height:1;width:40px;height:40px;border-radius:50%;border:1px solid var(--c-borde);background:#fff;color:var(--c-cian);cursor:pointer}
.sim-carrusel-puntos{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;flex:1}
.sim-carrusel-punto{width:8px;height:8px;border-radius:50%;border:0;background:var(--c-borde);padding:0;cursor:pointer}.sim-carrusel-punto.is-on{background:var(--c-cian);transform:scale(1.4)}
.sim-carrusel-cont{font-size:var(--fs-xs);color:var(--c-gris);min-width:3.5em;text-align:right}
.sim-carrusel-pista{font-size:var(--fs-xs);color:var(--c-gris);margin:0}
}
/* fotos-cabecera-20260912 · foto de cabecera por zona: sin alterar el fichero; recorte por background-position, velo por gradiente */
.hero.has-foto::before{background-image:linear-gradient(rgba(255,255,255,.28),rgba(255,255,255,.62)),var(--foto);background-position:var(--foto-pos,center);opacity:1}
.hero-agua.has-foto::before{background-image:linear-gradient(rgba(6,32,58,.42),rgba(6,32,58,.72)),var(--foto);opacity:1}
html[data-escena] .hero.has-foto::before{opacity:1}
.hero__foto-rotulo{position:absolute;right:var(--sp-4);bottom:var(--sp-3);z-index:2;font-size:var(--fs-xs);color:#fff;background:rgba(6,32,58,.55);padding:4px 10px;border-radius:999px;text-decoration:none;letter-spacing:.02em}
.hero__foto-rotulo:hover{background:rgba(6,32,58,.8)}
.hero:not(.hero-agua) .hero__foto-rotulo{color:var(--c-tinta);background:rgba(255,255,255,.75)}

/* fotos-cabecera-20260912 · opacidad visible también en las escenas genéricas (zonas sin foto de 09 todavía) */
html[data-escena] .hero::before{opacity:.62}
html[data-escena] .hero-agua::before{opacity:.8}
/* fotos-cabecera-20260912 · la foto gana a la escena genérica */
html[data-escena] .hero.has-foto::before{background-image:linear-gradient(rgba(255,255,255,.28),rgba(255,255,255,.62)),var(--foto);background-position:var(--foto-pos,center);opacity:1}
html[data-escena] .hero-agua.has-foto::before{background-image:linear-gradient(rgba(6,32,58,.42),rgba(6,32,58,.72)),var(--foto);background-position:var(--foto-pos,center);opacity:1}
/* p0-agentica-20260913 */
.ru-rev{color:var(--c-gris);font-style:italic}.ru-rev-nota{margin-top:var(--sp-2)}
.cfg-aviso-en,.cfg-aviso-idioma{background:var(--c-cian-050);border-left:3px solid var(--c-cian);padding:var(--sp-2) var(--sp-3);margin:0 0 var(--sp-3);text-align:left}
html[lang=en] .cfg-aviso-idioma[hidden]{display:block!important}
.mapa-sugerencias{position:absolute;z-index:30;left:0;right:0;top:100%;margin:2px 0 0;padding:4px 0;list-style:none;background:#fff;border:1px solid var(--c-borde);border-radius:var(--r-md);box-shadow:0 10px 24px rgba(6,32,58,.14);max-height:280px;overflow:auto}
.mapa-sugerencias li{padding:8px 12px;cursor:pointer;font-size:var(--fs-sm)}.mapa-sugerencias li.is-sel,.mapa-sugerencias li:hover{background:var(--c-cian-050);color:var(--c-cian)}
/* p0-agentica-20260913 · las dimensiones reservan espacio; la altura sigue la proporción */
img[width][height]{height:auto}
/* p0b-20260913 · no evaluable, falta dato, carrusel sin desbordar */
.ru-noeval{border-left:4px solid #b7791f;background:#fff8e6}
.ru-noeval-nota{margin:.6em 0 0;font-size:var(--fs-sm)}
.cfg-falta{border:1px dashed var(--c-cian);border-radius:var(--r-sm);padding:var(--sp-3) var(--sp-4)}
.cfg-falta .btn{margin-top:var(--sp-2)}
/* CEO 13/09 (iPhone): la tarjeta medía 78vw, más que la pista (la pista va dentro del rectángulo del grupo, no de la pantalla): ancho relativo a la pista */
@media (max-width:760px){.sim-carrusel{overflow-y:hidden;padding:18px 26px 22px}.sim-card{flex:0 0 100%;max-width:none}.sim__grupo:has(.sim-carrusel){overflow:hidden}}

/* p0d-20260913 · aviso del visitante sobre la cabecera con foto */
.hero__foto-aviso{position:absolute;left:var(--sp-4);bottom:var(--sp-3);z-index:2;font:inherit;font-size:var(--fs-xs);color:var(--c-tinta);background:rgba(255,255,255,.75);border:0;padding:4px 10px;border-radius:999px;cursor:pointer;letter-spacing:.02em}
.hero__foto-aviso:hover,.hero__foto-aviso[aria-expanded=true]{background:#fff}
.hero-agua .hero__foto-aviso{color:#fff;background:rgba(6,32,58,.55)}.hero-agua .hero__foto-aviso:hover{background:rgba(6,32,58,.8)}
.fondo-aviso{position:absolute;left:var(--sp-4);bottom:calc(var(--sp-3) + 38px);z-index:3;width:min(360px,calc(100% - 2 * var(--sp-4)));background:#fff;color:var(--c-tinta);border:1px solid var(--c-borde);border-radius:var(--r-sm);padding:var(--sp-3);box-shadow:0 14px 34px rgba(6,32,58,.2);font-size:var(--fs-sm);text-align:left}
.fondo-aviso__t{margin:0 0 .5em;font-weight:var(--fw-bold)}
.fondo-aviso__chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:.5em}
.fondo-aviso__chip{font:inherit;font-size:var(--fs-xs);border:1px solid var(--c-borde);background:#fff;border-radius:999px;padding:4px 10px;cursor:pointer;color:var(--c-tinta)}
.fondo-aviso__chip[aria-pressed=true]{background:var(--c-cian);color:#fff;border-color:var(--c-cian)}
.fondo-aviso__texto{width:100%;font:inherit;font-size:var(--fs-xs);border:1px solid var(--c-borde);border-radius:var(--r-sm);padding:6px 8px;margin-bottom:.5em;resize:vertical}
.fondo-aviso__fila{display:flex;gap:8px;align-items:center}.fondo-aviso__enviar{font-size:var(--fs-xs);padding:6px 12px}
.fondo-aviso__cerrar{font:inherit;font-size:var(--fs-xs);background:none;border:0;color:var(--c-gris);cursor:pointer;text-decoration:underline}
.fondo-aviso__msg{margin:.5em 0 0;font-size:var(--fs-xs);color:var(--c-gris)}
/* p0d-20260913-cta-configurador */
.cta-configurador{border-style:dashed}
@media (max-width:760px){.hero__actions .cta-configurador{width:100%;text-align:center}}

/* p0d-20260913-legibilidad · texto de la cabecera sobre un panel translúcido con desenfoque: se lee igual sea cual sea la foto, la pantalla o el tono */
.hero.has-foto .container > div:first-of-type{background:rgba(255,255,255,.86);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--sp-5);border-radius:var(--r-lg,16px);box-shadow:0 10px 30px rgba(6,32,58,.14);color:var(--c-tinta)}
.hero.has-foto .container > div:first-of-type h1,.hero.has-foto .container > div:first-of-type p{text-shadow:none}
.hero-agua.has-foto .container > div:first-of-type{background:rgba(6,32,58,.74);color:#fff;box-shadow:0 10px 30px rgba(0,0,0,.25)}
@media (max-width:760px){.hero.has-foto .container > div:first-of-type{padding:var(--sp-4)}}
/* con el panel, el velo general puede ser más ligero: la foto se ve más y el texto no depende de él */
html[data-escena] .hero.has-foto::before,.hero.has-foto::before{background-image:linear-gradient(rgba(255,255,255,.18),rgba(255,255,255,.42)),var(--foto)}
html[data-escena] .hero-agua.has-foto::before,.hero-agua.has-foto::before{background-image:linear-gradient(rgba(6,32,58,.34),rgba(6,32,58,.6)),var(--foto)}
/* CEO 13/09: el sello ISO de la portada salía dos veces (sello colgante de la cabecera + franja «Certificada ISO 9001» justo debajo), pisaba el esquema en escritorio y el rótulo de la foto en móvil → fuera el colgante, queda la franja */
.hero-agua .hero__badge{display:none}
/* esquema-20260913 · esquema de dos caminos en la portada */
.hero__figure--dos{background:#fff;border-radius:var(--r-lg);box-shadow:var(--sh-lg);overflow:hidden}.hero__figure--dos svg{display:block;width:100%;height:auto}
.hero__figure-enlaces{margin:var(--sp-3) 0 0;font-size:var(--fs-sm);color:#fff;text-align:center}.hero__figure-enlaces a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.hero:not(.hero-agua) .hero__figure-enlaces,.hero:not(.hero-agua) .hero__figure-enlaces a{color:var(--c-azul)}
@media (max-width:760px){.hero__figure-enlaces{font-size:var(--fs-xs)}}
/* globo-20260913 · globo animado en quiénes somos */
.globo{background:radial-gradient(120% 100% at 50% 0%,#f4fafb,#e6f1f4);border:1px solid #dbe6ea;border-radius:var(--r-lg);padding:var(--sp-4);text-align:center}
.globo canvas{width:min(100%,520px);height:auto;aspect-ratio:1/1;display:block;margin:0 auto;cursor:grab;touch-action:none}/* gota-globo-20260913 */.globo canvas:active{cursor:grabbing}
.globo__pie{margin:var(--sp-3) 0 0;font-size:var(--fs-xs);color:var(--c-gris)}
/* cta-configurador-ajuste-20260913 */ /* CEO 13/09: la línea de puntos se salía por la derecha de la tarjeta (texto largo sin salto) */
.hero__actions .cta-configurador{white-space:normal;max-width:100%;flex:0 1 auto;text-align:center;line-height:1.3}
.globo{width:100%;box-sizing:border-box}.globo canvas{width:100%;max-width:520px}/* gota-globo-20260913: en móvil el panel encogía al ancho intrínseco del lienzo (103 px) */
@media (max-width:860px){.split{grid-template-columns:1fr}}/* gota-globo-20260913: la regla de una columna (l.512) quedaba pisada por .split{...} declarada después (l.518): en móvil el bloque seguía a dos columnas y el globo salía de 103 px */
/* globo-3d-20260913 · globo real: capa de puntos sobre el lienzo */
.globo{position:relative}.globo__puntos{position:absolute;left:0;top:0;width:0;height:0;overflow:visible}
.globo__punto{position:absolute;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:#2FB49B;border:2px solid #fff;box-shadow:0 0 0 3px rgba(47,180,155,.35),0 2px 6px rgba(0,0,0,.35);text-decoration:none;z-index:2}
.globo__punto:hover,.globo__punto:focus-visible{background:#fff;border-color:#2FB49B;outline:none;z-index:3}
.globo__punto-rotulo{position:absolute;left:16px;top:50%;transform:translateY(-50%);white-space:nowrap;font-size:11px;line-height:1.2;color:#fff;background:rgba(6,32,58,.82);padding:3px 7px;border-radius:6px;opacity:0;pointer-events:none;transition:opacity .15s}
.globo__punto:hover .globo__punto-rotulo,.globo__punto:focus-visible .globo__punto-rotulo{opacity:1}
.globo__sede{position:absolute;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:#1B9AAA;border:2px solid #fff;box-shadow:0 0 0 4px rgba(27,154,170,.35);z-index:2;animation:globo-latido 1.8s ease-out infinite}
@keyframes globo-latido{0%{box-shadow:0 0 0 2px rgba(27,154,170,.6)}100%{box-shadow:0 0 0 14px rgba(27,154,170,0)}}
@media (prefers-reduced-motion:reduce){.globo__sede{animation:none}}
html[data-globo="3d"] .globo{background:radial-gradient(120% 100% at 50% 0%,#0b1d33,#04101f);border-color:#123}html[data-globo="3d"] .globo__pie{color:#bcd}
/* beta-nitrato-20260914 (CEO) */.cfg-beta{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#0A4F73;background:#e8f5f7;border:1px solid #bfe0e6;border-radius:999px;padding:1px 7px;vertical-align:middle}
/* casos-relato-20260914 · relato de apertura de los casos */
.conocimiento .relato{font-size:var(--fs-lg);line-height:1.6;color:var(--c-azul);border-left:4px solid var(--c-verde);padding:var(--sp-2) 0 var(--sp-2) var(--sp-4);margin:var(--sp-4) 0 var(--sp-5)}
/* asistente-orbe-20260914 · orbe del asistente */
.asb-orbe{position:relative;display:inline-block;width:32px;height:32px;border-radius:50%;background:conic-gradient(from 0deg,#2FB49B,#1B9AAA,#0A4F73,#8fe6d6,#2FB49B);animation:asb-giro 7s linear infinite,asb-latido 2.8s ease-in-out infinite;box-shadow:0 0 12px rgba(47,180,155,.55)}
.asb-orbe::after{content:"";position:absolute;inset:22%;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff 0,rgba(255,255,255,.65) 30%,rgba(255,255,255,0) 70%)}
.asb-ask .asb-ask__ico.asb-orbe{width:32px;height:32px}.asb-orbe--cab{width:22px;height:22px;vertical-align:-5px;margin-right:.45em}.asb-orbe--grande{width:44px;height:44px;flex:0 0 auto}
.asb-ask.is-pensando .asb-orbe,.asb-pensando .asb-orbe{animation-duration:1.1s,.9s}
.asb-pensando{display:flex;align-items:center;gap:.7em;color:var(--c-gris);font-size:var(--fs-sm);padding:var(--sp-2) 0}
@keyframes asb-giro{to{transform:rotate(360deg)}}@keyframes asb-latido{0%,100%{box-shadow:0 0 10px rgba(47,180,155,.45)}50%{box-shadow:0 0 22px rgba(27,154,170,.85)}}
@media (prefers-reduced-motion:reduce){.asb-orbe{animation:none}}
/* t1-slider-20260914 · slider de fotos del módulo T1 en la portada */
.sistema--slider{display:flex;flex-direction:column}.sistema__img.sistema__slider{position:relative;overflow:hidden;aspect-ratio:4/3;background:#0A4F73;padding:0;display:block}
.sistema__img.sistema__slider img{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;object-position:center 45%;opacity:0;transition:opacity .7s ease}.sistema__img.sistema__slider img.is-on{opacity:1}
.slider__flecha{position:absolute;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:50%;border:0;background:rgba(6,32,58,.55);color:#fff;font-size:22px;line-height:34px;cursor:pointer;z-index:2;opacity:.85}.slider__flecha:hover,.slider__flecha:focus-visible{opacity:1;background:rgba(6,32,58,.85);outline:none}.slider__flecha--prev{left:8px}.slider__flecha--next{right:8px}
.slider__puntos{position:absolute;left:0;right:0;bottom:8px;display:flex;justify-content:center;gap:6px;z-index:2}.slider__punto{width:9px;height:9px;border-radius:50%;border:0;padding:0;background:rgba(255,255,255,.55);cursor:pointer}.slider__punto.is-on{background:#2FB49B;box-shadow:0 0 0 2px rgba(255,255,255,.7)}
.sistema--slider .sistema__body{text-decoration:none;color:inherit}
/* sliders-home-20260914 · diapositiva = foto completa sobre copia difuminada de sí misma (sin recortes ni bandas) */
.sistema__img.sistema__slider .slide{position:absolute;inset:0;margin:0;opacity:0;transition:opacity .7s ease;overflow:hidden}.sistema__img.sistema__slider .slide.is-on{opacity:1}
.sistema__img.sistema__slider .slide img{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;opacity:1;transition:none}
.sistema__img.sistema__slider .slide__fondo{inset:-8%;width:116%;height:116%;object-fit:cover;filter:blur(16px) saturate(.85) brightness(.8)}
.sistema__img.sistema__slider .slide__foto{object-fit:contain;padding:4%;box-sizing:border-box}
/* sliders-home-20260914-tacto */
@media (max-width:860px){.slider__flecha{width:42px;height:42px;line-height:42px;font-size:26px}}
/* orbe-cookiebot-20260914 · el asistente no pisa el botón de Cookiebot (abajo a la izquierda) */
.asb-ask{bottom:84px}.asb-panel{bottom:142px}
/* asistente-v2-20260914 */
.asb-resp__cierre{margin-top:.6em;color:var(--c-azul);font-size:var(--fs-sm)}.asb-resp__cta{margin-top:.5em;margin-right:.5em}.asb-panel__chips-t{display:block;width:100%;font-size:var(--fs-sm);color:var(--c-gris);margin-bottom:.3em}.cfg-chip--volver{opacity:.75}.asb-panel{max-height:calc(100vh - 160px)}
/* reporte-fallo-20260914 */
.asb-panel__rep{margin:.4em 0 0;font-size:var(--fs-xs);color:var(--c-gris)}.asb-panel__rep a{color:inherit;text-decoration:underline}
/* ux-auditoria-20260921 · contraste AA y foco (auditoría UX 21/09). El cian de marca (--c-cian) no cambia; el TEXTO cian sobre fondo claro usa --c-cian-texto */
:root{--c-cian-texto:#10707D;--c-cian-claro:#8fe0d0;--c-verde-claro:#43c7ad}
a{color:var(--c-cian-texto)}
.card__link,.eyebrow,.skip-link,.form-guia__link,.btn-outline:hover{color:var(--c-cian-texto)}
.btn-primary,.btn-primary:hover,.btn-primary:focus,input.btn-primary,.wpcf7 input.btn-primary{color:var(--c-tinta)}
.btn-primary:hover{background:var(--c-verde-claro)}
.slider__flecha:focus-visible{outline:3px solid #fff;outline-offset:2px;box-shadow:0 0 0 6px rgba(6,32,58,.85)}
.globo{overflow-x:clip}
.btn-primary.nav-mobile-cta,.nav .btn-primary,.nav a.btn-primary[aria-current="page"]{color:var(--c-tinta)}
.section--ink .eyebrow,.section--ink .card__link,.section--ink a:not(.btn){color:var(--c-cian-claro)}
/* artemisia-20260923 · ARTEMISIA: chat de IA con la bola azul como presencia */
:root{--art-azul:#0A4F73;--art-cian:#1B9AAA;--art-verde:#2FB49B;--art-tinta:#0b1d33}
.art-btn{position:fixed;left:18px;bottom:84px;z-index:60;display:inline-flex;align-items:center;gap:.55em;border:0;border-radius:999px;background:linear-gradient(135deg,var(--art-tinta),var(--art-azul));color:#fff;font:inherit;font-weight:var(--fw-bold);font-size:var(--fs-sm);padding:.45em 1.05em .45em .45em;box-shadow:0 10px 28px rgba(6,32,58,.35);cursor:pointer;transition:transform .2s var(--ease),box-shadow .2s}
.art-btn:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(6,32,58,.42)}
.art-btn:focus-visible{outline:3px solid #fff;outline-offset:2px}
.art-orbe{position:relative;display:inline-block;border-radius:50%;background:conic-gradient(from 0deg,#2FB49B,#1B9AAA,#0A4F73,#8fe6d6,#2FB49B);animation:asb-giro 9s linear infinite,art-respira 3.4s ease-in-out infinite;flex:0 0 auto}
.art-orbe::before{content:"";position:absolute;inset:-18%;border-radius:50%;background:radial-gradient(circle,rgba(47,180,155,.45),rgba(27,154,170,0) 70%);animation:art-halo 3.4s ease-in-out infinite;z-index:-1}
.art-orbe::after{content:"";position:absolute;inset:20%;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff 0,rgba(255,255,255,.7) 28%,rgba(255,255,255,0) 68%)}
.art-orbe--btn{width:40px;height:40px}
.art-orbe--cab{width:52px;height:52px}
.is-pensando .art-orbe,.art-btn.is-pensando .art-orbe{animation-duration:1.2s,1s}
@keyframes art-respira{0%,100%{box-shadow:0 0 14px rgba(47,180,155,.5);transform:scale(1)}50%{box-shadow:0 0 30px rgba(27,154,170,.95);transform:scale(1.06)}}
@keyframes art-halo{0%,100%{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.18)}}
.art-panel.asb-panel{left:18px;bottom:142px;width:min(420px,calc(100vw - 36px));max-height:min(78vh,720px);padding:0;overflow:hidden;display:flex;flex-direction:column;border-radius:20px;border:1px solid rgba(10,79,115,.18);box-shadow:0 24px 60px rgba(6,32,58,.35)}
.art-panel[hidden]{display:none}
.art-head{display:flex;align-items:center;gap:.8em;padding:14px 16px;background:linear-gradient(135deg,var(--art-tinta),var(--art-azul) 70%,#0e6a8a);color:#fff}
.art-head__t{display:flex;flex-direction:column;line-height:1.15;flex:1;min-width:0}
.art-head__t strong{font-size:1.15rem;letter-spacing:.02em}
.art-head__t span{font-size:var(--fs-xs);color:#bfe3ea}
.art-head__close,.art-head__nuevo{border:0;background:rgba(255,255,255,.12);color:#fff;width:32px;height:32px;border-radius:50%;font-size:1.3rem;line-height:1;cursor:pointer}
.art-head__nuevo{font-size:1rem}
.art-head__close:hover,.art-head__nuevo:hover{background:rgba(255,255,255,.24)}
.art-hilo{flex:1;overflow:auto;padding:14px 14px 4px;background:linear-gradient(180deg,#f3f8fa,#fff);display:flex;flex-direction:column;gap:8px;min-height:180px}
.art-msg{max-width:88%;padding:.6em .85em;border-radius:16px;font-size:var(--fs-sm);line-height:1.5;white-space:pre-wrap;word-wrap:break-word}
.art-msg p{margin:0}
.art-msg--a{align-self:flex-start;background:#fff;border:1px solid var(--c-borde-suave);border-bottom-left-radius:6px;box-shadow:0 2px 8px rgba(6,32,58,.06)}
.art-msg--u{align-self:flex-end;background:var(--art-azul);color:#fff;border-bottom-right-radius:6px}
.art-msg--u a{color:#bfe3ea}
.art-msg--sys{align-self:center;background:var(--c-cian-050);color:var(--c-azul);font-size:var(--fs-xs);border-radius:12px;text-align:center}
.art-msg--sys .art-chip{margin:.4em .2em 0}
.art-msg--a.is-escribiendo p:empty::after,.art-msg--a.is-escribiendo p::after{content:"▍";color:var(--art-cian);animation:art-cursor 1s steps(2) infinite}
@keyframes art-cursor{50%{opacity:0}}
.art-chips{display:flex;flex-wrap:wrap;gap:6px;padding:6px 14px 8px;background:#fff}
.art-chip{font:inherit;font-size:var(--fs-xs);padding:.45em .8em;border:1px solid rgba(10,79,115,.25);border-radius:999px;background:#fff;color:var(--c-azul);cursor:pointer;text-align:left;transition:background .15s}
.art-chip:hover{background:var(--c-cian-050)}
.art-chip--sec{color:var(--c-gris)}
.art-form{display:flex;align-items:flex-end;gap:8px;padding:8px 12px;border-top:1px solid var(--c-borde-suave);background:#fff}
.art-form__in{flex:1;min-width:0;resize:none;font:inherit;font-size:var(--fs-sm);padding:.6em .8em;border:1px solid var(--c-borde);border-radius:14px;max-height:120px;line-height:1.4}
.art-form__in:focus{outline:none;border-color:var(--art-cian);box-shadow:0 0 0 3px rgba(27,154,170,.2)}
.art-form__btn{width:40px;height:40px;border:0;border-radius:50%;background:var(--art-verde);color:var(--c-tinta);font-size:1rem;cursor:pointer;flex:0 0 auto}
.art-form__btn:disabled{opacity:.5;cursor:wait}
.art-foot{font-size:11px;color:var(--c-gris);margin:0;padding:6px 14px 10px;background:#fff}
.art-foot a{color:var(--c-cian-texto)}
.art-fb{display:flex;align-items:center;gap:6px;font-size:var(--fs-xs);color:var(--c-gris);padding:0 4px}
.art-fb__b{font:inherit;font-size:var(--fs-xs);padding:.2em .7em;border:1px solid var(--c-borde);border-radius:999px;background:#fff;cursor:pointer}
.art-cta{display:flex;flex-wrap:wrap;gap:6px;padding:2px 4px 8px}
.art-cta .btn{font-size:var(--fs-xs);padding:.45em .9em}
@media (max-width:560px){.art-btn__txt{display:none}.art-btn{padding:.35em;bottom:84px}.art-panel.asb-panel{left:8px;right:8px;width:auto;bottom:8px;max-height:calc(100vh - 16px);border-radius:16px}}
@media (prefers-reduced-motion:reduce){.art-orbe,.art-orbe::before{animation:none}}
/* artemisia-publicar-20260924 · el texto del botón se ve también en móvil */
@media (max-width:560px){.art-btn__txt{display:inline}.art-btn{padding:.35em .9em .35em .35em;font-size:var(--fs-xs)}}
/* artemisia-pestana-20260924 · móvil: encuadre con dvh y safe-area, texto algo menor, el chat no arrastra la página de detrás; enlace «abrir en otra pestaña» */
.art-panel.asb-panel{max-height:min(76dvh,680px);width:min(400px,calc(100vw - 36px))}
.art-msg{font-size:.9rem}
.art-hilo{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.art-chip--ir{display:inline-block;text-decoration:none;font-weight:var(--fw-bold);background:var(--art-verde);color:var(--c-tinta);border-color:var(--art-verde);margin-top:.4em}
@media (max-width:560px){
  .art-panel.asb-panel{left:8px;right:8px;width:auto;bottom:calc(8px + env(safe-area-inset-bottom,0px));max-height:calc(100dvh - 16px - env(safe-area-inset-bottom,0px) - env(safe-area-inset-top,0px));border-radius:16px}
  .art-msg{font-size:.88rem;max-width:92%}
  .art-head__t strong{font-size:1.05rem}
  html.art-abierto,html.art-abierto body{overflow:hidden;height:100%;overscroll-behavior:none}
}
/* artemisia-movil-20260924 · móvil: campo a 16 px (evita el zoom automático de iOS al enfocar), cabecera compacta, sin retardo de doble toque */
.art-btn,.art-chip,.art-form__btn,.art-head__close,.art-head__nuevo{touch-action:manipulation}
@media (max-width:560px){
  .art-form__in{font-size:16px;padding:.5em .75em}
  .art-head{padding:10px 12px;gap:.6em}
  .art-orbe--cab{width:44px;height:44px}
  .art-hilo{padding:10px 10px 4px;min-height:140px}
  .art-chips{padding:4px 10px 6px}
  .art-form{padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px))}
  .art-panel.asb-panel{bottom:calc(8px + env(safe-area-inset-bottom,0px));max-height:calc(100dvh - 16px - env(safe-area-inset-bottom,0px) - env(safe-area-inset-top,0px))}
}
/* artemisia-conectar-20260924 · tarjeta de conexión en el chat */
.art-msg .art-dir{display:block;margin:.5em 0 .3em;padding:.5em .6em;background:var(--c-cian-050);border:1px solid var(--c-borde);border-radius:10px;font-size:.82rem;overflow-wrap:anywhere;user-select:all}
.art-msg .art-chip{margin:.35em .3em 0 0}