/* EventoX v32 - cambios puntuales solicitados */

/* 1. CONTADOR PRÓXIMO EVENTO */
.countdown-section{
  max-width:980px!important;
  margin:18px auto 34px!important;
  padding:0 18px!important;
}
.countdown-box{
  width:100%!important;
  min-height:auto!important;
  display:grid!important;
  grid-template-columns:auto minmax(260px,1fr) auto!important;
  align-items:center!important;
  justify-content:center!important;
  gap:18px!important;
  padding:16px 20px!important;
  border-radius:24px!important;
  background:radial-gradient(circle at right,rgba(255,107,0,.12),transparent 42%),linear-gradient(135deg,#0f1722,#211b20)!important;
  border:1px solid rgba(255,107,0,.28)!important;
  box-shadow:0 16px 42px rgba(0,0,0,.34)!important;
}
.countdown-box > div:first-child{display:contents!important;}
.countdown-cards{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:10px!important;
}
.count-item{
  width:88px!important;
  min-width:88px!important;
  height:70px!important;
  padding:8px!important;
  border-radius:15px!important;
  background:rgba(255,255,255,.055)!important;
  border:1px solid rgba(255,255,255,.10)!important;
}
.count-item b{
  font-size:32px!important;
  line-height:.9!important;
  color:#fff!important;
}
.count-item span{
  font-size:10px!important;
  margin-top:7px!important;
  color:#dbe4f0!important;
}
.count-event-data{
  margin:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:7px!important;
}
.count-pill{
  width:100%!important;
  max-width:330px!important;
  justify-content:flex-start!important;
  text-align:left!important;
  white-space:nowrap!important;
  background:rgba(255,255,255,.055)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  color:#fff!important;
}
.countdown-box .btn{
  justify-self:end!important;
  margin:0!important;
  background:#ff6b00!important;
  color:#fff!important;
}

/* 2. LOGOS DE EVENTOS */
.event-media{
  border-radius:50%!important;
  background:#fff!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  padding:10px!important;
}
.event-media .logo-fallback{
  width:100%!important;
  height:100%!important;
  background:transparent!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.event-media img,
.event-media .logo-fallback img{
  width:100%!important;
  height:100%!important;
  max-width:92%!important;
  max-height:92%!important;
  object-fit:contain!important;
  object-position:center!important;
  display:block!important;
  background:transparent!important;
}

/* Fecha a la izquierda */
.event-date-block{
  width:64px;
  min-width:64px;
  height:86px;
  border-radius:18px;
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025));
  border:1px solid rgba(255,255,255,.08);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  color:#fff;
  text-align:center;
}
.event-date-block .event-day{
  font-size:34px;
  line-height:1;
  font-weight:1000;
  color:#fff;
  letter-spacing:-1px;
}
.event-date-block .event-month{
  margin-top:6px;
  font-size:12px;
  color:#e5e7eb;
  font-weight:750;
}

/* 4. Tarjeta clickeable */
.event-row{
  cursor:pointer;
  position:relative;
}
.event-row .btn{
  position:relative;
  z-index:4;
}
.event-info-pro h3 a{
  color:inherit!important;
  text-decoration:none!important;
}

