.fiesta-section{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 12% 15%,rgba(246,138,31,.16),transparent 24%),
    radial-gradient(circle at 88% 75%,rgba(249,211,38,.14),transparent 28%),
    linear-gradient(180deg,#3027a7 0%,#20138a 42%,#15106d 100%);
  color:#f8f8fc;
}

.fiesta-section::before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.08;
  background-image:linear-gradient(45deg,transparent 46%,#fff 47%,#fff 53%,transparent 54%);
  background-size:46px 46px;
  pointer-events:none;
}

.fiesta-section .container{
  position:relative;
  z-index:1;
}

.fiesta-intro{
  max-width:820px;
  margin:0 auto 48px;
  text-align:center;
}

.fiesta-intro h2{
  margin-bottom:18px;
}

.fiesta-intro p{
  margin-inline:auto;
  color:rgba(248,248,252,.82);
  font-size:1.08rem;
}

.fiesta-hero{
  display:grid;
  grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);
  gap:clamp(32px,6vw,80px);
  align-items:center;
  padding:clamp(30px,5vw,58px);
  border:1px solid rgba(248,248,252,.15);
  border-radius:34px;
  background:rgba(10,7,62,.28);
  box-shadow:0 26px 70px rgba(5,3,38,.28);
  backdrop-filter:blur(8px);
}

.fiesta-hero__brand{
  display:grid;
  place-items:center;
  min-height:280px;
  padding:28px;
  border-radius:28px;
  background:radial-gradient(circle,rgba(249,211,38,.18),transparent 64%);
}

.fiesta-hero__brand img{
  width:min(100%,430px);
  height:auto;
  filter:drop-shadow(0 18px 28px rgba(0,0,0,.28));
}

.fiesta-hero__kicker{
  display:inline-block;
  margin-bottom:8px;
  color:#f9d326;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.12em;
}

.fiesta-hero__content h3{
  margin:0 0 20px;
  font-family:"Barlow Condensed",Impact,sans-serif;
  font-size:clamp(2.5rem,5vw,4.8rem);
  line-height:.94;
  text-transform:uppercase;
}

.fiesta-hero__content p{
  margin:22px 0 0;
  color:rgba(248,248,252,.82);
  font-size:1.08rem;
}

.fiesta-hero__date{
  display:inline-flex;
  align-items:center;
  gap:14px;
  padding:12px 18px;
  border-radius:22px;
  background:linear-gradient(135deg,#f9d326,#f68a1f);
  color:#15106d;
  box-shadow:0 14px 30px rgba(246,138,31,.25);
}

.fiesta-hero__date strong{
  font-family:"Barlow Condensed",Impact,sans-serif;
  font-size:3.7rem;
  line-height:.8;
}

.fiesta-hero__date span,
.fiesta-hero__date small{
  display:block;
  font-weight:900;
  text-transform:uppercase;
}

.fiesta-artists{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
  align-items:end;
  margin-top:42px;
}

.fiesta-artist{
  position:relative;
  overflow:hidden;
  min-height:360px;
  border-radius:28px;
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.025));
  border:1px solid rgba(248,248,252,.12);
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}

.fiesta-artist:hover{
  transform:translateY(-8px);
  border-color:rgba(249,211,38,.6);
  box-shadow:0 22px 50px rgba(5,3,38,.3);
}

.fiesta-artist--featured{
  min-height:410px;
  background:radial-gradient(circle at 50% 20%,rgba(249,211,38,.22),transparent 45%),rgba(255,255,255,.05);
}

.fiesta-artist__image{
  display:flex;
  align-items:flex-end;
  justify-content:center;
  height:310px;
  padding:22px 22px 0;
}

.fiesta-artist--featured .fiesta-artist__image{
  height:360px;
}

.fiesta-artist__image img{
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  object-position:center bottom;
  filter:drop-shadow(0 18px 24px rgba(0,0,0,.3));
}

.fiesta-artist span{
  display:block;
  padding:16px 18px 18px;
  color:#f9d326;
  text-align:center;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.fiesta-tickets{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);
  gap:2rem;
  align-items:center;
  margin-top:42px;
  padding:clamp(24px,4vw,48px);
  border:1px solid rgba(255,205,96,.35);
  border-radius:28px;
  background:linear-gradient(135deg,rgba(42,24,5,.96),rgba(91,54,8,.92));
  box-shadow:0 24px 60px rgba(21,10,0,.28);
}

.fiesta-tickets__eyebrow{
  display:block;
  margin-bottom:.65rem;
  color:#f6c85f;
  font-size:.85rem;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.fiesta-tickets h3{
  margin:0 0 1rem;
  color:#fff;
  font-family:"Barlow Condensed",Impact,sans-serif;
  font-size:clamp(2rem,4vw,3.2rem);
  line-height:.95;
  text-transform:uppercase;
}

.fiesta-tickets p{
  margin:0 0 .85rem;
  color:rgba(255,255,255,.84);
  line-height:1.7;
}

.fiesta-tickets__artist{
  color:#f6c85f;
  font-size:1.1rem;
}

.fiesta-tickets__actions{
  display:grid;
  gap:.8rem;
}

.fiesta-tickets__button{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:.15rem;
  width:100%;
}

.fiesta-tickets__button strong{
  font-size:1rem;
}

@media(max-width:900px){
  .fiesta-hero{
    grid-template-columns:1fr;
    text-align:center;
  }

  .fiesta-hero__brand{
    min-height:220px;
  }

  .fiesta-hero__content p{
    margin-inline:auto;
  }

  .fiesta-artists{
    grid-template-columns:1fr;
    max-width:560px;
    margin-inline:auto;
    margin-top:36px;
  }

  .fiesta-artist,
  .fiesta-artist--featured{
    min-height:0;
  }

  .fiesta-artist__image,
  .fiesta-artist--featured .fiesta-artist__image{
    height:340px;
  }

  .fiesta-tickets{
    grid-template-columns:1fr;
  }
}

@media(max-width:640px){
  .fiesta-hero{
    padding:24px;
  }

  .fiesta-hero__brand{
    min-height:180px;
    padding:14px;
  }

  .fiesta-artist__image,
  .fiesta-artist--featured .fiesta-artist__image{
    height:290px;
  }

  .fiesta-tickets{
    padding:24px;
  }
}