/* "Te estamos buscando": franja abajo del cartel + postulación interactiva a pantalla completa (pensada para celular). */

/* ---------- Franja ---------- */
.eq-franja{position:relative;display:flex;align-items:center;justify-content:center;gap:clamp(10px,2vw,22px);width:100%;padding:14px 5%;border:0;background:#d7ed67;color:#191917;font:inherit;cursor:pointer;overflow:hidden;text-align:left;box-shadow:inset 0 -2px 0 #191917}
.eq-franja:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(115deg,#ffffff00 0 24px,#ffffff38 24px 30px);animation:eq-rayas 9s linear infinite;pointer-events:none}
@keyframes eq-rayas{to{background-position:220px 0}}
.eq-franja>*{position:relative}
.eq-franja img{width:44px;height:44px;object-fit:contain;animation:eq-saluda 1.6s ease-in-out infinite;transform-origin:50% 90%}
@keyframes eq-saluda{0%,100%{transform:rotate(-8deg)}50%{transform:rotate(8deg) translateY(-3px)}}
.eq-f-txt{display:flex;flex-direction:column;line-height:1.1}
.eq-f-txt b{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:900;font-size:clamp(24px,2.6vw,34px);letter-spacing:-.3px;text-transform:uppercase}
.eq-f-txt b em{font-style:normal;color:#e52c27}
.eq-f-txt span{font-size:14px;font-weight:700}
.eq-f-btn{display:inline-flex;align-items:center;gap:10px;padding:12px 20px;border-radius:999px;background:#191917;color:#fff;font-weight:800;font-size:15px;white-space:nowrap;box-shadow:3px 3px 0 #e52c27;transition:transform .2s}
.eq-franja:hover .eq-f-btn{transform:translateY(-2px) rotate(-1deg)}
.eq-f-btn i{font-style:normal;animation:eq-pulso 1.2s ease-in-out infinite}
@keyframes eq-pulso{50%{transform:translateX(4px)}}
.eq-franja:focus-visible{outline:3px solid #4761df;outline-offset:-3px}

/* ---------- Pantalla del cuestionario ---------- */
.eq{position:fixed;inset:0;z-index:1000;display:none;background:#fff9ec;color:#191917;overflow:hidden}
.eq.abierto{display:flex;flex-direction:column;animation:eq-entra .35s cubic-bezier(.2,.9,.3,1)}
@keyframes eq-entra{from{opacity:0;transform:translateY(30px)}}
html.eq-bloqueo,html.eq-bloqueo body{overflow:hidden}
.eq-top{display:flex;align-items:center;gap:14px;padding:14px 18px;border-bottom:1px solid #ecdfcd;background:#fff9ec}
.eq-top strong{font-family:'Barlow Condensed',Impact;font-weight:900;font-size:22px;letter-spacing:-.3px}
.eq-top strong span{color:#e52c27}
.eq-barra{flex:1;height:8px;border-radius:99px;background:#efe5d4;overflow:hidden}
.eq-barra i{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,#e52c27,#ff8a3d);transition:width .5s cubic-bezier(.2,.8,.2,1)}
.eq-cerrar{width:40px;height:40px;border-radius:50%;border:1px solid #191917;background:#fff;font-size:20px;line-height:1;cursor:pointer;flex-shrink:0}
.eq-cuerpo{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;justify-content:center;padding:22px 18px 30px}
.eq-paso{width:100%;max-width:560px;margin:auto 0;animation:eq-paso .4s cubic-bezier(.2,.9,.3,1)}
@keyframes eq-paso{from{opacity:0;transform:translateX(26px)}}
.eq-gato{display:flex;align-items:flex-end;gap:12px;margin-bottom:16px}
.eq-gato img{width:64px;height:64px;object-fit:contain;flex-shrink:0;animation:eq-saluda 2.2s ease-in-out infinite}
.eq-globo{position:relative;padding:12px 16px;border-radius:18px 18px 18px 4px;background:#fff;border:1px solid #ecdfcd;font-size:15px;line-height:1.45;font-weight:600;box-shadow:0 10px 20px -16px #5a1d0f66}
.eq-paso h2{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:900;font-size:clamp(34px,8vw,48px);line-height:1;letter-spacing:-.5px;margin:4px 0 8px}
.eq-paso h2 em{font-style:normal;color:#e52c27}
.eq-ayuda{font-size:14px;color:#6d675e;margin:0 0 18px;line-height:1.5}
.eq-input{display:block;width:100%;font:inherit;font-size:20px;font-weight:600;padding:16px 18px;border-radius:16px;border:2px solid #e3d6c2;background:#fff;color:#191917;outline:none;transition:border-color .2s,box-shadow .2s}
.eq-input:focus{border-color:#e52c27;box-shadow:0 0 0 4px #e52c2722}
textarea.eq-input{min-height:120px;resize:vertical;font-size:17px;line-height:1.45}
.eq-ops{display:grid;gap:10px}
.eq-ops.dos{grid-template-columns:1fr 1fr}
.eq-op{display:flex;align-items:center;gap:12px;width:100%;padding:16px 18px;border-radius:16px;border:2px solid #e3d6c2;background:#fff;color:#191917;font:inherit;font-size:16px;font-weight:700;text-align:left;cursor:pointer;transition:transform .15s,border-color .2s,background .2s}
.eq-op .e{font-size:24px;line-height:1}
.eq-op:hover{border-color:#191917;transform:translateY(-2px)}
.eq-op[aria-pressed="true"]{border-color:#e52c27;background:#fde8e6}
.eq-op:focus-visible{outline:3px solid #4761df;outline-offset:2px}
.eq-chips{display:flex;flex-wrap:wrap;gap:8px}
.eq-chips .eq-op{width:auto;padding:12px 16px;font-size:15px;border-radius:999px}
.eq-sig{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;margin-top:18px;padding:17px 22px;border:0;border-radius:16px;background:#191917;color:#fff;font:inherit;font-size:17px;font-weight:800;cursor:pointer;box-shadow:4px 4px 0 #e52c27;transition:transform .15s,opacity .2s}
.eq-sig:active{transform:translate(2px,2px);box-shadow:2px 2px 0 #e52c27}
.eq-sig:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}
.eq-sig:focus-visible{outline:3px solid #4761df;outline-offset:3px}
.eq-volver{display:block;margin:14px auto 0;border:0;background:none;color:#6d675e;font:inherit;font-size:14px;text-decoration:underline;cursor:pointer}
.eq-error{color:#b42318;font-size:14px;font-weight:700;margin:10px 2px 0;min-height:1.2em}
.eq-check{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.5;color:#5b554c;margin-top:14px}
.eq-check input{width:20px;height:20px;margin:1px 0 0;accent-color:#e52c27;flex-shrink:0}
.eq-archivo{display:flex;align-items:center;gap:14px;padding:16px;border-radius:16px;border:2px dashed #d9c9ae;background:#fff;cursor:pointer;margin-bottom:10px}
.eq-archivo input{position:absolute;width:1px;height:1px;opacity:0}
.eq-archivo .e{font-size:28px}
.eq-archivo b{display:block;font-size:16px}
.eq-archivo small{color:#6d675e;font-size:13px}
.eq-archivo.ok{border-style:solid;border-color:#1fa855;background:#eefaf2}
.eq-archivo:focus-within{outline:3px solid #4761df;outline-offset:2px}
.eq-dato{display:grid;gap:10px}
.eq-dato label{font-size:14px;font-weight:800}
.eq-dato .eq-input{font-size:17px;padding:14px 16px}
.eq-fin{text-align:center}
.eq-fin .eq-gato{justify-content:center}
.eq-fin img.grande{width:120px;height:120px}
.eq-confeti{position:fixed;inset:0;pointer-events:none;z-index:1001;overflow:hidden}
.eq-confeti i{position:absolute;top:-20px;width:10px;height:14px;border-radius:2px;animation:eq-cae linear forwards}
@keyframes eq-cae{to{transform:translateY(110vh) rotate(720deg)}}
@media(min-width:761px){.eq-cuerpo{padding:40px 24px}.eq-ops.tres{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:760px){.eq-franja{justify-content:space-between;gap:10px;padding:11px 4%}.eq-franja img{width:36px;height:36px}.eq-f-txt{flex:1;min-width:0}.eq-f-txt b{font-size:21px;white-space:nowrap}.eq-f-txt span{font-size:12.5px}.eq-f-btn{padding:10px 13px;font-size:13px;gap:6px}}
@media(max-width:400px){.eq-franja img{display:none}.eq-f-txt b{font-size:20px}}
@media(prefers-reduced-motion:reduce){.eq-franja:before,.eq-franja img,.eq-f-btn i,.eq-gato img,.eq.abierto,.eq-paso{animation:none}.eq-confeti{display:none}}

/* ---------- Bloque grande "Te estamos buscando" (con efecto hiperespacio) ---------- */
.ls{position:relative;overflow:hidden;background:#0a0605;color:#fff9ec;min-height:clamp(440px,62vh,600px);display:grid;place-items:center;text-align:center;isolation:isolate;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.ls-canvas{position:absolute;inset:0;z-index:-2;display:block}
.ls:after{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(closest-side at 50% 46%,#0a0605e6 0,#0a060599 38%,#0a060500 75%);pointer-events:none}
.ls-in{padding:56px 6% 60px;max-width:900px}
.ls-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:#d7ed67;color:#191917;font-weight:800;font-size:13px;letter-spacing:.12em;text-transform:uppercase;box-shadow:0 0 0 4px #d7ed6733;animation:ls-latido 1.6s ease-in-out infinite}
.ls-pill i{width:9px;height:9px;border-radius:50%;background:#e52c27;box-shadow:0 0 0 0 #e52c27aa;animation:ls-punto 1.6s infinite}
@keyframes ls-latido{50%{transform:scale(1.04)}}
@keyframes ls-punto{0%{box-shadow:0 0 0 0 #e52c27aa}80%{box-shadow:0 0 0 10px #e52c2700}}
.ls h2{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:900;font-size:clamp(64px,10.5vw,148px);line-height:.86;letter-spacing:-2px;margin:18px 0 16px;text-transform:uppercase;text-shadow:0 6px 40px #000}
.ls h2 em{display:block;font-style:normal;color:#ff4a3d;text-shadow:0 0 18px #ff3b30aa,0 0 50px #e52c2766}
.ls p{font-size:clamp(17px,1.7vw,21px);line-height:1.5;margin:0 auto 26px;max-width:620px;color:#f3ebdd}
.ls p b{color:#d7ed67}
.ls-cta{display:inline-flex;align-items:center;gap:14px;padding:20px 30px;border:0;border-radius:999px;background:#e52c27;color:#fff;font:inherit;font-size:clamp(18px,1.7vw,22px);font-weight:900;cursor:pointer;box-shadow:0 0 0 0 #e52c2799,0 18px 40px -12px #e52c27cc;animation:ls-cta 2s infinite;transition:transform .2s}
.ls-cta span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#fff;color:#e52c27;font-size:20px;transition:transform .25s}
.ls-cta:hover{transform:translateY(-3px) scale(1.02)}.ls-cta:hover span{transform:translateX(4px)}
.ls-cta:focus-visible{outline:3px solid #d7ed67;outline-offset:5px}
@keyframes ls-cta{0%{box-shadow:0 0 0 0 #e52c2799,0 18px 40px -12px #e52c27cc}70%{box-shadow:0 0 0 18px #e52c2700,0 18px 40px -12px #e52c27cc}100%{box-shadow:0 0 0 0 #e52c2700,0 18px 40px -12px #e52c27cc}}
.ls-datos{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;margin-top:22px;font-size:14px;font-weight:700;color:#e9dfcf}
.ls-datos span:before{content:'✦ ';color:#f6d58b}
.ls-gato{position:absolute;right:5%;bottom:0;width:clamp(110px,13vw,190px);z-index:1;filter:drop-shadow(0 10px 30px #e52c2766);animation:eq-saluda 2.2s ease-in-out infinite;transform-origin:50% 95%;pointer-events:none}
.ls-ayuda{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);font-size:11.5px;color:#fff9ec80;white-space:nowrap;pointer-events:none}
.ls.ls-turbo .ls-ayuda{opacity:0}

/* ---------- Botón flotante (aparece al pasar el bloque) ---------- */
.eq-flota{position:fixed;left:16px;bottom:16px;z-index:60;display:inline-flex;align-items:center;gap:10px;padding:12px 18px 12px 12px;border:2px solid #191917;border-radius:999px;background:#d7ed67;color:#191917;font:inherit;font-size:15px;font-weight:900;cursor:pointer;box-shadow:4px 4px 0 #191917;transform:translateY(140%);opacity:0;transition:transform .45s cubic-bezier(.2,.9,.3,1.2),opacity .3s}
.eq-flota.ver{transform:none;opacity:1}
.eq-flota img{width:34px;height:34px;object-fit:contain;animation:eq-saluda 1.6s ease-in-out infinite}
.eq-flota small{display:block;font-size:11px;font-weight:700;opacity:.75}
.eq-flota:focus-visible{outline:3px solid #4761df;outline-offset:3px}

@media(max-width:760px){
  .ls{min-height:calc(100svh - 150px);min-height:max(520px,calc(100vh - 150px))}
  .ls-in{padding:40px 6% 56px}
  .ls h2{font-size:clamp(64px,19vw,96px);letter-spacing:-1px}
  .ls p{font-size:16px}
  .ls-cta{width:100%;justify-content:center;padding:19px 22px;font-size:19px}
  .ls-datos{font-size:12.5px;gap:6px 12px}
  .ls-gato{display:none}
  .ls-ayuda{bottom:6px}
  .eq-flota{left:12px;bottom:12px;font-size:14px;padding:10px 14px 10px 10px}
}
@media(prefers-reduced-motion:reduce){.ls-pill,.ls-pill i,.ls-cta,.ls-gato,.eq-flota img{animation:none}.eq-flota{transition:none}}

/* ---------- Cuestionario: mejoras para celular ---------- */
.eq{height:100vh;height:100dvh}
.eq-top{padding-top:max(14px,env(safe-area-inset-top))}
.eq-cuerpo{overscroll-behavior:contain;padding-bottom:0}
.eq-paso{display:flex;flex-direction:column}
.eq-paso>.eq-chips,.eq-paso>.eq-ops{align-self:stretch}
/* barra de acciones pegada abajo: el botón queda al alcance del pulgar y arriba del teclado */
.eq-acciones{position:sticky;bottom:0;z-index:2;display:flex;gap:10px;margin-top:auto;padding:16px 0 max(16px,env(safe-area-inset-bottom));background:linear-gradient(#fff9ec00,#fff9ec 22px)}
.eq-acciones .eq-sig{flex:1;margin-top:0}
.eq-atras{flex-shrink:0;width:58px;border-radius:16px;border:2px solid #e3d6c2;background:#fff;color:#191917;font:inherit;font-size:22px;font-weight:800;cursor:pointer}
.eq-atras:active{transform:scale(.96)}
.eq-atras:focus-visible{outline:3px solid #4761df;outline-offset:2px}
.eq-atras.eq-nuevo{width:auto;padding:0 16px;font-size:14px}
.eq-paso>.eq-sig:not(.eq-sig-lima){margin-top:18px}
.eq-op{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.eq-op:active{transform:scale(.98)}
.eq-ventajas{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 6px}
.eq-ventajas span{padding:8px 12px;border-radius:999px;background:#fff;border:1px solid #ecdfcd;font-size:13.5px;font-weight:700}
.eq-check{padding:14px;border-radius:16px;border:2px solid #e3d6c2;background:#fff;cursor:pointer;font-size:14px;color:#3d3a35;-webkit-tap-highlight-color:transparent}
.eq-check:has(input:checked){border-color:#1fa855;background:#eefaf2}
.eq-check input{width:24px;height:24px}
.eq-contador{margin:6px 2px 0;font-size:13px;color:#6d675e;text-align:right}
.eq-mini{width:56px;height:56px;border-radius:12px;object-fit:cover;flex-shrink:0}
.eq-archivo.cargando{opacity:.6;pointer-events:none}
.eq-archivo>span:last-of-type{min-width:0}
.eq-archivo b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.eq-compartir{margin:22px 0 4px;padding:16px;border-radius:18px;background:#191917;color:#fff9ec;display:grid;gap:12px}
.eq-compartir b{font-size:15px}
.eq-sig-lima{margin:0;background:#d7ed67;color:#191917;box-shadow:4px 4px 0 #e52c27}
.eq-fin .eq-volver{font-size:15px;padding:10px}
@media(max-width:760px){
  .eq-cuerpo{display:block;padding:16px 16px 0}
  .eq-paso{min-height:100%;margin:0 auto}
  .eq-gato{margin-bottom:12px}
  .eq-gato img{width:54px;height:54px}
  .eq-globo{font-size:14.5px;padding:10px 14px}
  .eq-paso h2{font-size:clamp(32px,9vw,42px)}
  .eq-op{padding:15px 16px;min-height:58px}
  .eq-fin{justify-content:center;padding-bottom:max(20px,env(safe-area-inset-bottom))}
}
@media(prefers-reduced-motion:reduce){.eq-op:active,.eq-atras:active{transform:none}}
.eq-etiqueta{margin:18px 2px 8px;font-size:14px;font-weight:800}