/* =====================================================================
   PANTALLAS DE ACCESO — mitad formulario, mitad muro de trabajo real
   (mismo nivel que el login de Escalafy, en negro + rojo)
   ===================================================================== */
.au{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);min-height:100vh;background:#0B0809;color:#F6F3F3;overflow:hidden}
.au-l{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;z-index:2}
.au-l:before{content:"";position:absolute;left:-20%;top:-30%;width:90%;height:75%;background:radial-gradient(closest-side,rgba(229,16,46,.22),transparent);pointer-events:none}
.au-logo{position:relative;display:flex;align-items:center;gap:10px;font-family:'Space Grotesk',system-ui,sans-serif;font-weight:700;font-size:20px;color:#fff;text-decoration:none;margin-bottom:22px}
.au-logo .etl-mark{width:32px;height:32px}
.au-card{position:relative;width:100%;max-width:410px;padding:26px 26px 24px;border-radius:18px;border:1px solid rgba(255,255,255,.1);background:rgba(23,17,19,.92);box-shadow:0 30px 80px -30px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.04)}
.au-card h1{font-family:'Space Grotesk',system-ui,sans-serif;font-size:23px;letter-spacing:-.025em;margin:0 0 4px;color:#fff}
.au-card>p{color:#9C9596;font-size:14.5px;margin:0 0 20px;line-height:1.5}
.au-steps{display:flex;gap:6px;margin:0 0 18px}
.au-steps span{display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;color:#7F7879;padding:5px 10px;border-radius:99px;border:1px solid rgba(255,255,255,.1)}
.au-steps span i{font-style:normal;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:11px;background:rgba(255,255,255,.08)}
.au-steps span.on{color:#fff;border-color:rgba(229,16,46,.5);background:rgba(229,16,46,.1)}
.au-steps span.on i{background:#E5102E;color:#fff}
.au-steps span.ok i{background:rgba(229,16,46,.25);color:#FF6B7D}
.au-plan{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:12px;border:1px solid rgba(229,16,46,.35);background:rgba(229,16,46,.08);margin:0 0 18px}
.au-plan small{display:block;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#FF6B7D}
.au-plan b{font-size:15px;color:#fff}
.au-plan strong{font-family:'Space Grotesk',system-ui,sans-serif;font-size:22px;color:#fff;white-space:nowrap}
.au-plan strong em{font-style:normal;font-family:inherit;font-size:13px;color:#9C9596;font-weight:500}
.au-f{display:block;margin:0 0 14px}
.au-f>span:first-child{display:block;font-size:13.5px;font-weight:600;color:#D6D0D1;margin:0 0 7px}
.au-card input{width:100%;height:46px;padding:0 14px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.035);color:#fff;font:inherit;font-size:15.5px;transition:border-color .2s,box-shadow .2s,background .2s;box-sizing:border-box}
.au-card input::placeholder{color:#6B6465}
.au-card input:hover{border-color:rgba(255,255,255,.18)}
.au-card input:focus{outline:none;border-color:#E5102E;background:rgba(255,255,255,.05);box-shadow:0 0 0 3px rgba(229,16,46,.18)}
.au-pw{position:relative;display:block}
.au-pw input{padding-right:46px}
.au-eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:34px;height:34px;display:grid;place-items:center;border:0;background:none;color:#7F7879;cursor:pointer;border-radius:8px}
.au-eye:hover,.au-eye.on{color:#fff}
.au-eye svg{width:18px;height:18px}
.au-eye.on svg{color:#FF4D63}
.au-err{min-height:20px;margin:-4px 0 8px;font-size:13.5px;color:#FF8FA0}
.au-err.ok{color:#fff}
.au-go{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:48px;border:0;border-radius:10px;font:inherit;font-size:15.5px;font-weight:700;color:#fff;cursor:pointer;
  background:linear-gradient(180deg,#F0203D,#C90C27);box-shadow:0 10px 30px -10px rgba(229,16,46,.85),inset 0 1px 0 rgba(255,255,255,.2);transition:filter .2s,transform .15s}
.au-go:hover{filter:brightness(1.08)}
.au-go:active{transform:translateY(1px)}
.au-go[disabled]{opacity:.65;pointer-events:none}
.au-go svg{width:16px;height:16px}
.au-ghost{display:flex;align-items:center;justify-content:center;width:100%;height:48px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);color:#fff;font:inherit;font-size:15px;font-weight:700;cursor:pointer}
.au-ghost:hover{border-color:rgba(255,255,255,.35)}
.au-alt{margin:18px 0 0;text-align:center;font-size:14px;color:#9C9596}
.au-alt button,.au-alt a{background:none;border:0;padding:0;font:inherit;color:#FF4D63;font-weight:700;cursor:pointer;text-decoration:none}
.au-alt button:hover,.au-alt a:hover{color:#fff}
.au-trust{position:relative;display:flex;align-items:center;gap:12px;margin-top:22px;padding:9px 16px 9px 10px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03)}
.au-trust .ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(229,16,46,.14);color:#FF4D63}
.au-trust .ic svg{width:18px;height:18px}
.au-trust b{display:block;font-size:13.5px;color:#fff}
.au-trust small{display:block;font-size:12.5px;color:#9C9596}
.au-strip{position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;max-width:430px;margin-top:26px;font-family:'Space Grotesk',system-ui,sans-serif;font-size:13px;font-weight:700;color:#5E5758;letter-spacing:.02em}
.au-strip span{display:flex;align-items:center;gap:6px}
.au-strip span i{font-style:normal;font-size:10.5px;color:#7F7879}
.au-help{position:relative;margin-top:18px;font-size:12.5px;color:#6B6465}
.au-help a{color:#9C9596}

/* acceso: Google, separador, código */
.au-google{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:46px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);color:#fff;font:inherit;font-size:15px;font-weight:600;cursor:pointer;transition:border-color .2s,background .2s}
.au-google:hover{border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.08)}
.au-or{display:flex;align-items:center;gap:14px;margin:16px 0 14px;color:#7F7879;font-size:13px}
.au-or:before,.au-or:after{content:"";flex:1;height:1px;background:rgba(255,255,255,.1)}
.au-otp{position:relative;display:grid;grid-template-columns:repeat(8,1fr);gap:7px}
.au-otp i{height:58px;display:grid;place-items:center;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.035);font-style:normal;font-family:'Space Grotesk',system-ui,sans-serif;font-size:26px;font-weight:700;color:#fff;transition:border-color .15s,box-shadow .15s}
.au-otp i.has{border-color:rgba(255,255,255,.28)}
.au-otp i.on{border-color:#E5102E;box-shadow:0 0 0 3px rgba(229,16,46,.18)}
.au-card .au-otp input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:text;border:0;padding:0;font-size:16px}
.au-sub{display:flex;justify-content:space-between;gap:10px;margin-top:14px}
.au-sub button{background:none;border:0;padding:0;font:inherit;font-size:13.5px;font-weight:700;color:#FF4D63;cursor:pointer}
.au-sub button:hover{color:#fff}
.au-sub button[disabled]{color:#6B6465;cursor:default}
.au-note{margin:12px 0 0!important;font-size:12.5px!important;color:#7F7879!important}
[hidden]{display:none!important}

/* ---- v2: formato Escalafy (cuadro ancho y compacto + banda inferior), en negro y rojo ---- */
.au-l{padding:40px 28px}
.au-logo{margin-bottom:26px;font-size:24px}
.au-logo .etl-mark{width:30px;height:30px}
.au-card{max-width:560px;padding:30px 30px 32px;border-radius:20px;border:1px solid #2B2225;background:#171214;z-index:2;box-shadow:0 24px 60px -28px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.05)}
.au-card h1{font-size:26px;letter-spacing:-.03em;margin:0 0 6px}
.au-card>p,.au-card p{color:#A39B9D;font-size:14.5px;margin:0 0 24px;line-height:1.45}
.au-f{margin:0 0 18px}
.au-f>span:first-child{font-size:13.5px;font-weight:500;color:#C9C2C3;margin:0 0 8px}
.au-card input{height:42px;border-radius:7px;border:1px solid #2F2629;background:#1E181A;font-size:14.5px;padding:0 14px}
.au-card input:hover{border-color:#44383B}
.au-card input:focus{background:#221B1D;border-color:#E5102E;box-shadow:0 0 0 3px rgba(229,16,46,.16)}
.au-go{height:44px;border-radius:7px;font-size:14.5px;background:linear-gradient(180deg,#EE2440,#D10E2B);box-shadow:0 8px 24px -12px rgba(229,16,46,.9),inset 0 1px 0 rgba(255,255,255,.18);margin-top:4px}
.au-go svg{width:13px;height:13px}
.au-google{height:42px;border-radius:7px;border:1px solid #3A2F32;background:#231C1E;font-size:14.5px;font-weight:600}
.au-google:hover{background:#2B2326;border-color:#54464A}
.au-or{margin:20px 0 18px;font-size:12.5px}
.au-or:before,.au-or:after{background:#2B2225}
.au-err{min-height:0;margin:-6px 0 12px}
.au-err:empty{display:none}
.au-otp{gap:8px}
.au-otp i{height:54px;font-size:22px;border-radius:8px;border-color:#2F2629;background:#1E181A}
/* banda inferior pegada al cuadro, como en Escalafy */
.au-alt{position:relative;z-index:1;width:100%;max-width:560px;box-sizing:border-box;margin:-22px 0 0;padding:40px 20px 18px;border:1px solid #2B2225;border-top:0;border-radius:0 0 20px 20px;background:#1A1416;font-size:14px}
.au-alt:empty{display:none}
/* sello de confianza en píldora */
.au-trust{border-radius:99px;padding:8px 22px 8px 10px;margin-top:26px;background:#140F11;border-color:#2B2225}
.au-trust .ic{border-radius:50%}
@media(max-width:560px){.au-card{padding:24px 20px 26px}.au-alt{padding:38px 16px 16px}}

.au-plan{margin:0 0 24px}
/* teléfono: país + número en un solo campo (como Escalafy) */
.au-tel{display:flex;align-items:stretch;height:42px;border-radius:7px;border:1px solid #2F2629;background:#1E181A;transition:border-color .2s,box-shadow .2s}
.au-tel:hover{border-color:#44383B}
.au-tel:focus-within{border-color:#E5102E;box-shadow:0 0 0 3px rgba(229,16,46,.16);background:#221B1D}
.au-cc{position:relative;display:flex;align-items:center;gap:6px;padding:0 12px 0 14px;flex:none;color:#fff;font-size:14.5px;cursor:pointer}
.au-cc .iso{font-weight:500}
.au-cc svg{width:14px;height:14px;color:#8E8587}
.au-cc .pre{font-style:normal;font-weight:600;margin-left:2px}
.au-cc select{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;border:0;background:transparent;font-size:16px}
.au-card .au-tel input{flex:1;min-width:0;height:auto;border:0;border-radius:0 7px 7px 0;background:transparent;box-shadow:none;padding:0 14px 0 6px}
.au-card .au-tel input:focus{box-shadow:none;background:transparent}

/* ---- sin scroll: el formulario se compacta según el alto de la pantalla ---- */
.au-l{padding:20px 28px}
.au-trust{display:none}
.au-help{position:absolute;left:0;right:0;bottom:10px;margin:0;text-align:center;font-size:12px}
.au-strip{display:none}
@media(max-height:900px){
  .au-logo{margin-bottom:16px;font-size:22px}
  .au-logo .etl-mark{width:26px;height:26px}
  .au-card{padding:22px 26px 24px}
  .au-card h1{font-size:23px;margin-bottom:4px}
  .au-card>p,.au-card p{margin-bottom:16px;font-size:14px}
  .au-f{margin-bottom:13px}
  .au-f>span:first-child{margin-bottom:6px;font-size:13px}
  .au-card input,.au-tel,.au-google{height:40px}
  .au-go{height:42px}
  .au-or{margin:14px 0 13px}
  .au-steps{margin-bottom:12px}
  .au-plan{margin:0 0 16px;padding:9px 13px}
  .au-alt{padding:34px 16px 14px;margin-top:-20px}
  .au-otp i{height:48px}
}
@media(max-height:760px){
  .au-l{padding:12px 24px}
  .au-logo{margin-bottom:10px}
  .au-card{padding:18px 24px 20px}
  .au-card h1{font-size:21px}
  .au-card>p,.au-card p{margin-bottom:12px;font-size:13.5px}
  .au-f{margin-bottom:10px}
  .au-f>span:first-child{margin-bottom:5px}
  .au-card input,.au-tel,.au-google{height:38px}
  .au-go{height:40px}
  .au-or{margin:11px 0 10px}
  .au-steps{display:none}
  .au-plan{margin:0 0 12px;padding:7px 12px}
  .au-plan small{display:none}
  .au-plan strong{font-size:18px}
  .au-alt{padding:30px 14px 12px}
  .au-help{display:none}
}
@media(max-height:660px){
  .au-card>p{display:none}
  .au-plan{display:none}
  .au-f{margin-bottom:8px}
}

/* muro */
.au-r{position:relative;overflow:hidden;background:#0E0A0B}
.au-r:before{content:"";position:absolute;inset:0 auto 0 0;width:38%;z-index:2;pointer-events:none;background:linear-gradient(90deg,#0B0809 8%,rgba(11,8,9,.85) 40%,transparent)}
.au-r:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,#0B0809,transparent 10%,transparent 88%,#0B0809)}
.aw-cols{position:absolute;inset:-40px 0 -40px 24px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;transform:rotate(-4deg) scale(1.08);transform-origin:center}
.aw-col{overflow:visible}
.aw-in{display:flex;flex-direction:column;gap:16px;animation:awup var(--d) linear infinite}
.aw-col.down .aw-in{animation-name:awdown}
.au-r:hover .aw-in{animation-play-state:paused}
@keyframes awup{from{transform:translateY(0)}to{transform:translateY(calc(-50% - 8px))}}
@keyframes awdown{from{transform:translateY(calc(-50% - 8px))}to{transform:translateY(0)}}
.aw-c{position:relative;display:block;padding:16px;border-radius:16px;background:#F6F3F2;color:#1A1412;box-shadow:0 18px 40px -20px rgba(0,0,0,.8);font-family:'DM Sans',system-ui,sans-serif;font-size:13.5px;line-height:1.5;overflow:hidden}
.aw-c p{margin:8px 0 0;color:#3B3032}
.aw-c small{display:block;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#8A7F80;margin-top:10px}
.aw-tag{display:inline-flex;align-items:center;gap:7px;font-size:11.5px;font-weight:700;color:#4E4143}
.aw-tag i{font-style:normal;font-family:'Space Grotesk',system-ui,sans-serif;font-size:10.5px;color:#fff;background:#E5102E;border-radius:5px;padding:1px 5px}
.aw-q{font-family:'Space Grotesk',system-ui,sans-serif;font-weight:700;font-size:16px;line-height:1.3;color:#1A1412!important}
.aw-big{font-family:'Space Grotesk',system-ui,sans-serif;font-weight:700;font-size:19px;line-height:1.25;color:#1A1412!important;letter-spacing:-.01em}
.aw-num{font-family:'Space Grotesk',system-ui,sans-serif;font-weight:700;font-size:34px;line-height:1;color:#1A1412!important;margin-top:10px!important}
.aw-c .aw-num+small{margin-top:4px;text-transform:none;letter-spacing:0;font-weight:500;font-size:12.5px}
.aw-tl{display:flex;gap:4px;margin-top:12px}
.aw-tl i{flex:1;height:5px;border-radius:9px;background:#E3D9D7}
.aw-tl i.on{background:#E5102E}
.aw-bars{display:grid;gap:5px;margin-top:12px}
.aw-bars i{display:block;height:6px;border-radius:9px;background:linear-gradient(90deg,#E5102E var(--w),#E9E0DE var(--w))}
.aw-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:12px}
.aw-chips span{font-size:11.5px;font-weight:700;padding:4px 9px;border-radius:99px;background:#EAE2E0;color:#4E4143}
.aw-chips span.r{background:rgba(229,16,46,.12);color:#B00A22}
.aw-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;padding:10px 12px;border-radius:10px;background:#EAE2E0}
.aw-meta b{font-size:12.5px}
.aw-meta span{flex:none;font-size:11.5px;font-weight:700;padding:5px 10px;border-radius:7px;background:#fff;border:1px solid #D9CECB}
.aw-ig{display:flex;align-items:center;gap:10px;margin-top:10px}
.aw-ig>span{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-family:'Space Grotesk',system-ui,sans-serif;font-weight:700;font-size:11px;color:#fff;background:linear-gradient(135deg,#0C2D4A,#D6231C);box-shadow:0 0 0 2px #fff,0 0 0 4px #E5102E}
.aw-ig b{display:block;font-size:13.5px}
.aw-ig small{margin:0;text-transform:none;letter-spacing:0;font-weight:500}
.aw-img{padding:0;aspect-ratio:9/13;background:#1A1214}
.aw-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.aw-ov{position:absolute;left:0;right:0;bottom:0;padding:34px 14px 14px;background:linear-gradient(transparent,rgba(0,0,0,.85));color:#fff}
.aw-ov .aw-tag{color:#fff}
.aw-ov b{display:block;font-family:'Space Grotesk',system-ui,sans-serif;font-size:16px;margin-top:6px}
.aw-play{position:absolute;right:12px;top:12px;width:32px;height:32px;border-radius:50%;background:#E5102E;box-shadow:0 6px 16px -4px rgba(229,16,46,.8)}
.aw-play:after{content:"";position:absolute;left:12px;top:9px;border-left:10px solid #fff;border-top:7px solid transparent;border-bottom:7px solid transparent}
.aw-land{aspect-ratio:9/14}
.aw-land img{object-position:top}
.aw-pack{display:flex;gap:14px;align-items:center}
.aw-pack img{width:74px;height:120px;object-fit:contain;flex:none}
.aw-pack b{display:block;font-family:'Space Grotesk',system-ui,sans-serif;font-size:22px;margin-top:6px}
.aw-pack small{margin:0;text-transform:none;letter-spacing:0;font-weight:500}
.aw-sw{display:flex;gap:5px;margin-top:8px}
.aw-sw i{width:22px;height:22px;border-radius:7px}
.aw-cap{position:absolute;left:50%;bottom:26px;transform:translateX(-40%);z-index:3;display:flex;align-items:center;gap:9px;margin:0;padding:10px 16px;border-radius:99px;background:rgba(11,8,9,.82);border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:13.5px;color:#D6D0D1;white-space:nowrap}
.aw-cap b{color:#fff}
.aw-cap .live{width:8px;height:8px;border-radius:50%;background:#E5102E;box-shadow:0 0 0 0 rgba(229,16,46,.7);animation:awpulse 1.8s infinite}
@keyframes awpulse{70%{box-shadow:0 0 0 8px rgba(229,16,46,0)}100%{box-shadow:0 0 0 0 rgba(229,16,46,0)}}

@media(max-width:980px){
  .au{grid-template-columns:minmax(0,1fr)}
  .au-r{display:none}
  .au-l{min-height:100vh}
}
@media(prefers-reduced-motion:reduce){.aw-in{animation:none}}

/* contacto con logos de WhatsApp y Gmail */
.ct{display:inline-flex;align-items:center;gap:7px;vertical-align:middle}
.ct img{flex:none;display:block}


/* Panel de reseñas: una sola columna con las capturas reales, sin inclinar ni recortar */
.au-r:before{width:10%}
.aw-cols{display:flex;justify-content:center;inset:0;transform:none;gap:0;padding:0 28px}
.aw-cols .aw-col{width:min(820px,100%)}
.aw-shot{padding:0;background:transparent;box-shadow:0 18px 40px -20px rgba(0,0,0,.85);border-radius:14px;overflow:hidden}
.aw-shot img{display:block;width:100%;height:auto}