/* Popup "Asesoría gratis" (marketing/_popup_leads.php). Tokens de la landing: --ink, --accent, Sora/Manrope. */
.lead-popup{width:min(460px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:0;border:0;border-radius:20px;background:#fff;color:var(--ink,#16132B);box-shadow:0 30px 80px rgba(22,19,43,.28);overflow:auto;font-family:'Manrope',ui-sans-serif,sans-serif}
.lead-popup::backdrop{background:rgba(22,19,43,.55);backdrop-filter:blur(3px)}
.lead-popup[open]{animation:leadIn .22s ease-out}
@keyframes leadIn{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
.lead-popup-body{padding:32px 28px 22px}
.lead-popup-close{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer}
.lead-popup-close:hover{background:rgba(22,19,43,.06)}
.lead-popup-eyebrow{display:inline-block;margin:0 0 12px;padding:5px 10px;border-radius:999px;background:rgba(204,61,27,.1);color:var(--accent,#CC3D1B);font-size:12px;font-weight:700;letter-spacing:.02em}
.lead-popup h2{margin:0 36px 8px 0;font-family:'Sora',ui-sans-serif,sans-serif;font-size:23px;font-weight:700;line-height:1.2;letter-spacing:-.02em}
.lead-popup-lead{margin:0 0 20px;font-size:15px;line-height:1.5;color:rgba(22,19,43,.72)}
.lead-popup-interest{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px;padding:0;border:0}
.lead-popup-interest legend{margin-bottom:8px;padding:0;font-size:13px;font-weight:700}
.lead-popup-interest label{cursor:pointer}
.lead-popup-interest input{position:absolute;opacity:0;pointer-events:none}
.lead-popup-interest span{display:inline-flex;align-items:center;min-height:36px;padding:0 13px;border:1px solid rgba(22,19,43,.16);border-radius:999px;font-size:13.5px;font-weight:600;transition:border-color .15s,background .15s}
.lead-popup-interest input:checked+span{border-color:var(--ink,#16132B);background:var(--ink,#16132B);color:#fff}
.lead-popup-interest input:focus-visible+span{outline:2px solid var(--accent,#CC3D1B);outline-offset:2px}
.lead-popup-field{display:block;margin-bottom:12px}
.lead-popup-field>span{display:block;margin-bottom:6px;font-size:13px;font-weight:700}
.lead-popup-field small{font-weight:500;color:rgba(22,19,43,.55)}
.lead-popup-field input{width:100%;height:46px;padding:0 14px;border:1px solid rgba(22,19,43,.18);border-radius:12px;font:inherit;font-size:16px;color:inherit;background:#fff}
.lead-popup-field input:focus{outline:2px solid var(--ink,#16132B);outline-offset:0;border-color:transparent}
.lead-popup-hint{margin:-4px 0 14px;font-size:12.5px;color:rgba(22,19,43,.6)}
.lead-popup-hp{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}
.lead-popup-error{margin:0 0 12px;padding:10px 12px;border-radius:10px;background:#FEF2F2;color:#991B1B;font-size:13.5px}
.lead-popup-submit{display:flex;align-items:center;justify-content:center;width:100%;min-height:50px;border:0;border-radius:12px;background:var(--accent,#CC3D1B);color:#fff;font:inherit;font-size:15.5px;font-weight:700;text-decoration:none;cursor:pointer;transition:filter .15s}
.lead-popup-submit:hover{filter:brightness(.94)}
.lead-popup-submit:disabled{opacity:.6;cursor:wait}
.lead-popup-legal{margin:10px 0 0;font-size:12px;text-align:center;color:rgba(22,19,43,.55)}
.lead-popup-legal a{color:inherit}
.lead-popup-alt{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:14px;padding-top:12px;border-top:1px solid rgba(22,19,43,.08)}
.lead-popup-alt a,.lead-popup-alt button{min-height:40px;display:inline-flex;align-items:center;border:0;background:none;font:inherit;font-size:13.5px;font-weight:600;color:var(--ink,#16132B);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.lead-popup-alt button{color:rgba(22,19,43,.55)}
.lead-popup-done{text-align:center;padding-top:40px}
.lead-popup-done h2{margin-right:0}
.lead-popup-check{display:inline-grid;place-items:center;width:56px;height:56px;margin-bottom:14px;border-radius:50%;background:rgba(22,163,74,.12);color:#15803D}
@media (max-width:480px){
  .lead-popup{width:100vw;max-width:100vw;max-height:92dvh;margin:auto 0 0;border-radius:20px 20px 0 0}
  .lead-popup[open]{animation-name:leadUp}
  .lead-popup-body{padding:26px 18px 18px}
  .lead-popup h2{font-size:21px}
}
@keyframes leadUp{from{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){.lead-popup[open]{animation:none}}