/* Tickexpa v0.4.2 · Portada premium aprobada */

/* El CSS solo se carga en la portada: no cambia el aspecto del Admin ni del checkout. */
.site-header{
  background:rgba(7,20,48,.97)!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 8px 30px rgba(0,0,0,.10);
}
.site-header .header-inner{min-height:82px}
.site-header .brand-logo{
  width:215px;
  height:52px;
  background:url('/assets/brand/logo-horizontal-white.svg?v=0420') left center/contain no-repeat;
}
.site-header .brand-logo img{opacity:0;width:215px;height:52px}
.site-header .desktop-nav,.site-header .account-nav{color:#F6F8FF}
.site-header .desktop-nav a,.site-header .account-nav a,.site-header .linkbtn{color:#F6F8FF}
.site-header .desktop-nav a:hover,.site-header .desktop-nav a.active{color:#FF4AAC}
.site-header .menu-toggle{border-color:rgba(255,255,255,.16);background:rgba(255,255,255,.06)}
.site-header .menu-toggle span{background:#fff}
.site-header .mobile-menu{background:#0B1A3B;border-color:rgba(255,255,255,.12)}
.site-header .mobile-menu a,.site-header .mobile-menu .linkbtn{color:#fff}
.site-header .mobile-menu a:hover{background:rgba(255,255,255,.08);color:#fff}

/* Slider y branding se mantienen exactamente en su lugar, debajo del menú. */
.txp-event-slider-section{background:#071430!important;padding-top:14px!important}
.txp-brand-strip{background:#071430!important;padding-top:20px!important;padding-bottom:22px!important}
.txp-brand-strip h2{color:#DDE5F7!important}
.txp-brand-card{border-color:rgba(255,255,255,.12)!important;box-shadow:0 10px 26px rgba(0,0,0,.12)!important}

.premium-home-hero{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 89% 18%,rgba(255,75,80,.13),transparent 24%),
    radial-gradient(circle at 47% 72%,rgba(28,105,255,.10),transparent 26%),
    linear-gradient(180deg,#071430 0%,#081936 100%)!important;
  color:#fff;
}
.premium-home-hero:before{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(0,0,0,.04),transparent 45%);
}
.premium-hero-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:.92fr 1.08fr;
  gap:54px;
  align-items:center;
  min-height:625px;
  padding-top:56px;
  padding-bottom:50px;
}
.premium-hero-copy{min-width:0}
.premium-eyebrow{
  display:inline-block;
  margin-bottom:17px;
  color:#D9E0F1;
  font-size:11px;
  font-weight:600;
  letter-spacing:5px;
  text-transform:uppercase;
}
.premium-hero-copy h1{
  margin:0;
  color:#fff;
  font-size:clamp(55px,5.5vw,82px);
  line-height:.98;
  letter-spacing:-4.2px;
  font-weight:800;
}
.premium-hero-copy h1 span{display:block}
.premium-gradient-text{
  width:max-content;
  max-width:100%;
  background:linear-gradient(90deg,#00C7FF 0%,#6E55FF 28%,#FF2D8F 61%,#FF9C23 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.premium-hero-copy>p{
  max-width:590px;
  margin:24px 0 0;
  color:#BAC5DA;
  font-size:17px;
  line-height:1.55;
}
.premium-search{
  width:min(650px,100%);
  margin-top:28px;
  display:grid;
  grid-template-columns:52px 1fr 165px;
  align-items:center;
  min-height:66px;
  padding:6px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:34px;
  background:#fff;
  box-shadow:0 18px 50px rgba(0,0,0,.22);
}
.premium-search-icon{color:#0D1B3D;font-size:31px;text-align:center;transform:rotate(-14deg)}
.premium-search input{
  min-width:0;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  color:#0D1B3D!important;
  font-size:15px!important;
  box-shadow:none!important;
}
.premium-search-btn{
  align-self:stretch;
  border:0;
  border-radius:28px;
  background:linear-gradient(90deg,#FF16CA,#FF2D8F 45%,#FF9C23);
  color:#fff;
  font-weight:800;
  cursor:pointer;
  box-shadow:0 8px 24px rgba(255,45,143,.25);
}
.premium-quick-cats{display:flex;flex-wrap:wrap;gap:10px;margin-top:17px}
.premium-quick-cats a{
  min-width:91px;
  padding:8px 14px;
  border:1px solid rgba(175,194,227,.45);
  border-radius:999px;
  color:#F5F7FC;
  text-align:center;
  font-size:11px;
  font-weight:600;
  transition:.2s ease;
}
.premium-quick-cats a:hover{border-color:#FF42AA;background:rgba(255,45,143,.10);transform:translateY(-1px)}
.premium-mobile-cta{display:none}

.premium-hero-visual{position:relative;min-width:0}
.premium-hero-visual img{
  display:block;
  width:100%;
  height:auto;
  border-radius:31px;
  filter:drop-shadow(0 28px 50px rgba(0,0,0,.30));
}

.premium-benefit-row{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:0;
  padding-top:28px;
  padding-bottom:34px;
  border-top:1px solid rgba(255,255,255,.08);
}
.premium-benefit{
  display:flex;
  align-items:center;
  gap:17px;
  min-height:72px;
  padding:0 30px;
  border-right:1px solid rgba(255,255,255,.16);
}
.premium-benefit:first-child{padding-left:0}
.premium-benefit:last-child{border-right:0}
.premium-benefit-icon{
  width:54px;
  height:54px;
  display:grid;
  place-items:center;
  flex:0 0 54px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:16px;
  background:rgba(255,255,255,.04);
  font-size:23px;
  font-weight:800;
}
.premium-benefit-icon-1{color:#00C7FF;border-color:rgba(0,199,255,.45)}
.premium-benefit-icon-2{color:#FF2DCE;border-color:rgba(255,45,206,.45)}
.premium-benefit-icon-3{color:#FF9724;border-color:rgba(255,151,36,.45)}
.premium-benefit strong{display:block;color:#fff;font-size:15px}
.premium-benefit small{display:block;margin-top:3px;color:#9EABC4;font-size:11px}

/* La siguiente sección vuelve a fondo claro, como el diseño aprobado. */
.featured-section{background:#fff}

@media(max-width:1050px){
  .premium-hero-grid{grid-template-columns:1fr 1fr;gap:30px;min-height:560px}
  .premium-hero-copy h1{font-size:58px;letter-spacing:-3px}
  .site-header .brand-logo,.site-header .brand-logo img{width:190px}
}

@media(max-width:850px){
  .premium-hero-grid{grid-template-columns:1fr;gap:32px;padding-top:42px;padding-bottom:34px}
  .premium-hero-copy{max-width:690px}
  .premium-hero-visual{max-width:720px;width:100%;margin:0 auto}
  .premium-benefit-row{grid-template-columns:1fr 1fr}
  .premium-benefit:nth-child(2){border-right:0}
  .premium-benefit:nth-child(3){grid-column:1/-1;border-top:1px solid rgba(255,255,255,.10);padding-top:18px;margin-top:12px}
}

@media(max-width:620px){
  .site-header .header-inner{min-height:64px!important}
  .site-header .brand-logo{
    width:145px;
    height:38px;
  }
  .site-header .brand-logo img{width:145px;height:38px}

  .txp-event-slider-section{padding-top:7px!important}
  .txp-brand-strip{padding-top:14px!important;padding-bottom:16px!important}

  .premium-hero-grid{
    gap:24px;
    padding-top:32px;
    padding-bottom:26px;
  }
  .premium-eyebrow{margin-bottom:11px;font-size:8px;letter-spacing:2.1px;color:#FF5BB6}
  .premium-hero-copy h1{
    font-size:44px;
    line-height:.92;
    letter-spacing:-2.5px;
  }
  .premium-gradient-text{font-size:46px}
  .premium-hero-copy>p{margin-top:16px;font-size:13px;line-height:1.5;color:#B9C4D9}

  .premium-search{
    grid-template-columns:38px 1fr;
    min-height:52px;
    margin-top:20px;
    border-radius:15px;
    padding:5px;
  }
  .premium-search-icon{font-size:23px}
  .premium-search input{font-size:11px!important;padding:8px 2px!important}
  .premium-search-btn{grid-column:1/-1;min-height:39px;margin-top:3px;border-radius:10px}
  .premium-quick-cats{display:none}
  .premium-mobile-cta{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:45px;
    margin-top:10px;
    border-radius:12px;
    background:linear-gradient(90deg,#00C7FF,#7B2DFF 36%,#FF2D8F 68%,#FF9C23);
    color:#fff;
    font-size:12px;
    font-weight:800;
  }

  .premium-hero-visual{width:100%;margin-top:4px}
  .premium-hero-visual img{
    width:100%;
    border-radius:20px;
    filter:drop-shadow(0 17px 30px rgba(0,0,0,.25));
  }

  .premium-benefit-row{
    grid-template-columns:repeat(3,1fr);
    gap:0;
    padding-top:19px;
    padding-bottom:25px;
  }
  .premium-benefit,
  .premium-benefit:first-child,
  .premium-benefit:nth-child(3){
    display:grid;
    justify-items:center;
    gap:7px;
    min-height:0;
    margin:0;
    padding:0 8px;
    border-top:0;
    border-right:1px solid rgba(255,255,255,.12);
    text-align:center;
  }
  .premium-benefit:last-child{border-right:0}
  .premium-benefit-icon{width:36px;height:36px;flex-basis:36px;border-radius:11px;font-size:15px}
  .premium-benefit strong{font-size:10px;line-height:1.2}
  .premium-benefit small{display:none}
}

@media(max-width:360px){
  .premium-hero-copy h1{font-size:39px}
  .premium-gradient-text{font-size:41px}
}


/* ===== v0.4.2.1 AJUSTES SOLICITADOS ===== */

/* Hero sin la tarjeta/imagen grande eliminada por el usuario */
.premium-hero-grid{
  grid-template-columns:1fr !important;
  gap:0 !important;
  min-height:auto !important;
  padding-top:58px !important;
  padding-bottom:46px !important;
}
.premium-hero-copy{
  width:min(920px,100%) !important;
  max-width:920px !important;
}
.premium-hero-copy>p{
  max-width:700px !important;
}
.premium-search{
  width:min(720px,100%) !important;
}

/* El panel demo de organizadores recto, no inclinado */
.organizer-ui{
  transform:none !important;
}

/* Los 3 beneficios deben permanecer SIEMPRE en una sola fila */
@media(max-width:850px){
  .premium-benefit-row{
    display:flex !important;
    grid-template-columns:none !important;
    flex-wrap:nowrap !important;
    align-items:stretch !important;
  }
  .premium-benefit,
  .premium-benefit:nth-child(2),
  .premium-benefit:nth-child(3){
    grid-column:auto !important;
    flex:1 1 0 !important;
    min-width:0 !important;
    margin:0 !important;
    border-top:0 !important;
  }
}

@media(max-width:620px){
  .site-header .brand-logo{
    width:154px !important;
    height:38px !important;
    background-image:url('/assets/brand/logo-horizontal-white.svg?v=0421') !important;
    background-size:contain !important;
    background-position:left center !important;
    background-repeat:no-repeat !important;
  }
  .site-header .brand-logo img{
    width:154px !important;
    height:38px !important;
    opacity:0 !important;
  }

  .premium-hero-grid{
    padding-top:31px !important;
    padding-bottom:27px !important;
  }

  .premium-benefit-row{
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    width:100% !important;
    gap:0 !important;
    padding-top:17px !important;
    padding-bottom:20px !important;
  }

  .premium-benefit,
  .premium-benefit:first-child,
  .premium-benefit:nth-child(2),
  .premium-benefit:nth-child(3),
  .premium-benefit:last-child{
    display:flex !important;
    flex:1 1 33.333% !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:6px !important;
    grid-column:auto !important;
    min-width:0 !important;
    min-height:76px !important;
    margin:0 !important;
    padding:0 5px !important;
    border-top:0 !important;
    border-right:1px solid rgba(255,255,255,.12) !important;
    text-align:center !important;
  }

  .premium-benefit:last-child{
    border-right:0 !important;
  }

  .premium-benefit-icon{
    width:34px !important;
    height:34px !important;
    flex:0 0 34px !important;
  }

  .premium-benefit strong{
    font-size:9px !important;
    line-height:1.15 !important;
    white-space:normal !important;
  }

  .premium-benefit small{
    display:none !important;
  }

  .organizer-ui{
    transform:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }
}


/* ===== v0.4.2.2 RESTAURAR IMAGEN PRINCIPAL ===== */
.premium-hero-grid{
  grid-template-columns:.92fr 1.08fr !important;
  gap:54px !important;
  align-items:center !important;
  min-height:625px !important;
  padding-top:56px !important;
  padding-bottom:50px !important;
}

.premium-hero-copy{
  width:auto !important;
  max-width:none !important;
}

.premium-hero-copy>p{
  max-width:590px !important;
}

.premium-search{
  width:min(650px,100%) !important;
}

.premium-hero-visual{
  display:block !important;
  position:relative !important;
  min-width:0 !important;
}

.premium-hero-visual img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  border-radius:31px !important;
  object-fit:contain !important;
  filter:drop-shadow(0 28px 50px rgba(0,0,0,.30)) !important;
}

@media(max-width:1050px){
  .premium-hero-grid{
    grid-template-columns:1fr 1fr !important;
    gap:30px !important;
    min-height:560px !important;
  }
}

@media(max-width:850px){
  .premium-hero-grid{
    grid-template-columns:1fr !important;
    gap:32px !important;
    min-height:auto !important;
    padding-top:42px !important;
    padding-bottom:34px !important;
  }

  .premium-hero-copy{
    max-width:690px !important;
  }

  .premium-hero-visual{
    max-width:720px !important;
    width:100% !important;
    margin:0 auto !important;
  }
}

@media(max-width:620px){
  .premium-hero-grid{
    grid-template-columns:1fr !important;
    gap:22px !important;
    min-height:auto !important;
    padding-top:31px !important;
    padding-bottom:27px !important;
  }

  .premium-hero-visual{
    width:100% !important;
    margin:4px 0 0 !important;
  }

  .premium-hero-visual img{
    width:100% !important;
    border-radius:20px !important;
    filter:drop-shadow(0 17px 30px rgba(0,0,0,.25)) !important;
  }
}