/*
 * 13-user-patch.css - Parche solicitado por cliente: hero a 100vh, carrusel compacto, fotos reales en '¿Por que asistir?' y Luma mas grande.
 * Origen: index.html, <style> #1 (desde la linea 274). Contenido identico al original.
 * Rutas url(assets/...) reescritas a url(../assets/...) por el cambio de carpeta.
 */
/* ===== USER REQUEST PATCH — hero, gallery, razones, Luma, formulario ===== */
.hero{height:100vh!important;min-height:100vh!important;position:relative;overflow:hidden}
.hero-bg{
  background-image:linear-gradient(180deg,rgba(0,0,0,.03) 0%,rgba(0,0,0,.015) 55%,rgba(3,5,7,.10) 100%),url("../assets/img/2b98b34b60.webp")!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  transform:none!important;
}
.hero::after{background:linear-gradient(180deg,transparent 58%,rgba(3,5,7,.035) 82%,rgba(3,5,7,.12) 100%)!important;mix-blend-mode:normal!important}

/* Momentos inolvidables: compact, stable 3D carousel */
.gallery-wrap{height:455px!important;perspective:1200px!important}
.gallery-stage{width:min(620px,72vw)!important;height:315px!important}
.gallery-stage .card{width:54%!important;height:72%!important;border-radius:20px!important}
.gallery-stage .card.center{transform:translate(-50%,-50%) translateZ(105px) rotateY(0deg) scale(.98)!important}
.gallery-stage .card.left{transform:translate(-92%,-50%) translateZ(-20px) rotateY(25deg) scale(.68)!important}
.gallery-stage .card.right{transform:translate(-8%,-50%) translateZ(-20px) rotateY(-25deg) scale(.68)!important}
.gallery-stage .card.farleft{transform:translate(-119%,-50%) translateZ(-105px) rotateY(42deg) scale(.47)!important;opacity:.24!important}
.gallery-stage .card.farright{transform:translate(19%,-50%) translateZ(-105px) rotateY(-42deg) scale(.47)!important;opacity:.24!important}
.gallery-caption{margin-top:6px!important}

/* Why attend — real photos, still liquid glass */
.cards4{gap:18px!important}
.info-card{min-height:350px!important;padding:16px 18px 20px!important;position:relative!important;overflow:hidden!important;justify-content:flex-end!important}
.info-photo{position:absolute;inset:0 0 auto 0;width:100%;height:180px;object-fit:cover;display:block;opacity:.92;transition:transform .7s cubic-bezier(.16,1,.3,1),filter .5s ease}
.info-card::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,5,7,.03) 25%,rgba(3,5,7,.20) 42%,rgba(3,5,7,.92) 78%,rgba(3,5,7,.98) 100%);z-index:1;pointer-events:none}
.info-card>*:not(.info-photo){position:relative;z-index:2}
.info-card:hover .info-photo{transform:scale(1.07);filter:saturate(1.1) brightness(1.06)}

/* Luma — substantially larger and image-led */
.luma-section{padding-top:95px!important;padding-bottom:125px!important}
.luma-access-large{min-height:520px!important;padding:30px!important;overflow:hidden!important}
.luma-access-inner{gap:50px!important;align-items:stretch!important}
.luma-copy{flex:1;position:relative;display:flex;flex-direction:column;justify-content:center}
.luma-button{align-self:center!important;min-height:76px!important;min-width:245px!important}

/* Form label/options */
.form select{cursor:pointer}

@media(max-width:760px){
  .hero{height:100svh!important;min-height:100svh!important}
  .hero-bg{background-size:cover!important}
  .gallery-wrap{height:380px!important}
  .gallery-stage{width:92vw!important;height:270px!important}
  .gallery-stage .card{width:58%!important;height:70%!important}
  .luma-access-large{min-height:0!important;padding:20px!important}
  .luma-access-inner{flex-direction:column!important}
  .luma-button{width:100%!important}
}