/* ============================================================
   UNIVERSO ALL IN · Home (menú para elegir Casa o La Academia)
   Usa las tipografías de Google Fonts ya cargadas en el <head>.
   ============================================================ */
:root{
  --h-ink:#1c1614;
  --h-wine:#5A1622;
  --h-wine-deep:#40101a;
  --h-champagne:#DBCF98;
  --h-champagne-light:#EBE4CF;
  --h-gold:#C6A363;
  --h-black:#121212;
  --h-green:#E3E9B0;
  --h-green-light:#F1F3D8;
  --h-sage:#9DAF8A;
  --h-ease:cubic-bezier(.22,1,.36,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.home{
  margin:0;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;
  background:var(--h-ink);color:var(--h-champagne-light);
  font-family:"Jost",system-ui,sans-serif;font-weight:400;line-height:1.5;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
:focus-visible{outline:3px solid var(--h-champagne);outline-offset:4px}

/* ---------- encabezado ---------- */
.home-top{padding:clamp(1.1rem,3vw,1.8rem) 1rem;text-align:center;border-bottom:1px solid rgba(219,207,152,.18)}
.home-top img{height:clamp(44px,7vw,70px);width:auto;margin:0 auto}

/* ---------- las dos puertas ---------- */
.home-choose{flex:1;display:grid;grid-template-columns:1fr 1fr;min-height:0}
.door{
  position:relative;overflow:hidden;isolation:isolate;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.1rem;
  padding:clamp(2.2rem,6vw,4.5rem) clamp(1.25rem,4vw,3rem);text-align:center;
}
.door-bg{position:absolute;inset:0;z-index:-2;transition:transform 1.2s var(--h-ease)}
.door:hover .door-bg,.door:focus-visible .door-bg{transform:scale(1.05)}

/* Casa: vino con textura de gamuza */
.door-casa{background:var(--h-wine);color:var(--h-champagne-light)}
.door-casa .door-bg{background:var(--h-wine) url("/assets/textures/web/wine-suede-soft.jpg") center/cover;}
.door-casa::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(64,16,26,.15),rgba(64,16,26,.55))}
.door-casa .door-seal{width:clamp(64px,9vw,96px);height:auto;filter:drop-shadow(0 8px 16px rgba(0,0,0,.4))}
.door-casa .door-logo{height:clamp(56px,8vw,88px);width:auto}
.door-casa .door-line{color:var(--h-champagne)}
.door-casa .door-cta{border-color:rgba(235,228,207,.55);color:var(--h-champagne-light)}
.door-casa:hover .door-cta,.door-casa:focus-visible .door-cta{background:var(--h-champagne);color:var(--h-wine-deep);border-color:var(--h-champagne)}

/* La Academia: verde oscuro con fondo BG01 */
.door-acad{background:var(--h-black);color:var(--h-green-light)}
.door-acad .door-bg{background:var(--h-black) url("/assets/academia/backgrounds/web/bg01.jpg") center/cover}
.door-acad::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(18,18,18,.55),rgba(18,18,18,.78))}
.door-acad .door-spiral{width:clamp(70px,10vw,108px);height:auto;filter:drop-shadow(0 10px 18px rgba(0,0,0,.45))}
.door-acad .door-logo{display:block;width:clamp(210px,28vw,380px);aspect-ratio:1400/367;background-color:var(--h-green-light);-webkit-mask:url("/assets/academia/logos/web/academia-horizontal.png") center/contain no-repeat;mask:url("/assets/academia/logos/web/academia-horizontal.png") center/contain no-repeat}
.door-acad .door-line{color:var(--h-sage)}
.door-acad .door-cta{border-color:rgba(241,243,216,.5);color:var(--h-green-light)}
.door-acad:hover .door-cta,.door-acad:focus-visible .door-cta{background:var(--h-green);color:var(--h-black);border-color:var(--h-green)}

/* texto y botón de cada puerta */
.door-line{font-size:clamp(.72rem,1.1vw,.86rem);font-weight:500;letter-spacing:.22em;text-transform:uppercase}
.door-cta{
  display:inline-flex;align-items:center;gap:.6em;margin-top:.6rem;
  padding:.85rem 1.8rem;border:1.5px solid;border-radius:999px;
  font-weight:600;font-size:.95rem;letter-spacing:.02em;
  transition:background .3s var(--h-ease),color .3s var(--h-ease),border-color .3s var(--h-ease);
}
.door-cta .arrow{transition:transform .3s var(--h-ease)}
.door:hover .door-cta .arrow,.door:focus-visible .door-cta .arrow{transform:translateX(5px)}

/* ---------- pie ---------- */
.home-foot{padding:1.3rem 1rem 1.5rem;text-align:center;font-size:.8rem;color:#b9a99a;border-top:1px solid rgba(219,207,152,.18)}
.home-foot nav{display:flex;flex-wrap:wrap;gap:.4rem 1.4rem;justify-content:center}
.home-foot a{color:var(--h-champagne);border-bottom:1px solid transparent;transition:border-color .2s}
.home-foot a:hover{border-color:var(--h-gold)}
.home-foot p{margin:.7rem 0 0}

/* ---------- mobile: una puerta sobre la otra ---------- */
@media(max-width:760px){
  .home-choose{grid-template-columns:1fr}
  .door{min-height:clamp(260px,40svh,360px);padding-block:2rem;gap:.9rem}
}
@media(prefers-reduced-motion:reduce){
  .door-bg,.door-cta,.door-cta .arrow{transition:none}
  .door:hover .door-bg{transform:none}
}