/*
 * eliGe | Landing de bienvenida para la portada (ID 102).
 * Se muestra ANTES de la cabecera Fameup, sin reemplazar la web existente.
 * Imagen original: PRESENTACIÓN INICIAL-15.png, Drive de eliGe, medio WP 859.
 * Versión móvil sin recortar texto, rostro ni logotipo.
 */
.elige-welcome {
  --welcome-red:#cc2549;
  --welcome-plum:#3a0c32;
  --welcome-cream:#fff8fa;
  background:var(--welcome-red);
  color:#fff;
  width:100%;
  height:100vh;
  height:100svh;
  min-height:560px;
  display:grid;
  grid-template-rows:minmax(0,1fr) auto;
  overflow:hidden;
  isolation:isolate;
  position:relative;
  font-family:Outfit,"Segoe UI",Arial,sans-serif;
}
.elige-welcome *{box-sizing:border-box}
.elige-welcome__skip{
  position:absolute;
  left:16px;
  top:-90px;
  z-index:5;
  background:#fff;
  color:var(--welcome-plum)!important;
  padding:12px 18px;
  border-radius:12px;
}
.elige-welcome__skip:focus{top:12px}
.elige-welcome__artwork{
  margin:0;
  padding:clamp(6px,1.4vw,18px) clamp(5px,1.8vw,26px) 0;
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:0;
  min-height:0;
}
.elige-welcome__artwork img{
  display:block;
  width:100%;
  height:100%;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  object-position:center center;
  background:var(--welcome-red);
}
.elige-welcome__lower{
  padding:16px clamp(22px,5vw,80px) 21px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:18px 28px;
  border-top:1px solid rgba(255,255,255,.22);
  background:var(--welcome-red);
  min-height:102px;
}
.elige-welcome__tagline{
  color:#fff;
  font:600 clamp(12px,1.15vw,15px)/1.4 Outfit,"Segoe UI",Arial,sans-serif;
  max-width:320px;
  margin:0;
}
.elige-welcome__actions{
  display:flex;
  gap:9px;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:wrap;
}
.elige-welcome__actions a{
  display:inline-flex;
  justify-content:center;
  align-items:center;
  min-height:46px;
  max-width:100%;
  padding:11px 18px;
  border:1.5px solid rgba(255,255,255,.78);
  border-radius:100px;
  color:#fff!important;
  background:transparent;
  text-decoration:none!important;
  font:700 14px/1.3 Outfit,"Segoe UI",Arial,sans-serif;
  white-space:normal;
  text-align:center;
  transition:background-color .15s,color .15s;
}
.elige-welcome__actions a:first-child{
  background:#fff;
  color:var(--welcome-plum)!important;
  border-color:#fff;
}
.elige-welcome__actions a:not(:first-child):hover{
  background:#fff;
  color:var(--welcome-plum)!important;
}
.elige-welcome__actions a:first-child:hover{
  background:#fff0f6;
  color:var(--welcome-plum)!important;
}
.elige-welcome__actions a:focus-visible,.elige-welcome__skip:focus-visible{
  outline:3px solid #fff;
  outline-offset:4px;
}
.elige-welcome__mobile-copy{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip-path:inset(50%)!important;
  white-space:nowrap!important;
  border:0!important;
}
@media(max-width:1160px) and (min-width:761px){
  .elige-welcome__lower{
    flex-direction:column;
    justify-content:center;
    gap:12px;
    min-height:132px;
    padding:15px 24px;
  }
  .elige-welcome__tagline{
    text-align:center;
    max-width:none;
  }
  .elige-welcome__actions{justify-content:center}
}
@media(max-width:760px){
  .elige-welcome{
    height:auto;
    min-height:100vh;
    min-height:100svh;
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:clamp(12px,3vh,28px);
    padding:clamp(21px,4.6vh,48px) 0 clamp(20px,4vh,38px);
    overflow:visible;
  }
  .elige-welcome__artwork{
    flex:0 0 auto;
    width:100%;
    padding:0 8px;
  }
  .elige-welcome__artwork img{
    width:100%;
    max-width:100%;
    height:auto;
    max-height:none;
    aspect-ratio:16/9;
    object-fit:contain;
  }
  .elige-welcome__lower{
    width:100%;
    min-height:0;
    display:block;
    padding:0 clamp(20px,7vw,46px);
    border-top:0;
  }
  .elige-welcome__tagline{display:none}
  .elige-welcome__mobile-copy{
    position:static!important;
    width:auto!important;
    height:auto!important;
    margin:0 0 24px!important;
    padding:0!important;
    overflow:visible!important;
    clip-path:none!important;
    white-space:normal!important;
    text-align:left;
  }
  .elige-welcome__mobile-copy .eyebrow{
    font:800 11px/1.5 Outfit,"Segoe UI",Arial,sans-serif;
    text-transform:uppercase;
    letter-spacing:.12em;
    color:#fff;
    margin:0 0 12px;
  }
  .elige-welcome__mobile-copy h1{
    color:#fff;
    font:800 clamp(26px,6.2vw,36px)/1.09 Outfit,"Segoe UI",Arial,sans-serif;
    letter-spacing:-.025em;
    margin:0 0 13px;
  }
  .elige-welcome__mobile-copy p:last-child{
    color:#fff;
    font:500 clamp(14px,3.65vw,16px)/1.55 Outfit,"Segoe UI",Arial,sans-serif;
    margin:0;
  }
  .elige-welcome__actions{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    align-items:stretch;
    justify-content:stretch;
    gap:10px;
  }
  .elige-welcome__actions a{
    min-height:46px;
    font-size:13px;
    padding:11px 10px;
  }
  .elige-welcome__actions a:first-child{grid-column:1/-1}
}
@media(max-width:360px){
  .elige-welcome{gap:12px;padding:12px 0 18px}
  .elige-welcome__mobile-copy h1{font-size:24px}
  .elige-welcome__mobile-copy{margin-bottom:15px!important}
}
@media(prefers-reduced-motion:no-preference){
  html:has(.elige-welcome){scroll-behavior:smooth}
}
@media(prefers-reduced-motion:reduce){
  .elige-welcome__actions a{transition:none}
}
@media print{
  .elige-welcome{height:auto;min-height:0;display:block}
  .elige-welcome__actions{display:none}
}