/* ============================================================
   css/ch-adm-ux.20261109.css · OC-56 (9-nov-2026) · Estilos del nuevo /administracion-de-propiedades (maqueta UX aprobada).
   - Solo se carga cuando el interruptor CH_ADM_UX de administracion-de-propiedades.php lo pide, DESPUÉS de app.css.
   - Todo cuelga de .chux (el <main> nuevo) o de .chux-barra (barra inferior de celular). Las reglas de etiqueta van con
     :where(.chux,.chux-barra) para no tocar la cabecera, el pie ni las ventanas del sitio, y con la misma especificidad
     que tenían en la maqueta.
   - --chux-cab (alto de la cabecera fija) lo escribe /js/ch-adm-ux.20261109.js; 69 px es el valor de respaldo.
   - La tarjeta azul, la ventana y el botón flotante de la calculadora son de calc-flotante.20261107.css (no se repiten).
   - Generado con produccion/herramientas/construir.py a partir de maqueta/maqueta-administracion.html.
   ============================================================ */
:root{
  --azul:#0369A1;--azul-osc:#075985;--azul-claro:#E0F2FE;--azul-fondo:#F0F9FF;
  --ambar:#FBBF24;--ambar-osc:#B45309;--ambar-fondo:#FFFBEB;
  --pizarra:#0F172A;--txt2:#334155;--txt3:#475569;--borde:#E2E8F0;--borde2:#CBD5E1;
  --gris:#F1F5F9;--gris2:#F8FAFC;--wa:#25D366;--verde-osc:#14532D;--rojo-osc:#7F1D1D;
  --chux-cab:69px;--alto-chips:52px;--radio:18px;
  --sombra:0 10px 30px -12px rgba(15,23,42,.22);
}
:where(.chux,.chux-barra),:where(.chux,.chux-barra) *,:where(.chux,.chux-barra) *::before,:where(.chux,.chux-barra) *::after{box-sizing:border-box}
html{scroll-padding-top:calc(var(--chux-cab) + var(--alto-chips) + 8px);scroll-padding-bottom:88px;-webkit-text-size-adjust:100%}
.chux,.chux-barra{background:#fff;color:var(--pizarra);font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:16px;line-height:1.6;overflow-wrap:break-word}
.chux{flex:1 0 auto;width:100%;min-width:0}
/* Respaldo de la tarjeta del héroe si falta inc/calculadora_admin.php (ejemplo fijo, como en la página anterior) */
.chux-ejemplo{display:flex;flex-direction:column;gap:6px;border-top:1px solid var(--borde);padding-top:12px;font-size:15px}
.chux-ej-tit{font-weight:700}
.chux-ej-fila{display:flex;justify-content:space-between;gap:12px;color:var(--txt2)}
.chux-ej-fila b{color:var(--pizarra);text-align:right}
.chux-ej-total{background:var(--azul-fondo);border-radius:12px;padding:10px 12px;color:var(--pizarra);font-weight:700}
/* Valores por defecto del navegador que la maqueta daba por hechos y que el «preflight» de app.css (Tailwind) quita */
:where(.chux,.chux-barra) ol{list-style:decimal}
:where(.chux,.chux-barra) ul{list-style:disc}
:where(.chux,.chux-barra) h1,:where(.chux,.chux-barra) h2,:where(.chux,.chux-barra) h3,:where(.chux,.chux-barra) h4{font-weight:700}
:where(.chux,.chux-barra) button{padding:1px 6px}
:where(.chux,.chux-barra) img,:where(.chux,.chux-barra) svg{display:block;flex-shrink:0}
:where(.chux,.chux-barra) a{color:var(--azul);text-decoration:underline;text-underline-offset:2px}
:where(.chux,.chux-barra) a:hover{color:var(--azul-osc)}
:where(.chux,.chux-barra) strong,:where(.chux,.chux-barra) b{font-weight:700}
:where(.chux,.chux-barra) h1,:where(.chux,.chux-barra) h2,:where(.chux,.chux-barra) h3,:where(.chux,.chux-barra) h4,:where(.chux,.chux-barra) p,:where(.chux,.chux-barra) ul,:where(.chux,.chux-barra) ol{margin:0}
:where(.chux,.chux-barra) :where(a,button,summary,input,select,[tabindex]):focus-visible{outline:3px solid var(--ambar);outline-offset:2px;border-radius:6px}
.chux-claro :where(a,button,summary,input,select,[tabindex]):focus-visible{outline-color:var(--azul)}
:where(.chux,.chux-barra) .sr-only,.chux .chcalc-solo-lector{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.chux-cont{max-width:1152px;margin:0 auto;padding:0 16px}
.chux-icono{width:20px;height:20px;flex-shrink:0}
:where(.chux,.chux-barra) [hidden]:not([hidden="until-found"]){display:none!important}
:where(.chux,.chux-barra) [hidden="until-found"]{padding:0!important;border:0!important;margin:0!important;box-shadow:none!important}
.solo-esc{display:none}
@media (min-width:768px){.solo-esc{display:inline}}

/* ---------- e.1 Franja de captación compacta ---------- */
.chux-franja{background:var(--pizarra);color:#fff}
.chux-franja .chux-cont{display:flex;flex-direction:column;gap:8px;padding-top:10px;padding-bottom:14px}
.chux-miga{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#94A3B8}
.chux-miga a{color:#CBD5E1;text-decoration:none;display:inline-flex;align-items:center;min-height:44px;padding:0 4px;margin-left:-4px}
.chux-miga a:hover{color:var(--ambar)}
.chux-miga-actual{color:var(--ambar)}
.chux-franja-txt{font-size:15px;line-height:1.45;font-weight:600;color:#E2E8F0}
.chux-franja-btns{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.chux-btn-franja{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 14px;border-radius:12px;font-size:15px;font-weight:800;text-decoration:none;white-space:nowrap}
.chux-btn-franja--tel,.chux-btn-franja--tel:hover{background:#fff;color:var(--azul)}
.chux-btn-franja--wa,.chux-btn-franja--wa:hover{background:var(--wa);color:var(--pizarra)}
@media (min-width:768px){
  .chux-franja .chux-cont{flex-direction:row;flex-wrap:wrap;align-items:center;column-gap:20px;padding-top:12px;padding-bottom:12px}
  .chux-miga{flex-basis:100%;min-height:0}
  .chux-miga a{min-height:28px}
  .chux-franja-txt{flex:1 1 360px;font-size:17px}
  .chux-franja-btns{display:flex}
}

/* ---------- e.2 Héroe ---------- */
.chux-heroe{background:var(--gris)}
.chux-heroe .chux-cont{display:grid;gap:16px;padding-top:20px;padding-bottom:24px;grid-template-areas:"texto" "botones" "tarjeta"}
.chux-heroe-texto{grid-area:texto;display:flex;flex-direction:column;gap:12px}
.chux-ceja{align-self:flex-start;display:inline-block;background:var(--azul-claro);color:var(--azul-osc);padding:5px 12px;border-radius:999px;font-size:12px;font-weight:800;line-height:1.4;text-transform:uppercase;letter-spacing:.04em}
.chux-h1{font-size:26px;line-height:1.18;font-weight:800;letter-spacing:-.015em;text-wrap:balance}
.chux-lead{font-size:16.5px;line-height:1.55;color:var(--txt2)}
.chux-mas{border-top:1px solid var(--borde2);padding-top:4px}
.chux-mas>summary{list-style:none;display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:700;color:var(--azul);cursor:pointer}
.chux-mas>summary::-webkit-details-marker{display:none}
.chux-mas>summary svg{transition:transform .2s}
.chux-mas[open]>summary svg{transform:rotate(180deg)}
.chux-mas .chux-mas-b{display:none}
.chux-mas[open] .chux-mas-a{display:none}
.chux-mas[open] .chux-mas-b{display:inline}
.chux-mas-cuerpo{display:flex;flex-direction:column;gap:10px;padding:4px 0 6px;color:var(--txt2);font-size:16px}
.chux-mas-cuerpo a{font-weight:700}
.chux-heroe-btns{grid-area:botones;display:flex;flex-direction:column;align-items:stretch;gap:6px}
.chux-btn-ppal,.chux-btn-ppal:hover{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 24px;border-radius:14px;background:var(--ambar);color:var(--pizarra);font-size:18px;font-weight:800;text-decoration:none;box-shadow:0 6px 16px -6px rgba(180,83,9,.45)}
.chux-btn-ppal:hover{background:#F59E0B}
.chux-enlace-wa{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;font-weight:700;color:var(--azul-osc)}
/* Tarjeta «Usted recibe al mes» (chcalc-mini, sin cambios de texto) */
.chux-tarjeta-heroe{grid-area:tarjeta;background:#fff;border:1px solid var(--borde);border-top:6px solid var(--ambar);border-radius:20px;padding:18px 16px;display:flex;flex-direction:column;gap:8px;box-shadow:var(--sombra)}
.chux-tarjeta-ceja{font-size:13px;font-weight:800;letter-spacing:.04em;color:var(--txt2)}
.chux-precio-heroe{font-size:30px;font-weight:800;line-height:1.1}
.chux-precio-heroe span{font-size:18px;font-weight:700;white-space:nowrap}
.chux-tarjeta-heroe .chux-txt{font-size:15px;color:var(--txt2)}
.chux .chcalc-mini{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--borde);padding-top:12px}
.chux .chcalc-mini-label{font-size:15px;font-weight:700}
.chux .chcalc-pesos{display:flex;align-items:center;gap:8px;border:2px solid #64748B;border-radius:12px;padding:0 12px;min-height:50px;background:#fff}
.chux .chcalc-pesos:focus-within{border-color:var(--azul);box-shadow:0 0 0 3px rgba(3,105,161,.2)}
.chux .chcalc-pesos span{font-weight:800;color:var(--txt3)}
.chux .chcalc-pesos input{border:0;outline:0;font:inherit;font-size:19px;font-weight:700;width:100%;min-height:46px;background:transparent;color:var(--pizarra)}
.chux .chcalc-mini-filas{display:flex;flex-direction:column;gap:2px;font-size:15px}
.chux .chcalc-fila{display:flex;justify-content:space-between;gap:10px;padding:3px 0;color:var(--txt2)}
.chux .chcalc-fila b{color:var(--pizarra)}
.chux .chcalc-total{margin-top:4px;background:var(--azul-fondo);border-radius:12px;padding:10px 12px;font-size:17px;color:var(--pizarra);font-weight:700}
.chux .chcalc-total b{font-size:21px;color:var(--azul-osc)}
.chux .chcalc-nota{font-size:13px;color:var(--txt3)}
.chux .chcalc-enlace-completa{font-size:15px;font-weight:700;min-height:44px;display:inline-flex;align-items:center}
@media (min-width:1024px){
  .chux-heroe .chux-cont{grid-template-columns:1.15fr .85fr;grid-template-areas:"texto tarjeta" "botones tarjeta";column-gap:48px;row-gap:20px;padding-top:48px;padding-bottom:56px;align-items:start}
  .chux-h1{font-size:40px}
  .chux-lead{font-size:19px}
  .chux-heroe-btns{flex-direction:row;align-items:center;gap:20px}
  .chux-tarjeta-heroe{padding:26px 24px}
}

/* ---------- e.3 Franja de confianza ---------- */
.chux-pruebas{background:var(--gris);padding-bottom:28px}
.chux-pruebas ul{list-style:none;padding:0 16px;margin:0 auto;max-width:1152px;display:grid;grid-auto-flow:column;grid-auto-columns:72%;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:16px;scrollbar-width:none;overscroll-behavior-x:contain}
.chux-pruebas ul::-webkit-scrollbar{display:none}
.chux-pruebas li{scroll-snap-align:start}
.chux-pruebas a{display:flex;align-items:center;gap:12px;height:100%;min-height:76px;background:#fff;border:1px solid var(--borde);border-radius:16px;padding:12px 14px;text-decoration:none;color:var(--pizarra)}
.chux-pruebas a:hover{border-color:var(--azul)}
.chux-pruebas .chux-ico-dato{width:40px;height:40px;border-radius:12px;background:var(--azul-claro);color:var(--azul);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.chux-pruebas b{display:block;font-size:21px;line-height:1.15;font-weight:800}
.chux-pruebas small{display:block;font-size:13px;line-height:1.35;color:var(--txt3)}
@media (min-width:768px){.chux-pruebas ul{grid-auto-flow:row;grid-template-columns:repeat(3,1fr);overflow:visible}}

/* ---------- e.4 Chips de navegación fija ---------- */
.chux-chips{position:sticky;top:var(--chux-cab);z-index:35;background:rgba(255,255,255,.96);border-bottom:1px solid var(--borde);box-shadow:0 4px 12px -8px rgba(15,23,42,.25);transition:transform .3s ease}
@supports (backdrop-filter:blur(6px)){.chux-chips{background:rgba(255,255,255,.88);backdrop-filter:blur(6px)}}
.chux-chips.is-oculta{transform:translateY(-110%)}
.chux-chips:focus-within{transform:none}
.chux-chips ul{list-style:none;margin:0 auto;max-width:1152px;padding:4px 16px;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}
.chux-chips ul::-webkit-scrollbar{display:none}
.chux-chips a{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--borde2);background:#fff;color:var(--pizarra);font-size:15px;font-weight:700;text-decoration:none;white-space:nowrap}
.chux-chips a:hover{border-color:var(--azul);color:var(--azul)}
.chux-chips a[aria-current="true"]{background:var(--azul);border-color:var(--azul);color:#fff}
.chux-chips a:focus-visible{outline-color:var(--azul)}

/* ---------- Secciones ---------- */
.chux-sec{padding:32px 0}
.chux-sec--clara{background:var(--gris2)}
.chux-sec--seguros{background:var(--azul-fondo);border-top:1px solid #BAE6FD;border-bottom:1px solid #BAE6FD}
.chux-sec .chux-cont{display:flex;flex-direction:column;gap:16px}
.chux-cab-sec{display:flex;flex-direction:column;gap:8px;max-width:760px}
.chux-h2{font-size:23px;line-height:1.2;font-weight:800;letter-spacing:-.01em;text-wrap:balance}
.chux-intro{font-size:16px;color:var(--txt2)}
.chux-txt{font-size:15.5px;color:var(--txt2)}
.chux-txt-peq{font-size:14px;color:var(--txt3);line-height:1.5}
@media (min-width:768px){.chux-chips ul{padding:8px 16px}}
@media (min-width:1024px){.chux{font-size:17px}.chux-sec{padding:64px 0}.chux-sec .chux-cont{gap:22px}.chux-h2{font-size:32px}.chux-intro{font-size:19px}.chux-txt{font-size:17px}.chux-lista,.chux-resumen{font-size:16px;gap:9px}.chux-faq>summary{font-size:17px;min-height:60px}.chux-faq-resp{font-size:16.5px}.chux-amparo{padding:22px}.chux-tarjeta p{font-size:16px}}

/* ---------- e.7 Carrusel de preocupaciones ---------- */
.chux-carrusel{margin:0 -16px}
.chux-pista{list-style:none;margin:0;display:grid;grid-auto-flow:column;grid-auto-columns:88%;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:16px;padding:4px 16px 8px;overscroll-behavior-x:contain;scrollbar-width:none}
.chux-pista::-webkit-scrollbar{display:none}
.chux-tarjeta{scroll-snap-align:start;background:#fff;border:1px solid var(--borde2);border-radius:20px;padding:18px;display:flex;flex-direction:column;gap:8px}
.chux-tarjeta .chux-ico-preo{width:44px;height:44px;border-radius:14px;background:var(--ambar-fondo);color:var(--ambar-osc);display:flex;align-items:center;justify-content:center}
.chux-tarjeta h3{font-size:18px;line-height:1.3;font-weight:800}
.chux-tarjeta p{font-size:15px;line-height:1.55;color:var(--txt2);flex:1}
.chux-tarjeta a{font-weight:700;font-size:15px;display:inline-flex;align-items:center;gap:6px;min-height:44px}
.chux-carrusel-ctrl{display:none;align-items:center;justify-content:space-between;gap:12px;padding:4px 16px 0}
.js .chux-carrusel-ctrl{display:flex}
.chux-contador{font-size:15px;font-weight:700;color:var(--txt3)}
.chux-carrusel-btns{display:flex;gap:8px}
.chux-flecha{width:44px;height:44px;border-radius:999px;border:1px solid var(--borde2);background:#fff;color:var(--pizarra);display:flex;align-items:center;justify-content:center;cursor:pointer}
.chux-flecha[aria-disabled="true"]{opacity:.4;cursor:default}
.chux-flecha:focus-visible{outline-color:var(--azul)}
@media (min-width:768px){
  .chux-carrusel{margin:0}
  .chux-pista{grid-auto-flow:row;grid-template-columns:repeat(2,1fr);overflow:visible;padding:0}
  .js .chux-carrusel-ctrl{display:none}
}
@media (min-width:1200px){.chux-pista{grid-template-columns:repeat(4,1fr)}}

/* ---------- e.5 Planes con pestañas ---------- */
.chux-vinetas{list-style:none;padding:0;display:flex;flex-direction:column;gap:8px}
.chux-vinetas li{display:flex;gap:10px;font-size:15.5px;line-height:1.45;color:var(--txt2);align-items:flex-start}
.chux-vinetas svg{margin-top:2px;color:var(--azul)}
.chux-tablist{display:none}
.js .chux-planes:not(.es-rejilla) .chux-tablist{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;background:var(--borde);padding:4px;border-radius:16px}
.chux-tab{min-height:60px;padding:6px 4px;border:0;border-radius:12px;background:transparent;color:var(--pizarra);font:inherit;font-size:15px;font-weight:800;line-height:1.2;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}
.chux-tab small{font-size:11px;font-weight:600;color:var(--txt3);line-height:1.2;text-align:center}
.chux-tab[aria-selected="true"]{background:var(--azul);color:#fff;box-shadow:0 4px 12px -4px rgba(3,105,161,.6)}
.chux-tab[aria-selected="true"] small{color:#E0F2FE}
.chux-tab:focus-visible{outline-color:var(--azul)}
.chux-paneles{display:grid;gap:16px}
.js .chux-planes:not(.es-rejilla) .chux-paneles{gap:0}
.chux-plan{border:1px solid var(--borde2);border-radius:20px;padding:18px 16px;display:flex;flex-direction:column;gap:10px;background:#fff}
.chux-plan--dest{background:var(--pizarra);color:#E2E8F0;border:0;box-shadow:0 20px 25px -10px rgba(15,23,42,.35)}
.chux-plan--dest h3,.chux-plan--dest .chux-plan-precio,.chux-plan--dest strong{color:#fff}
.chux-plan--dest .chux-plan-precio-det{color:#CBD5E1}
.chux-plan--dest .chux-plan-pago{background:rgba(255,255,255,.08);color:#E2E8F0}
.chux-plan--dest :focus-visible{outline-color:var(--ambar)}
.chux-insignia{align-self:flex-start;font-size:12.5px;font-weight:800;padding:4px 12px;border-radius:999px;letter-spacing:.03em;line-height:1.4}
.chux-insignia--ambar{background:var(--ambar);color:var(--pizarra)}
.chux-insignia--celeste{background:var(--azul-claro);color:var(--azul-osc)}
.chux-insignia--verde{background:#DCFCE7;color:var(--verde-osc)}
.chux-h3-plan{font-size:22px;font-weight:800;line-height:1.2}
.chux-plan-precio{font-size:26px;font-weight:800;line-height:1.15}
.chux-plan-precio-det{font-size:15px;font-weight:600;color:var(--txt2)}
.chux-plan-pago{font-size:15px;background:var(--azul-fondo);border-radius:10px;padding:8px 12px}
.chux-lista{list-style:none;padding:0;display:flex;flex-direction:column;gap:6px;font-size:15px;line-height:1.5}
.chux-lista li{display:flex;gap:10px;align-items:flex-start}
.chux-lista svg{margin-top:2px}
.chux-plan [role="tabpanel"]:focus-visible{outline-color:var(--azul)}
.chux [role="tabpanel"]:focus-visible{outline:3px solid var(--azul);outline-offset:4px;border-radius:22px}
@media (min-width:1024px){
  .chux-planes.es-rejilla .chux-paneles{grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch}
  .chux-plan{padding:26px 22px}
}
.chux-subbloque{background:#fff;border:1px solid var(--borde);border-radius:20px;padding:16px;display:flex;flex-direction:column;gap:10px}
.chux-subbloque .chux-h2{font-size:20px}
@media (min-width:1024px){.chux-subbloque{padding:28px}.chux-subbloque .chux-h2{font-size:26px}}
.chux-dato-ejemplo{display:flex;flex-direction:column;gap:2px;background:var(--azul-fondo);border-radius:14px;padding:12px 14px}

/* ---------- e.8 Acordeones ---------- */
.chux-acc{background:#fff;border:1px solid var(--borde);border-radius:14px}
.chux-acc>summary{list-style:none;display:flex;align-items:center;gap:10px;min-height:48px;padding:8px 14px;cursor:pointer;font-weight:700;font-size:15.5px;line-height:1.35;border-radius:14px}
.chux-acc>summary::-webkit-details-marker{display:none}
.chux-acc>summary:hover{background:var(--gris2)}
.chux-acc>summary .chux-chev{color:var(--azul);transition:transform .2s}
.chux-acc[open]>summary .chux-chev{transform:rotate(90deg)}
.chux-acc>summary .chux-sum-txt{flex:1}
.chux-acc>summary .chux-estado{font-size:13px;font-weight:700;color:var(--azul);white-space:nowrap}
.chux-estado .b{display:none}
.chux-acc[open]>summary .chux-estado .a{display:none}
.chux-acc[open]>summary .chux-estado .b{display:inline}
.chux-sum-h{display:inline;font-size:inherit;font-weight:inherit;line-height:inherit;margin:0}
.chux-acc-cuerpo{padding:2px 16px 16px;display:flex;flex-direction:column;gap:12px}
.chux-acc--si>summary .chux-sum-txt{color:var(--verde-osc)}
.chux-acc--no>summary .chux-sum-txt{color:var(--rojo-osc)}
.chux-acordeones{display:flex;flex-direction:column;gap:6px}
@media (prefers-reduced-motion:no-preference){
  @supports (interpolate-size:allow-keywords){
    .chux-acc{interpolate-size:allow-keywords}
    .chux-acc::details-content{block-size:0;overflow:hidden;transition:block-size .25s ease,content-visibility .25s allow-discrete}
    .chux-acc[open]::details-content{block-size:auto}
  }
}
.chux-btn-sec{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:12px;border:2px solid var(--azul);background:#fff;color:var(--azul);font:inherit;font-size:15px;font-weight:800;cursor:pointer;text-decoration:none}
.chux-btn-sec:hover{background:var(--azul-fondo)}
.chux-btn-sec:focus-visible{outline-color:var(--azul)}
.no-js-oculto{display:none}
.js .no-js-oculto{display:inline-flex}

/* ---------- Tablas (e.6): apiladas por atributo en celular ---------- */
.chux-tabla{width:100%;border-collapse:collapse;font-size:15.5px}
.chux-tabla caption{text-align:left;font-size:14px;color:var(--txt3);padding:0 0 10px}
.chux-tabla th,.chux-tabla td{text-align:left;vertical-align:top;padding:12px 14px}
.chux-tabla thead th{background:var(--gris);font-weight:800}
.chux-tabla thead th.dest{color:var(--azul)}
.chux-tabla tbody tr{border-top:1px solid var(--borde)}
.chux-tabla tbody th{font-weight:700}
.chux-tabla--azul thead th{background:var(--azul);color:#fff}
@media (max-width:767.98px){
  .chux-tabla,.chux-tabla tbody,.chux-tabla tr,.chux-tabla th,.chux-tabla td{display:block}
  .chux-tabla thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
  .chux-tabla caption{display:block}
  .chux-tabla tbody tr{border:1px solid var(--borde);border-radius:14px;margin-bottom:10px;background:#fff;overflow:hidden}
  .chux-tabla tbody th{background:var(--gris);padding:10px 14px;font-size:15.5px}
  .chux-tabla tbody th[data-etq]::before{content:attr(data-etq) ": ";font-weight:600;color:var(--txt3)}
  .chux-tabla td{display:grid;grid-template-columns:7.2rem 1fr;gap:10px;padding:8px 14px;border-top:1px solid var(--gris)}
  .chux-tabla td::before{content:attr(data-plan);font-weight:700;color:var(--txt3);font-size:14px}
}

/* ---------- Pasos ---------- */
.chux-pasos{list-style:none;padding:0;display:grid;gap:0;counter-reset:p}
.chux-paso{display:grid;grid-template-columns:40px 1fr;gap:14px;position:relative;padding-bottom:14px}
.chux-paso:not(:last-child)::before{content:"";position:absolute;left:19px;top:42px;bottom:2px;width:2px;background:#BAE6FD}
.chux-paso-num{width:40px;height:40px;border-radius:50%;background:var(--azul);color:#fff;font-size:18px;font-weight:800;display:flex;align-items:center;justify-content:center}
.chux-paso-txt{font-size:15.5px;line-height:1.5;color:var(--txt2);padding-top:6px}
.chux-paso-tit{display:block;font-size:17px;color:var(--pizarra)}
@media (min-width:1024px){
  .chux-pasos{grid-template-columns:repeat(3,1fr);gap:20px}
  .chux-paso{grid-template-columns:1fr;background:#fff;border-radius:18px;padding:22px;border:1px solid var(--borde)}
  .chux-paso::before{display:none}
}

/* ---------- e.9 Seguros ---------- */
.chux-rejilla-amparos{display:grid;gap:16px}
@media (min-width:1024px){.chux-rejilla-amparos{grid-template-columns:1fr 1fr;gap:22px;align-items:start}}
.chux-amparo{background:#fff;border-radius:20px;padding:16px;display:flex;flex-direction:column;gap:10px;box-shadow:0 1px 0 var(--borde),0 8px 24px -16px rgba(15,23,42,.3)}
.chux-amparo-cab{display:flex;gap:12px;align-items:flex-start}
.chux-amparo-ico{width:44px;height:44px;border-radius:14px;background:var(--azul-claro);color:var(--azul);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.chux-amparo h3{font-size:19px;line-height:1.25;font-weight:800}
.chux-resumen{list-style:none;padding:0;display:flex;flex-direction:column;gap:6px;font-size:15px;line-height:1.5;color:var(--txt2)}
.chux-resumen li{display:flex;gap:10px;align-items:flex-start}
.chux-resumen svg{margin-top:2px;color:var(--azul)}
.chux-amparo .chux-acc{border-color:var(--borde);background:var(--gris2)}
.chux-amparo .chux-acc>summary:hover{background:var(--gris)}
.chux-nota{font-size:15.5px;color:var(--txt2)}
.chux-alerta{background:var(--ambar-fondo);border:1px solid #FDE68A;border-left:6px solid var(--ambar-osc);border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:10px}
.chux-alerta-cab{display:flex;gap:10px;align-items:flex-start}
.chux-alerta-cab svg{color:var(--ambar-osc);margin-top:3px}
.chux-alerta h3{font-size:18px;line-height:1.25;font-weight:800}
.chux-alerta .chux-acc{background:#fff;border-color:#FDE68A}
.chux-lista-num{padding-left:22px;display:flex;flex-direction:column;gap:10px;font-size:16px;color:var(--txt2)}
.chux-lista-num strong{color:var(--pizarra)}
.chux-ampliar .chux-acc-cuerpo{gap:14px}
.chux-descargas{display:grid;gap:10px}
@media (min-width:640px){.chux-descargas{grid-template-columns:1fr 1fr}}
.chux-descarga,.chux-descarga:hover{display:flex;align-items:center;gap:12px;min-height:56px;padding:8px 14px;border-radius:14px;background:#fff;border:2px solid var(--azul);color:var(--azul);font-size:15.5px;font-weight:800;line-height:1.3;text-decoration:none}
.chux-descarga:hover{background:var(--azul-fondo)}
.chux-descarga-det{display:block;font-size:13px;font-weight:600;color:var(--txt3)}
.chux-clausulados{display:flex;flex-direction:column;gap:10px}
.chux-clausulados h3{font-size:18px;font-weight:800}
.chux-dato-cartera{background:#fff;border:1px solid #BAE6FD;border-radius:16px;padding:12px 14px;font-size:14.5px;line-height:1.5;color:var(--txt2);display:flex;gap:12px;align-items:flex-start}
.chux-dato-cartera svg{color:var(--azul);margin-top:2px}

/* ---------- CTA ---------- */
.chux-cta{background:var(--ambar);border-radius:20px;padding:20px 18px;display:flex;flex-direction:column;gap:12px;box-shadow:0 4px 6px -1px rgba(15,23,42,.12)}
.chux-cta h2{font-size:21px;line-height:1.25;font-weight:800}
.chux-cta p{font-size:15.5px}
.chux-btn-oscuro,.chux-btn-oscuro:hover{align-self:stretch;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 24px;border-radius:14px;background:#020617;color:#fff;font-size:17px;font-weight:800;text-decoration:none}
.chux-cta :focus-visible{outline-color:#020617}
@media (min-width:768px){.chux-cta{flex-direction:row;align-items:center;justify-content:space-between;padding:30px 32px}.chux-cta h2{font-size:28px}.chux-btn-oscuro{align-self:auto}}

/* ---------- e.13 FAQ ---------- */
.chux-faq-cont{max-width:880px}
.chux-faq-cab{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap}
.chux-faq{background:#fff;border:1px solid var(--borde2);border-radius:16px}
.chux-faq>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:56px;padding:10px 14px;font-size:16px;font-weight:700;line-height:1.35;cursor:pointer;border-radius:16px}
.chux-faq>summary::-webkit-details-marker{display:none}
.chux-faq>summary:hover{background:var(--gris2)}
.chux-masmenos{flex-shrink:0;width:32px;height:32px;border-radius:50%;background:var(--azul-claro);color:var(--azul);display:flex;align-items:center;justify-content:center}
.chux-masmenos .v{transition:transform .2s;transform-origin:center}
.chux-faq[open] .chux-masmenos .v{transform:scaleY(0)}
.chux-faq-resp{padding:0 14px 14px;font-size:15.5px;color:var(--txt2)}
.chux-lista-faq{display:flex;flex-direction:column;gap:8px}

/* ---------- e.12 Formulario ---------- */
.chux-form-sec{background:var(--pizarra);background-image:linear-gradient(to bottom right,#0F172A,#082F49,#0F172A);color:#fff;padding:32px 0}
.chux-form-sec .chux-cont{display:grid;gap:20px;align-items:start}
.chux-form-intro{display:flex;flex-direction:column;gap:10px}
.chux-form-intro h2{font-size:24px;line-height:1.2;font-weight:800}
.chux-form-intro p{font-size:16px;color:#E2E8F0}
.chux-form-contacto{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.chux-btn-claro,.chux-btn-claro:hover{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 12px;border-radius:12px;background:#fff;color:var(--azul);font-size:15px;font-weight:800;text-decoration:none;text-align:center;line-height:1.2}
.chux-btn-wa,.chux-btn-wa:hover{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 12px;border-radius:12px;background:var(--wa);color:var(--pizarra);font-size:15px;font-weight:800;text-decoration:none;text-align:center;line-height:1.2}
.chux-form{background:#fff;color:var(--pizarra);border-radius:20px;padding:18px 16px;display:flex;flex-direction:column;gap:14px}
.chux-form :focus-visible{outline-color:var(--azul)}
.chux-progreso{display:none;flex-direction:column;gap:6px}
.js .chux-progreso{display:flex}
.chux-progreso-txt{font-size:14px;font-weight:800;color:var(--azul)}
.chux-progreso-barra{height:8px;border-radius:999px;background:var(--borde);overflow:hidden}
.chux-progreso-barra span{display:block;height:100%;width:50%;background:var(--azul);border-radius:999px;transition:width .3s}
.chux-paso-form{border:0;margin:0;padding:0;min-width:0;display:flex;flex-direction:column;gap:14px}
.chux-paso-form legend{font-size:19px;font-weight:800;padding:0;margin-bottom:4px}
.chux-paso-form legend:focus{outline:none}
.chux-campo-grupo{display:flex;flex-direction:column;gap:6px}
.chux-etq{font-size:16px;font-weight:700}
.chux-etq .op{font-weight:500;color:var(--txt3)}
.chux-obl{font-weight:600;color:var(--txt3)}
.chux-input{min-height:50px;font:inherit;font-size:17px;padding:0 14px;border:2px solid #64748B;border-radius:12px;width:100%;color:var(--pizarra);background:#fff}
.chux-input[aria-invalid="true"]{border-color:#B91C1C;background:#FEF2F2}
.chux-error{font-size:14.5px;font-weight:700;color:#B91C1C;display:flex;gap:6px;align-items:center}
.chux-error[hidden]{display:none}
.chux-opciones{border:0;margin:0;padding:0;min-width:0}
.chux-opciones legend{font-size:16px;font-weight:700;padding:0;margin-bottom:8px}
.chux-chips-radio{display:flex;flex-wrap:wrap;gap:8px}
.chux-chip-radio{position:relative}
.chux-chip-radio input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.chux-chip-radio span{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:0 16px;border-radius:999px;border:2px solid var(--borde2);font-size:15.5px;font-weight:700;background:#fff;color:var(--pizarra)}
.chux-chip-radio input:checked+span{background:var(--azul);border-color:var(--azul);color:#fff}
.chux-chip-radio input:focus-visible+span{outline:3px solid var(--azul);outline-offset:2px}
.chux-casilla-fila{display:flex;gap:12px;align-items:flex-start}
.chux-casilla{width:28px;height:28px;margin:2px 0 0;flex-shrink:0;accent-color:var(--azul)}
.chux-casilla-etq{font-size:15.5px;line-height:1.5}
.chux-aviso-datos{background:var(--gris2);border-color:var(--borde)}
.chux-aviso-datos .chux-acc-cuerpo p{font-size:14.5px;line-height:1.5;color:var(--txt2);overflow-wrap:anywhere}
/* reCAPTCHA v2 real (304 × 78 px): se reduce en pantallas angostas, como en la página anterior */
.chux-captcha{container-type:inline-size;overflow:hidden;min-height:78px}
@container (max-width:303.98px){.chux-captcha .g-recaptcha{transform:scale(.8);transform-origin:0 0}}
@container (max-width:243.98px){.chux-captcha .g-recaptcha{transform:scale(.72)}}
.chux-trampa{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.chux-btn-fila{display:flex;flex-direction:column;gap:8px}
.chux-enviar{min-height:54px;border:0;border-radius:14px;background:var(--ambar);color:var(--pizarra);font:inherit;font-size:18px;font-weight:800;cursor:pointer;padding:0 16px}
.chux-enviar:hover{background:#F59E0B}
.chux-continuar{display:none}
.js .chux-continuar{display:inline-flex;align-items:center;justify-content:center;gap:8px}
.chux-volver{display:none;min-height:44px;border:0;background:none;color:var(--azul);font:inherit;font-weight:700;cursor:pointer;text-decoration:underline;align-self:center}
.js .chux-volver{display:inline-flex;align-items:center}
.chux-resumen-err{border:2px solid #B91C1C;border-radius:12px;padding:12px 14px;background:#FEF2F2}
.chux-resumen-err h3{font-size:16px;color:#7F1D1D;margin-bottom:6px}
.chux-resumen-err ul{padding-left:20px;font-size:15px}
.chux-resumen-err a{color:#7F1D1D;font-weight:700}
@media (min-width:1024px){
  .chux-form-sec{padding:64px 0}
  .chux-form-sec .chux-cont{grid-template-columns:.9fr 1.1fr;gap:48px}
  .chux-form-intro h2{font-size:34px}
  .chux-form-contacto{display:flex;flex-direction:column;align-items:flex-start}
  .chux-form{padding:30px 28px}
}

/* ---------- Responsable ---------- */
.chux-nobr{white-space:nowrap}
@media (max-width:479.98px){.chux-form-contacto{display:grid!important;grid-template-columns:1fr!important}}
.chux-aviso-visible{font-size:14px;line-height:1.5;color:var(--txt2);margin:4px 0 12px}
.chux-aviso-visible p{margin:0}
.chux-responsable{padding:24px 0;background:var(--gris2);font-size:15px;color:var(--txt2)}

/* ---------- e.11 Barra inferior (solo celular) + flotantes de escritorio ---------- */
.chux-barra{display:none}
@media (max-width:767.98px){
  .js body.pagina-adm-ux{padding-bottom:72px}
  .js .chux-barra{display:grid;grid-template-columns:1fr 1fr;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:30;padding:6px 16px calc(6px + env(safe-area-inset-bottom,0px));background:#fff;border-top:1px solid var(--borde);box-shadow:0 -8px 24px -12px rgba(15,23,42,.35);transition:transform .25s ease}
  .chux-barra.is-oculta{transform:translateY(110%)}
}
/* En celular la barra reemplaza a los dos botones flotantes (solo en esta página y solo con JavaScript) */
@media (max-width:767.98px){html.js body.pagina-adm-ux .chadm-flotante,html.js body.pagina-adm-ux .chcf-flotante{display:none!important}}
.chux-barra-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 6px;border-radius:12px;font:inherit;font-size:16px;font-weight:800;text-decoration:none;cursor:pointer;white-space:nowrap;min-width:0}
@media (max-width:374.98px){.chux-barra-btn{font-size:14.5px;gap:6px}.chux-barra-btn svg{width:18px;height:18px}}
@media (max-width:339.98px){.chux-barra-btn svg{display:none}}
/* Botón de cookies (.chck-flotante, global): si existe y la barra está visible, se sube para no quedar tapado */
@media (max-width:767.98px){body.chux-barra-visible .chck-flotante{bottom:calc(72px + env(safe-area-inset-bottom,0px))!important;transition:bottom .25s}}
.chux-barra-btn--sec{border:2px solid var(--azul);background:#fff;color:var(--azul)}
.chux-barra-btn--wa,.chux-barra-btn--wa:hover{border:0;background:var(--wa);color:var(--pizarra)}
.chux-barra :focus-visible{outline-color:var(--azul)}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}:where(.chux,.chux-barra),:where(.chux,.chux-barra) *,:where(.chux,.chux-barra) *::before,:where(.chux,.chux-barra) *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
@media print{
  .chux-chips,.chux-barra,.chadm-flotante,.chcf-flotante,.chux-carrusel-ctrl,.chux-tablist{display:none!important}
  .chux details>*:not(summary){display:block!important}
  .chux [hidden="until-found"]{display:block!important;content-visibility:visible!important}
}