/* NOTA v3.1 (2026-11-08): los comentarios de esta hoja que hablan de navy, steel, stone, crema o de los
   hex de agosto describen el sistema v3, ya superado. Los colores reales salen de /tokens.css (ranuras
   --c-* que apuntan a los tokens v3.1: noche, chrome verde profundo, oro antiguo, marfil en bandas) y el
   GUARDIAN 19 del armado impide que vuelvan los colores viejos. */
/* embudo.css — piezas que comparten los cinco embudos (2026-11-05).
   Las pinta /embudo.js o el resultado de cada embudo. Colores de la casa en
   valor, no en variable: cada embudo declara su propia paleta y no todas tienen
   las mismas variables; una pieza compartida no puede depender de eso.
   Contraste medido sobre el fondo mas claro de los resultados (#0B1626):
   #D2CBBF 11,9:1 · #B0A898 8,1:1 · #C9A45E 7,8:1. */

/* El entregable: lo que se le promete al lead, con su enlace. Va siempre con
   data-promesa (lo exige el guardian de promesas). */
.entrega{margin:44px 0 24px;padding:26px 24px;background:color-mix(in srgb, var(--c-oro) 6%, transparent);border:1px solid color-mix(in srgb, var(--c-oro) 22%, transparent);border-radius:12px;text-align:center}
.entrega__eyebrow{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--c-oro-texto);margin:0 0 10px}
.entrega__titulo{font-family:'Playfair Display',Georgia,serif;font-weight:700;font-size:1.3rem;line-height:1.3;color:var(--c-tinta-4);margin:0 0 10px;overflow-wrap:anywhere}
.entrega__texto{color:var(--c-cuerpo-5);font-size:.92rem;line-height:1.6;max-width:540px;margin:0 auto}
.entrega__enlaces{display:flex;flex-wrap:wrap;gap:10px 18px;justify-content:center;margin-top:16px}
.entrega__enlaces a{display:inline-flex;align-items:center;min-height:44px;padding:0 4px;color:var(--c-oro-claro-texto);font-size:14px;text-decoration:underline;text-underline-offset:3px}
.entrega__enlaces a:focus-visible{outline:2px solid var(--c-oro-claro);outline-offset:2px}
@media (hover:hover){.entrega__enlaces a:hover{color:var(--c-tinta-4)}}

/* La linea de SB 264 (Florida, 2023): en todo resultado de lectura internacional.
   Texto aprobado: "por regla general" + la revision legal confirma que y donde.
   No nombra ni etiqueta ningun pais. */
.nota-sb264{max-width:680px;margin:28px auto 0;padding:14px 16px;border-left:2px solid color-mix(in srgb, var(--c-oro) 45%, transparent);background:color-mix(in srgb, var(--c-oro) 4%, transparent);color:var(--c-cuerpo-5);font-size:13px;line-height:1.6;text-align:left}

/* La barra fija del resultado: el boton dice ahora "Agendar mi asesoria estrategica" (plan
   maestro §2; antes "Ver mis 3 proyectos", mas corto). En telefono el boton ocupa el ancho
   entero y cada embudo lo declara white-space:nowrap: a 320 px la flecha se salia 20 px de la
   barra (medido por [C] sabotaje-barra-libre.mjs el 2026-11-05). Un rotulo de boton puede
   partirse en dos lineas; un dato no. DEPENDE DEL ORDEN: esta hoja se carga DESPUES del
   estilo en linea de cada embudo (al final del head) y por eso gana a igual especificidad. */
@media (max-width:640px){.sticky-cta a{white-space:normal;text-align:center;line-height:1.35}}

/* Terminos y privacidad debajo del boton: enlaces, no un segundo consentimiento. */
.legal-links{font-size:12px;color:var(--c-cuerpo);margin-top:8px;text-align:center;line-height:1.5}
.legal-links a{color:var(--c-oro-texto);text-decoration:underline;text-underline-offset:3px}

/* Calculadora: la entrada la elige el usuario como supuesto suyo, y la tasa es
   un ejemplo que se ajusta. */
.supuestos{margin:22px 0 6px;display:grid;gap:16px}
.supuestos__label{display:block;font-size:13px;color:var(--c-cuerpo-5);margin:0 0 8px}
.supuestos__label small{color:var(--c-apagado-4);font-size:12px}
.entrada-chips{display:flex;flex-wrap:wrap;gap:8px}
.entrada-chip{min-height:44px;min-width:64px;padding:0 14px;border-radius:8px;border:1px solid color-mix(in srgb, var(--c-oro) 40%, transparent);background:transparent;color:var(--c-champan);font:inherit;font-size:15px;cursor:pointer;transition:background .2s ease,border-color .2s ease}
.entrada-chip.selected{background:var(--c-primario);border-color:var(--c-oro);color:var(--c-sobre-primario);font-weight:600}
.entrada-chip:focus-visible{outline:2px solid var(--c-oro-claro);outline-offset:2px}
@media (hover:hover){.entrada-chip:hover{border-color:var(--c-oro-claro)}}
.tasa-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.tasa-input{width:7.5ch;min-height:44px;padding:0 10px;border-radius:8px;border:1px solid color-mix(in srgb, var(--c-oro) 40%, transparent);background:rgba(255,255,255,.04);color:var(--c-tinta-4);font:inherit;font-size:16px}
.tasa-input:focus-visible{outline:2px solid var(--c-oro-claro);outline-offset:2px}
.supuestos__resumen{font-size:14px;line-height:1.6;color:var(--c-cuerpo-5);margin:4px 0 0}
.supuestos__resumen strong{color:var(--c-tinta-4);white-space:nowrap}
@media (prefers-reduced-motion:reduce){.entrada-chip{transition:none}}