/* ---------- EVENTOS: contenedor y estados ---------- */
.event-banner{
  padding:90px 0 100px;
  background:var(--white);
}
.events-root{display:flex;flex-direction:column;gap:26px;}
.events-loading,
.events-empty{
  text-align:center;
  padding:60px 30px;
  color:var(--ink-soft);
  background:var(--teal-pale);
  border-radius:var(--radius);
}
.events-empty-title{font-family:'Fraunces',serif;font-weight:600;font-size:1.2rem;color:var(--ink);margin:0 0 8px;}
.events-empty-hint{margin:0;font-size:.95rem;}

/* ---------- EVENTO DESTACADO ---------- */
.event-featured{
  background:var(--teal-deep);
  border-radius:var(--radius);
  overflow:hidden;
  display:grid;grid-template-columns:1fr 1fr;
  position:relative;
  box-shadow:0 40px 70px -35px rgba(15,33,41,.55);
}
.event-featured::before{
  content:'';position:absolute;inset:0;
  background:radial-gradient(circle at 90% 10%, rgba(199,154,69,.2), transparent 50%);
  pointer-events:none;
}
.event-copy{padding:52px;color:var(--white);position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;gap:6px;}
.event-copy .eyebrow{color:var(--gold-light);}
.event-copy h3{color:var(--white);font-size:1.9rem;margin:0 0 6px;}
.event-description{color:rgba(255,255,255,.8);margin:6px 0 4px;}

.event-meta{display:flex;flex-wrap:wrap;gap:16px;margin:6px 0 4px;}
.event-meta-item{
  display:inline-flex;align-items:center;gap:8px;
  font-size:.9rem;font-weight:600;color:rgba(255,255,255,.9);
}
.event-meta-icon{width:18px;height:18px;flex-shrink:0;color:var(--gold-light);}
.event-meta-icon svg{width:100%;height:100%;}

/* ---------- COUNTDOWN ---------- */
.event-countdown{display:flex;gap:14px;margin:12px 0 6px;}
.cd-block{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  min-width:60px;padding:12px 10px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.14);
  border-radius:12px;
}
.cd-value{
  font-family:'Fraunces',serif;font-weight:700;font-size:1.5rem;
  color:var(--gold-light);line-height:1;
}
.cd-label{
  font-size:.66rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  color:rgba(255,255,255,.65);margin-top:6px;
}
.event-countdown-live{
  font-family:'Fraunces',serif;font-weight:600;font-size:1.2rem;
  color:var(--gold-light);margin:6px 0;
}

.event-media{
  background:linear-gradient(150deg, var(--teal-bright), var(--teal-mid));
  display:flex;align-items:center;justify-content:center;padding:40px;
  position:relative;z-index:2;
}
.event-media-img{width:100%;height:100%;border-radius:16px;object-fit:cover;aspect-ratio:16/10;}
.event-media .frame{
  width:100%;aspect-ratio:16/10;border-radius:16px;
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.25);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;
  color:rgba(255,255,255,.55);
  font-family:'Fraunces',serif;font-size:.95rem;text-align:center;padding:20px;
}
.event-media .frame svg{width:38px;height:38px;}

/* ---------- CARRUSEL DE EVENTOS (cuando hay más de uno) ---------- */
.event-carousel{position:relative;outline:none;}
.event-carousel-stage{
  position:relative;
  border-radius:var(--radius);
  overflow:hidden;
  box-shadow:0 40px 70px -35px rgba(15,33,41,.55);
}
.event-carousel-slide .event-featured{box-shadow:none;border-radius:0;}

.event-curtain{
  position:absolute;top:0;bottom:0;width:50%;
  background:var(--teal-deep);
  z-index:5;
  transition:transform .55s cubic-bezier(.65,0,.35,1);
  pointer-events:none;
}
.event-curtain::before{
  content:'';position:absolute;inset:0;
  background:radial-gradient(circle at 50% 50%, rgba(199,154,69,.14), transparent 60%);
}
.event-curtain-left{left:0;transform:translateX(-101%);border-right:1px solid rgba(200,164,93,.4);}
.event-curtain-right{right:0;transform:translateX(101%);border-left:1px solid rgba(200,164,93,.4);}
.event-carousel.is-transitioning .event-curtain-left{transform:translateX(0);}
.event-carousel.is-transitioning .event-curtain-right{transform:translateX(0);}

.event-curtain-seam{
  position:absolute;top:50%;left:50%;z-index:6;
  transform:translate(-50%,-50%) scale(.4);
  width:52px;height:52px;border-radius:50%;
  background:var(--white);
  border:3px solid var(--gold);
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 12px 26px -8px rgba(0,0,0,.4);
  opacity:0;
  transition:opacity .3s ease .2s, transform .3s ease .2s;
  pointer-events:none;
}
.event-curtain-seam svg{width:22px;height:22px;}
.event-carousel.is-transitioning .event-curtain-seam{opacity:1;transform:translate(-50%,-50%) scale(1);}

.event-carousel-dots{
  display:flex;justify-content:center;gap:10px;margin-top:22px;
}
.event-dot{
  width:9px;height:9px;border-radius:50%;
  background:rgba(18,59,93,.18);
  border:none;padding:0;cursor:pointer;
  transition:background .25s ease, transform .25s ease;
}
.event-dot:hover{background:rgba(18,59,93,.35);}
.event-dot.active{background:var(--gold);transform:scale(1.3);}

.event-arrow{
  position:absolute;top:50%;transform:translateY(-50%);
  width:44px;height:44px;border-radius:50%;
  background:rgba(255,255,255,.92);
  border:1px solid rgba(15,58,66,.1);
  color:var(--brand-blue);
  font-size:1.5rem;line-height:1;
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;z-index:7;
  box-shadow:0 14px 28px -14px rgba(15,33,41,.5);
  transition:background .2s ease, transform .2s ease;
}
.event-arrow:hover{background:var(--white);transform:translateY(-50%) scale(1.08);}
.event-arrow-prev{left:-20px;}
.event-arrow-next{right:-20px;}