/* Piloto: banda de subrayador, sin alterar los estilos del resto del sitio. */
.leads{background:#ffe14d;color:#101c36;padding:40px 0;scroll-margin-top:96px}
.leads *{box-sizing:border-box}
.leads .leads-head{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:32px;align-items:end;margin-bottom:24px}
.leads .t-tag{color:#101c36;margin-bottom:10px}
.leads .t-tag b{background:#101c36;color:#fff;transform:none}
.leads h2{font-family:var(--display);font-size:38px;line-height:1.1;letter-spacing:-.04em;margin:0}
.leads .leads-head p{font-size:16px;line-height:1.65;margin:0;color:#101c36}
.leads-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 24px}
.leads-field{display:grid;gap:6px;min-width:0;align-content:start}
.leads label{font-size:16px;line-height:1.5;color:#101c36}
.leads-field>label{font-weight:700}
.leads .leads-field :is(input,select){width:100%;min-width:0;height:48px;border:1.5px solid #5e6b80;border-radius:999px;padding:0 20px;background:#fff;color:#101c36;font:400 16px/1.4 var(--body, sans-serif)}
.leads .leads-field select{appearance:none;padding-right:44px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='m1 1 6 6 6-6' fill='none' stroke='%23101c36' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 20px center}
.leads-consents{display:grid;gap:10px;margin-top:20px}
.leads .leads-check{display:flex;align-items:start;gap:12px;cursor:pointer}
.leads-check input{flex:none;width:22px;height:22px;margin:1px 0 0;accent-color:#101c36}
.leads a{color:#101c36;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
.leads a:hover{color:#101c36}
.leads .leads-legal{font-size:14px;line-height:1.5;margin:12px 0 18px;color:#101c36}
.leads .leads-error{font-size:14px;line-height:1.5;font-weight:700;color:#101c36;overflow-wrap:anywhere}
.leads .leads-status{font-size:16px;line-height:1.65;margin:12px 0;padding:12px 16px;border:2px solid #101c36;border-radius:14px;color:#101c36;overflow-wrap:anywhere}
.leads :is(input,select,a,button):focus-visible{outline:3px solid #101c36;outline-offset:4px;box-shadow:0 0 0 4px rgba(255,225,77,.55)}
.leads [aria-invalid=true]{outline:2px solid #101c36;outline-offset:2px}
.leads .t-btn{cursor:pointer;box-shadow:none}
.leads .t-btn:focus-visible{outline:3px solid #101c36;outline-offset:4px}
.leads .t-btn:disabled{cursor:wait;opacity:1}
.leads [hidden]{display:none!important}
.t-leadform:has(>:only-child){grid-template-columns:1fr}
.t-leadform:has(>:only-child)>div{max-width:760px}
/* Autónomo: las páginas antiguas no cargan plantillas.css. */
.leads .t-wrap{width:min(1180px,calc(100% - 64px));margin-inline:auto}
.leads .t-tag{display:inline-flex;align-items:center;gap:10px;font-family:var(--mono,ui-monospace,monospace);font-size:14px;font-weight:500}
.leads .t-tag b{padding:3px 8px;border-radius:2px;font-weight:700}
.leads h2,.leads .leads-head h2{color:#101c36!important}
:is(.leads,#leads-barra) .t-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:auto;height:58px;padding:0 64px 0 28px;border:0;border-radius:999px;background:#101c36;color:#fff;font-family:var(--display,inherit);font-weight:700;font-size:17px;letter-spacing:-.01em;white-space:nowrap;text-decoration:none;transition:transform .2s cubic-bezier(.34,1.4,.6,1),background-color .2s ease}
:is(.leads,#leads-barra) .t-btn:hover{background:#1b2b4d;color:#fff;transform:translateY(-2px)}
:is(.leads,#leads-barra) .t-btn .t-ico{position:absolute;right:8px;top:8px;width:42px;height:42px;border-radius:50%;background:#ffe14d;color:#101c36;display:grid;place-items:center}
:is(.leads,#leads-barra) .t-btn .t-ico svg{width:19px;height:19px;stroke:currentColor;fill:none}
@media(max-width:700px){.leads .t-wrap{width:calc(100% - 40px)}:is(.leads,#leads-barra) .t-btn{width:100%;padding:0 60px 0 24px}}
@media(max-width:700px){
 .leads{padding:32px 0}
 .leads .t-wrap{width:calc(100% - 48px)}
 .leads .leads-head{grid-template-columns:minmax(0,1fr);gap:16px}
 .leads h2{font-size:30px}
 .leads-grid{grid-template-columns:minmax(0,1fr);gap:16px}
 .leads .t-btn{width:100%}
}
/* Pausas abiertas dentro del contenido del piloto. El padding del botón viene de marco.css. */
.leads-pausa{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:28px;padding-top:24px;border-top:1px solid currentColor}
main[data-pulido] .leads-pausa p{font:400 16px/1.65 var(--body);letter-spacing:normal;text-transform:none;margin:0;max-width:60ch;color:inherit}
main .leads-cta{max-width:100%;white-space:normal;min-height:58px;height:auto;line-height:1.4;text-align:center;flex-shrink:0}
main .leads-cta.t-btn-white{color:#101c36;background:#fff}
.leads-final{margin:0 0 24px}
#leads-barra{display:none}
#leads-barra[hidden]{display:none!important}
/* Tarjeta de orientación: solo acompaña al lector de escritorio antes del formulario. */
#leads-flotante{display:none}
#leads-flotante[hidden]{display:none!important}
@media(min-width:701px){
 #leads-flotante{display:block;position:fixed;right:24px;bottom:24px;z-index:80;width:312px;padding:21px 22px 22px;background:#101c36;color:#fff;border-radius:18px;box-shadow:0 12px 28px rgba(16,28,54,.24);opacity:0;transform:translateY(12px);transition:opacity 250ms ease,transform 250ms ease}
 #leads-flotante.leads-flotante-visible{opacity:1;transform:translateY(0)}
 .leads-flotante-cerrar{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:transparent;color:#fff;font:400 24px/1 Arial,sans-serif;cursor:pointer}
 #leads-flotante .leads-flotante-etiqueta{display:flex;align-items:center;gap:7px;margin:0 38px 12px 0;color:#fff;font:400 14px/1.4 var(--mono,monospace);letter-spacing:0}
 .leads-flotante-etiqueta span{width:8px;height:8px;border-radius:50%;background:#ffe14d}
 #leads-flotante .leads-flotante-titulo{margin:0 0 14px;font-weight:700;color:#fff;font-family:var(--display,Georgia,serif);font-size:20px!important;line-height:1.2!important;letter-spacing:-.02em}

 .leads-flotante-lista{display:grid;gap:7px;margin:0 0 18px;padding:0;list-style:none;color:#fff;font:400 14px/1.4 var(--body,sans-serif)}
 .leads-flotante-lista li{display:flex;align-items:center;gap:8px}
 .leads-flotante-lista li::before{content:'✓';color:#ffe14d;font-weight:700}
 .leads-flotante-cta{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border-radius:999px;background:#fff;color:#101c36;text-decoration:none;font:700 16px/1.2 var(--body,sans-serif)}
 .leads-flotante-cta:hover{background:#ffe14d;color:#101c36}
 #leads-flotante :is(button,a):focus-visible{outline:3px solid #ffe14d;outline-offset:3px}
}
@media(prefers-reduced-motion:reduce){
 #leads-flotante{transition:none}
}
@media(max-width:700px){
 html:has(#leads-barra){scroll-padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))}
 .leads-pausa{flex-direction:column;align-items:stretch;gap:16px}
 main .leads-cta{width:100%}
 #leads-barra{display:block;position:fixed;inset:auto 0 0;z-index:90;background:#fbf9f3;border-top:1px solid #5e6b80;padding:10px 24px calc(10px + env(safe-area-inset-bottom,0px))}
 #leads-barra .t-btn{width:100%;min-height:56px}
 #leads-barra .t-btn:focus-visible{outline:3px solid #101c36;outline-offset:3px}
}
/* Tarjeta flotante: entrada con muelle, punto «en directo», subrayador que se dibuja y checks escalonados. */
@media(min-width:701px){
 #leads-flotante{overflow:hidden;transform:translateY(24px) scale(.96);transform-origin:100% 100%;transition:opacity 260ms ease,transform 520ms cubic-bezier(.2,.9,.25,1.15)}
 #leads-flotante.leads-flotante-visible{transform:none}
 /* cuadrícula de cuaderno, tenue, en la esquina */
 #leads-flotante::before{content:'';position:absolute;inset:0 0 auto auto;width:150px;height:150px;background-image:radial-gradient(rgba(255,225,77,.22) 1.2px,transparent 1.4px);background-size:14px 14px;-webkit-mask:radial-gradient(circle at 100% 0,#000 0,transparent 70%);mask:radial-gradient(circle at 100% 0,#000 0,transparent 70%);pointer-events:none}
 #leads-flotante>:not(.leads-flotante-cerrar){position:relative}
 .leads-flotante-cerrar{z-index:1}
 .leads-flotante-etiqueta span{position:relative}
 .leads-flotante-etiqueta span::after{content:'';position:absolute;inset:0;border-radius:50%;background:#ffe14d;animation:leads-pulso 2s ease-out infinite}
 .leads-flotante-marca{color:#fff;transition:color 500ms ease 420ms}
 .leads-flotante-visible .leads-flotante-marca{color:#ffe14d}
 .leads-flotante-lista li{opacity:0;transform:translateX(10px);transition:opacity 300ms ease,transform 300ms ease}
 .leads-flotante-visible .leads-flotante-lista li{opacity:1;transform:none}
 .leads-flotante-visible .leads-flotante-lista li:nth-child(1){transition-delay:520ms}
 .leads-flotante-visible .leads-flotante-lista li:nth-child(2){transition-delay:600ms}
 .leads-flotante-visible .leads-flotante-lista li:nth-child(3){transition-delay:680ms}
 /* brillo que cruza el botón una vez al aparecer */
 .leads-flotante-cta{position:relative;overflow:hidden;transition:background-color 200ms ease,transform 200ms ease,box-shadow 200ms ease}
 .leads-flotante-cta::after{content:'';position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,225,77,.55),transparent);transform:skewX(-20deg)}
 .leads-flotante-visible .leads-flotante-cta::after{animation:leads-brillo 900ms ease 900ms 1 both}
 .leads-flotante-cta:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(0,0,0,.28)}
 .leads-flotante-cerrar{transition:background-color 200ms ease,transform 200ms ease}
 .leads-flotante-cerrar:hover{background:rgba(255,255,255,.12);transform:rotate(90deg)}
}
@keyframes leads-pulso{0%{transform:scale(1);opacity:.7}100%{transform:scale(3.2);opacity:0}}
@keyframes leads-brillo{to{left:130%}}
@media(prefers-reduced-motion:reduce){
 #leads-flotante,#leads-flotante *,#leads-flotante *::after{transition:none!important;animation:none!important}
 .leads-flotante-marca{color:#ffe14d}
 .leads-flotante-lista li{opacity:1;transform:none}
}
.t-band-ink .t-leadform a{color:#fff;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}