/* Formulario y páginas del embudo. Misma familia visual que la landing de Sofia : azul noche, celeste, naranja solo para la acción. */
:root{
  --pg-noche:#04101e; --pg-azul:#2c43ba; --pg-cielo:#00b0f4; --pg-naranja:#de6137; --pg-naranja-osc:#c24f28;
  --pg-claro:#f0f5fb; --pg-gris:#e2eaf4; --pg-texto:#04101e; --pg-suave:#4a6278; --pg-error:#b3261e; --pg-ok:#0f7a55;
  --pg-curva:cubic-bezier(.16,1,.3,1);
}

/* ─── Formulario ─── */
.ev{position:relative;max-width:780px;margin:32px auto 0;background:#fff;color:var(--pg-texto);border-radius:24px;padding:clamp(24px,5vw,48px);text-align:left;box-shadow:0 30px 80px rgba(0,0,0,.35);scroll-margin-top:90px}
.ev-cabeza{margin-bottom:24px}
.ev-eyebrow{font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--pg-naranja-osc);margin:0 0 10px}
.ev-titulo{font-size:clamp(24px,4vw,34px);font-weight:800;line-height:1.08;letter-spacing:-.02em;margin:0 0 10px;color:var(--pg-texto)}
.ev-bajada{font-size:15px;line-height:1.6;color:var(--pg-suave);margin:0}
.ev-form{display:grid;grid-template-columns:1fr 1fr;gap:16px 18px}
.ev-ancho{grid-column:1/-1}
.ev-campo{display:flex;flex-direction:column;gap:6px;min-width:0}
.ev-campo>label{font-size:13px;font-weight:600;color:var(--pg-texto)}
.ev-campo input[type=text],.ev-campo input[type=tel],.ev-campo input[type=email],.ev-campo textarea{width:100%;font:inherit;font-size:16px;color:var(--pg-texto);background:var(--pg-claro);border:1.5px solid var(--pg-gris);border-radius:12px;padding:13px 14px;transition:border-color .2s,box-shadow .2s,background-color .2s}
.ev-campo textarea{resize:vertical;min-height:104px}
.ev-campo input:hover,.ev-campo textarea:hover{border-color:var(--pg-suave)}
.ev-campo input:focus,.ev-campo textarea:focus{outline:none;background:#fff;border-color:var(--pg-azul);box-shadow:0 0 0 4px rgba(44,67,186,.14)}
.ev-campo [aria-invalid=true]{border-color:var(--pg-error);background:#fdf3f2}
.ev-error{font-size:13px;font-weight:600;color:var(--pg-error);margin:0}
.ev-aviso{grid-column:1/-1;margin:0 0 14px;padding:12px 14px;border-radius:10px;background:#fdf3f2;color:var(--pg-error);font-size:14px;font-weight:600}
.ev-consent label{display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:start;font-size:13px;font-weight:400;line-height:1.55;color:var(--pg-suave);cursor:pointer}
.ev-consent input{width:20px;height:20px;margin:0;accent-color:var(--pg-azul)}
.ev-consent input[aria-invalid=true]{outline:2px solid var(--pg-error);outline-offset:2px}
.ev-consent a{color:var(--pg-azul);text-decoration:underline}
.ev-trampa{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.ev-accion{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:6px}
.ev-boton{display:inline-flex;align-items:center;justify-content:center;gap:10px;font:inherit;font-size:15px;font-weight:700;color:#fff;background:var(--pg-naranja);border:0;border-radius:60px;padding:17px 30px;cursor:pointer;box-shadow:0 8px 28px rgba(222,97,55,.4);transition:transform .3s var(--pg-curva),box-shadow .3s var(--pg-curva),background-color .2s}
.ev-boton:hover{transform:translateY(-2px);box-shadow:0 14px 38px rgba(222,97,55,.55)}
.ev-boton:active{transform:translateY(0) scale(.985)}
.ev-boton:focus-visible,.ev-wa:focus-visible,.pa-plan:focus-visible,.pg-boton:focus-visible{outline:3px solid var(--pg-azul);outline-offset:3px}
.ev-boton[disabled]{opacity:.65;cursor:progress;transform:none;box-shadow:none}
.ev-wa{font-size:14px;font-weight:500;color:var(--pg-suave);text-decoration:underline;text-underline-offset:3px}
.ev-wa:hover{color:var(--pg-texto)}
.ev-demora{flex-basis:100%;margin:0;font-size:14px;color:var(--pg-suave)}
.ev-demora a{color:var(--pg-azul);text-decoration:underline}
@media(max-width:600px){.ev-form{grid-template-columns:1fr}.ev-boton{width:100%}}

/* ─── Pie legal, común a todas las páginas ─── */
.pie-legal{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 22px;margin:0 0 16px;font-size:13px}
.pie-legal a{color:rgba(255,255,255,.72);text-decoration:underline;text-underline-offset:3px}
.pie-legal a:hover{color:#fff}
.pie-legal .pie-arrepentimiento{font-size:14px;font-weight:700;color:#fff;border:1px solid rgba(255,255,255,.4);border-radius:40px;padding:7px 16px;text-decoration:none}
.pie-legal .pie-arrepentimiento:hover{background:rgba(255,255,255,.1)}

/* ─── Páginas ─── */
.pg{margin:0;min-height:100svh;display:flex;flex-direction:column;background:var(--pg-claro);color:var(--pg-texto);font-family:'Montserrat',system-ui,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
.pg *,.ev *{box-sizing:border-box}
.pg-barra{background:var(--pg-noche);padding:12px clamp(20px,5vw,48px)}
.pg-marca{display:inline-flex;align-items:center;gap:12px;color:#fff;font-weight:800;letter-spacing:-.01em;text-decoration:none}
.pg-marca img{border-radius:4px}
.pg-main{flex:1;width:100%;max-width:820px;margin:0 auto;padding:clamp(24px,5vw,56px) 16px}
.pg-carta{background:#fff;border-radius:22px;padding:clamp(24px,5vw,48px);box-shadow:0 24px 60px rgba(4,16,30,.09)}
.pg-carta h1{font-size:clamp(26px,5vw,38px);font-weight:800;line-height:1.08;letter-spacing:-.02em;margin:0 0 14px}
.pg-carta p{margin:0 0 14px}
.pg-carta-form .ev-form{margin-top:22px}
.pg-carta-ok{text-align:center}
.pg-ola{display:block;width:132px;height:14px;margin:0 auto 22px;color:var(--pg-cielo)}
.pg-boton{display:inline-flex;font-size:15px;font-weight:700;color:#fff;background:var(--pg-naranja);border-radius:60px;padding:15px 28px;text-decoration:none;transition:transform .3s var(--pg-curva),background-color .2s}
.pg-boton:hover{transform:translateY(-2px)}
.pg-boton-sec{background:var(--pg-noche)}
.pg-nota{font-size:14px;color:var(--pg-suave)}
.pg-nota a{color:var(--pg-azul)}
.pg-codigo{display:inline-block;font-size:20px;letter-spacing:.06em;color:var(--pg-azul)}
.pg-exito{padding:12px 14px;border-radius:10px;background:#e7f6f0;color:var(--pg-ok);font-size:14px;font-weight:600}
.pg-pie{background:var(--pg-noche);color:rgba(255,255,255,.5);font-size:12px;text-align:center;padding:26px 20px}
.pg-pie p{margin:0}
.pg-legal h2{font-size:17px;font-weight:700;margin:26px 0 8px}
.pg-legal p{font-size:15px;color:#2a3a4a}
.pg-legal a{color:var(--pg-azul)}

/* ─── Agenda ─── */
.ag-dias{display:grid;gap:10px;margin:22px 0}
.ag-dia{border:1.5px solid var(--pg-gris);border-radius:14px;overflow:hidden;background:#fff}
.ag-dia[open]{border-color:var(--pg-azul)}
.ag-dia summary{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:14px 18px;font-weight:700;cursor:pointer;list-style:none}
.ag-dia summary::-webkit-details-marker{display:none}
.ag-dia summary::after{content:'+';font-weight:400;font-size:22px;line-height:1;color:var(--pg-azul)}
.ag-dia[open] summary::after{content:'−'}
.ag-dia summary:hover{background:var(--pg-claro)}
.ag-dia summary span{flex:1}
.ag-dia summary small{font-size:12px;font-weight:500;color:var(--pg-suave)}
.ag-turnos{display:grid;grid-template-columns:repeat(auto-fill,minmax(82px,1fr));gap:8px;padding:4px 18px 18px}
.ag-turno{position:relative;display:block;cursor:pointer}
.ag-turno input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.ag-turno span{display:block;text-align:center;padding:10px 4px;border:1.5px solid var(--pg-gris);border-radius:10px;font-size:15px;font-weight:600;font-variant-numeric:tabular-nums;transition:background-color .15s,border-color .15s,color .15s}
.ag-turno:hover span{border-color:var(--pg-azul)}
.ag-turno input:checked+span{background:var(--pg-azul);border-color:var(--pg-azul);color:#fff}
.ag-turno input:focus-visible+span{outline:3px solid var(--pg-azul);outline-offset:2px}
.ag-accion{position:sticky;bottom:12px;z-index:2}
.ag-accion .ev-boton{width:100%}

/* ─── Pago ─── */
.pa-monto{font-size:clamp(38px,8vw,56px);font-weight:900;letter-spacing:-.03em;line-height:1.1;color:var(--pg-azul);margin:6px 0 20px!important}
.pa-planes{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}
.pa-plan{display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:left;font:inherit;color:var(--pg-texto);background:var(--pg-claro);border:1.5px solid var(--pg-gris);border-radius:16px;padding:22px;cursor:pointer;transition:transform .3s var(--pg-curva),border-color .2s,box-shadow .3s var(--pg-curva)}
.pa-plan:hover{transform:translateY(-3px);border-color:var(--pg-azul);box-shadow:0 14px 34px rgba(44,67,186,.16)}
.pa-plan-nombre{font-size:14px;font-weight:700;letter-spacing:.02em}
.pa-plan-monto{font-size:clamp(26px,5vw,34px);font-weight:900;letter-spacing:-.02em;color:var(--pg-azul)}
.pa-plan-nota{font-size:13px;color:var(--pg-suave);line-height:1.45}
@media(max-width:560px){.pa-planes{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.pg *,.ev *{transition:none!important}}
