/* ============================================================
   POP-UP "Descarga el training de la semana"
   Compartido por Casa All In y La Academia All In.
   Hereda las tipografías de cada página (--font-display, --font-sans,
   --font-serif) y cambia de colores con data-theme="casa|academia".
   ============================================================ */

.uai-pop{
  --p-bg:#5A1622;--p-fg:#EBE4CF;--p-muted:#d8c3b8;--p-accent:#C6A363;
  --p-btn-bg:#DBCF98;--p-btn-fg:#40101a;--p-btn-hover:#EBE4CF;
  --p-field:rgba(255,255,255,.09);--p-line:rgba(219,207,152,.38);--p-focus:#DBCF98;--p-err:#ffb3a7;
  position:fixed;inset:0;z-index:2000;display:none;align-items:center;justify-content:center;
  padding:clamp(.6rem,3vw,1.5rem);
  font-family:var(--font-sans,system-ui,sans-serif);
}
.uai-pop[data-theme="academia"]{
  --p-bg:#121212;--p-fg:#F1F3D8;--p-muted:#CED7C5;--p-accent:#9DAF8A;
  --p-btn-bg:#E3E9B0;--p-btn-fg:#121212;--p-btn-hover:#F1F3D8;
  --p-field:rgba(241,243,216,.08);--p-line:rgba(157,175,138,.5);--p-focus:#CCD1E8;--p-err:#ffb3a7;
}
.uai-pop.is-open{display:flex}

.uai-pop__backdrop{position:absolute;inset:0;background:rgba(18,12,10,.66);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;transition:opacity .35s ease}
.uai-pop.is-in .uai-pop__backdrop{opacity:1}

.uai-pop__dialog{
  position:relative;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);
  width:min(58rem,100%);max-height:calc(100vh - 1.2rem);max-height:calc(100dvh - 1.2rem);overflow:auto;
  background:var(--p-bg);color:var(--p-fg);border:1px solid var(--p-line);border-radius:22px;
  box-shadow:0 40px 90px -30px rgba(0,0,0,.65);
  opacity:0;transform:translateY(18px) scale(.985);
  transition:opacity .4s cubic-bezier(.22,1,.36,1),transform .4s cubic-bezier(.22,1,.36,1);
}
.uai-pop.is-in .uai-pop__dialog{opacity:1;transform:none}

/* imagen */
.uai-pop__media{position:relative;min-height:100%;background:#2a1a1a}
.uai-pop__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:46% 45%}
.uai-pop__media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 60%,rgba(0,0,0,.18))}

/* cuerpo */
.uai-pop__body{padding:clamp(1.5rem,3.6vw,2.6rem);display:flex;flex-direction:column;justify-content:center;min-width:0}
.uai-pop__eyebrow{margin:0 0 .7rem;font-weight:600;font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:var(--p-accent)}
.uai-pop__title{margin:0;font-family:var(--font-display,serif);font-weight:500;font-size:clamp(1.75rem,3.4vw,2.5rem);line-height:1.08;letter-spacing:-.015em;color:var(--p-fg)}
.uai-pop__lead{margin:.9rem 0 0;font-size:1rem;line-height:1.55;color:var(--p-muted)}

.uai-pop__form{margin-top:1.3rem;display:grid;gap:.85rem}
.uai-pop__field{display:grid;gap:.35rem}
.uai-pop__field > span{font-size:.78rem;font-weight:600;letter-spacing:.04em;color:var(--p-fg)}
.uai-pop__field input{
  width:100%;height:3rem;padding:0 1rem;border:1.5px solid var(--p-line);border-radius:12px;
  background:var(--p-field);color:var(--p-fg);font:inherit;font-size:1rem;
  transition:border-color .2s,background .2s;
}
.uai-pop__field input::placeholder{color:var(--p-muted);opacity:.7}
.uai-pop__field input:focus{outline:none;border-color:var(--p-focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--p-focus) 35%,transparent)}
.uai-pop__field input[aria-invalid="true"]{border-color:var(--p-err)}

.uai-pop__consent{display:flex;gap:.65rem;align-items:flex-start;font-size:.8rem;line-height:1.45;color:var(--p-muted);cursor:pointer}
.uai-pop__consent input{flex:0 0 auto;width:1.15rem;height:1.15rem;margin:.1rem 0 0;accent-color:var(--p-btn-bg)}
.uai-pop__consent a{color:var(--p-fg);border-bottom:1px solid var(--p-accent)}

.uai-pop__btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.6em;width:100%;min-height:3.1rem;
  border:0;border-radius:999px;background:var(--p-btn-bg);color:var(--p-btn-fg);
  font:inherit;font-weight:700;font-size:.98rem;letter-spacing:.02em;cursor:pointer;
  transition:background .25s,transform .25s;
}
.uai-pop__btn:hover{background:var(--p-btn-hover);transform:translateY(-1px)}
.uai-pop__btn[disabled]{opacity:.7;cursor:progress;transform:none}
.uai-pop__error{margin:0;min-height:1.1rem;font-size:.85rem;color:var(--p-err)}
.uai-pop__legal{margin:0;font-size:.74rem;line-height:1.4;color:var(--p-muted);opacity:.85}

/* éxito */
.uai-pop__ok{display:none}
.uai-pop.is-done .uai-pop__form,.uai-pop.is-done .uai-pop__lead,.uai-pop.is-done .uai-pop__title:not(.uai-pop__title--ok){display:none}
.uai-pop.is-done .uai-pop__ok{display:block}
.uai-pop__ok .uai-pop__title{margin-top:0}
.uai-pop__ok p{margin:.9rem 0 0;color:var(--p-muted);line-height:1.55}
.uai-pop__ok .uai-pop__btn{margin-top:1.4rem}

/* cerrar */
.uai-pop__close{
  position:absolute;top:.8rem;right:.8rem;z-index:3;width:2.5rem;height:2.5rem;border-radius:999px;border:1px solid var(--p-line);
  background:rgba(0,0,0,.35);color:#fff;font-size:1.5rem;line-height:1;cursor:pointer;display:grid;place-items:center;
  -webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .2s;
}
.uai-pop__close:hover{background:rgba(0,0,0,.6)}
.uai-pop :focus-visible{outline:3px solid var(--p-focus);outline-offset:3px}

/* honeypot (campo trampa para bots) */
.uai-pop__hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden;opacity:0}

/* mobile: imagen arriba, formulario abajo */
@media(max-width:720px){
  .uai-pop{align-items:flex-end;padding:0}
  .uai-pop__dialog{grid-template-columns:1fr;width:100%;max-height:94vh;max-height:94dvh;border-radius:22px 22px 0 0;border-bottom:0;transform:translateY(40px)}
  .uai-pop__media{min-height:0;height:clamp(120px,22vh,170px)}
  .uai-pop__media::after{background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.25))}
  .uai-pop__body{padding:1.3rem 1.25rem calc(1.4rem + env(safe-area-inset-bottom))}
  .uai-pop__title{font-size:1.65rem}
  .uai-pop__lead{margin-top:.6rem;font-size:.95rem}
  .uai-pop__form{margin-top:1rem;gap:.7rem}
}
@media(prefers-reduced-motion:reduce){
  .uai-pop__backdrop,.uai-pop__dialog,.uai-pop__btn{transition:none}
}