/* 3. SPONSORS */
.sponsor-card,
.sponsors-item,
.sponsors-slider-item{
  background:radial-gradient(circle at top right,rgba(255,107,0,.10),transparent 40%),linear-gradient(135deg,rgba(255,255,255,.065),rgba(255,255,255,.025))!important;
  border:1px solid rgba(255,107,0,.18)!important;
  box-shadow:0 12px 34px rgba(0,0,0,.25)!important;
  border-radius:20px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.sponsor-card img,
.sponsors-item img,
.sponsors-slider-item img{
  max-width:78%!important;
  max-height:64px!important;
  width:auto!important;
  height:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  background:transparent!important;
}
.sponsor-marquee,
.sponsors-marquee{
  overflow:hidden!important;
}
.sponsor-track,
.sponsors-track{
  display:flex!important;
  width:max-content!important;
  animation:evxSponsorLoop 28s linear infinite!important;
}
@keyframes evxSponsorLoop{
  from{transform:translateX(0);}
  to{transform:translateX(-50%);}
}
.sponsor-marquee::before,
.sponsor-marquee::after,
.sponsors-marquee::before,
.sponsors-marquee::after{
  background:linear-gradient(90deg,#07090d,rgba(7,9,13,0))!important;
}

/* 6. WHATSAPP FLOTANTE */
.eventox-whatsapp-float,
.whatsapp-float{
  position:fixed!important;
  right:22px!important;
  bottom:22px!important;
  width:62px!important;
  height:62px!important;
  border-radius:50%!important;
  background:#25D366!important;
  border:4px solid rgba(255,255,255,.88)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-shadow:0 14px 34px rgba(0,0,0,.34)!important;
  z-index:9999!important;
  overflow:hidden!important;
}
.eventox-whatsapp-float img,
.whatsapp-float img{
  width:40px!important;
  height:40px!important;
  object-fit:contain!important;
  display:block!important;
  background:transparent!important;
}

/* Responsive */
@media(max-width:900px){
  .countdown-box{grid-template-columns:1fr!important;gap:12px!important;}
  .count-event-data{align-items:center!important;}
  .count-pill{max-width:100%!important;text-align:center!important;justify-content:center!important;}
  .countdown-box .btn{justify-self:center!important;}
}
@media(max-width:620px){
  .countdown-cards{display:grid!important;grid-template-columns:repeat(4,1fr)!important;width:100%!important;}
  .count-item{width:auto!important;min-width:0!important;height:64px!important;}
  .count-item b{font-size:25px!important;}
  .event-date-block{width:48px;min-width:48px;height:64px;border-radius:14px;}
  .event-date-block .event-day{font-size:24px;}
  .event-date-block .event-month{font-size:10px;}
}


/* EVENTOX45 FIX FINAL - WhatsApp flotante premium */
.eventox-whatsapp-float,
.whatsapp-float{
  position:fixed!important;
  right:22px!important;
  bottom:22px!important;
  width:58px!important;
  height:58px!important;
  border-radius:999px!important;
  background:linear-gradient(145deg,#07101c 0%,#101827 100%)!important;
  border:1px solid rgba(255,139,26,.42)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-shadow:0 18px 45px rgba(0,0,0,.38),0 0 0 5px rgba(255,139,26,.08),0 0 28px rgba(255,139,26,.20)!important;
  z-index:9999!important;
  overflow:visible!important;
  transition:transform .18s ease, box-shadow .18s ease!important;
}
.eventox-whatsapp-float:hover,
.whatsapp-float:hover{
  transform:translateY(-2px) scale(1.04)!important;
  box-shadow:0 22px 55px rgba(0,0,0,.44),0 0 0 6px rgba(255,139,26,.12),0 0 34px rgba(37,211,102,.24)!important;
}
.eventox-whatsapp-float::before,
.whatsapp-float::before{
  content:''!important;
  position:absolute!important;
  inset:9px!important;
  border-radius:50%!important;
  background:#25D366!important;
  z-index:-1!important;
}
.eventox-whatsapp-float img,
.whatsapp-float img{
  width:32px!important;
  height:32px!important;
  object-fit:contain!important;
  display:block!important;
  background:transparent!important;
  filter:drop-shadow(0 4px 8px rgba(0,0,0,.25))!important;
}
@media(max-width:768px){
  .eventox-whatsapp-float,
  .whatsapp-float{
    right:16px!important;
    bottom:18px!important;
    width:54px!important;
    height:54px!important;
  }
  .eventox-whatsapp-float img,
  .whatsapp-float img{
    width:30px!important;
    height:30px!important;
  }
}