:root {
  --site-gold: #e8b44f;
  --site-pattern: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='340' height='240' viewBox='0 0 340 240'%3E%3Cg fill='none' stroke-linecap='round'%3E%3Ccircle cx='34' cy='38' r='11' stroke='%23656f78' stroke-opacity='.22' stroke-width='1.4'/%3E%3Ccircle cx='281' cy='201' r='4' fill='%23878f96' fill-opacity='.24' stroke='none'/%3E%3Crect x='126' y='25' width='16' height='16' rx='2' transform='rotate(24 134 33)' stroke='%234a5660' stroke-opacity='.18' stroke-width='1.3'/%3E%3Crect x='300' y='80' width='10' height='10' transform='rotate(45 305 85)' fill='%23727c84' fill-opacity='.18' stroke='none'/%3E%3Cpath d='M58 178l14-23 14 23z' stroke='%238f979d' stroke-opacity='.2' stroke-width='1.3'/%3E%3Cpath d='M198 119h24M210 107v24' stroke='%23545f68' stroke-opacity='.17' stroke-width='1.4'/%3E%3Cpath d='M310 18l13 8-13 8-13-8z' stroke='%237b848b' stroke-opacity='.2'/%3E%3Cpath d='M148 210l9-9 9 9-9 9z' fill='%23646f78' fill-opacity='.17' stroke='none'/%3E%3C/g%3E%3C/svg%3E");
}

body {
  padding-top: 0 !important;
  background-color: #f5f3ee !important;
  background-image: var(--site-pattern) !important;
}

.banner-arriba,
.menu-indices-fiestas {
  display: none !important;
}

.legal-page .legal-nav__home {
  display: none !important;
}

.fiesta-header {
  position: sticky !important;
  inset: 0 auto auto !important;
  z-index: 1000 !important;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  margin: 0 !important;
  padding: 14px 16px 8px !important;
  overflow: visible !important;
  background-color: #f5f3ee !important;
  background-image: var(--site-pattern) !important;
  box-sizing: border-box !important;
}

.fiesta-header__bar {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: clamp(14px, 2vw, 30px);
  width: min(1180px, 100%);
  min-height: 70px;
  margin: 0 auto;
  padding: 9px 10px 9px 22px;
  overflow: hidden;
  background: linear-gradient(112deg, #581222, #7f1f2a 52%, #57172d);
  border: 1px solid rgba(255, 232, 185, .3);
  border-radius: 20px;
  box-shadow: 0 17px 42px rgba(72, 22, 31, .2), inset 0 1px rgba(255, 255, 255, .12);
  box-sizing: border-box;
}

.fiesta-header__canvas { position: absolute; inset: 0; z-index: 0; width: 100%; height: 100%; opacity: .9; pointer-events: none; }
.fiesta-header__brand, .fiesta-header__links, .fiesta-header__languages { position: relative; z-index: 1; }
.fiesta-header__brand { display: inline-flex; align-items: center; gap: 9px; color: #fff !important; text-decoration: none !important; white-space: nowrap; }
.fiesta-header__brand-mark { width: 42px; height: 42px; flex: 0 0 auto; overflow: visible; fill: #f5c955; stroke: #ffe7a4; stroke-linecap: round; stroke-width: 2; filter: drop-shadow(0 3px 8px rgba(41,7,15,.28)); }
.fiesta-header__brand-sun { fill: none; }
.fiesta-header__brand-flag { fill: #c52634; stroke: #fff6dc; stroke-width: 1.4; }
.fiesta-header__brand-flag-band { fill: #f5c400; stroke: none; }
.fiesta-header__brand-copy { display: grid; line-height: 1; }
.fiesta-header__brand-copy strong { color: #fff; font: 700 clamp(1.02rem,1.55vw,1.28rem)/1 Georgia,"Times New Roman",serif; letter-spacing: -.025em; }
.fiesta-header__brand-copy small { margin-top: 4px; color: var(--site-gold); font: 800 .62rem/1 Arial,sans-serif; letter-spacing: .19em; text-transform: uppercase; }
.fiesta-header__links {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
}

.fiesta-header__links a {
  position: relative;
  z-index: 2;
  padding: 12px clamp(8px, 1.15vw, 14px);
  color: rgba(255, 250, 240, 0.76);
  font-size: clamp(0.76rem, 1.05vw, 0.91rem);
  font-weight: 700;
  line-height: 1.15;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  transition: color 180ms ease, letter-spacing 260ms cubic-bezier(.22, 1, .36, 1), text-shadow 180ms ease;
}

.fiesta-header__links a:hover,
.fiesta-header__links a:focus-visible,
.fiesta-header__links a[aria-current="page"] {
  color: #fff !important;
  letter-spacing: 0.015em;
  text-shadow: 0 0 14px rgba(255, 205, 99, 0.34);
}

.fiesta-header__indicator {
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 1;
  width: var(--indicator-width, 0);
  height: var(--indicator-height, 0);
  pointer-events: none;
  opacity: 0;
  background: linear-gradient(180deg, rgba(255, 250, 235, 0.16), rgba(255, 205, 99, 0.07));
  border: 1px solid rgba(255, 220, 143, 0.42);
  border-radius: 12px;
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 0 17px rgba(255, 193, 63, 0.14);
  transform: translate3d(var(--indicator-x, 0), -50%, 0) skewX(var(--indicator-skew, 0deg)) scaleX(var(--indicator-stretch, 1));
  transform-origin: center;
  transition: opacity 180ms ease;
  will-change: transform, width, height;
}

.fiesta-header__indicator.is-visible {
  opacity: 1;
}

.fiesta-header__languages { display: flex; gap: 6px; }
.fiesta-header__languages a { display: grid; place-items: center; width: 42px; height: 42px; color: #fff !important; font: 800 .78rem Arial,sans-serif !important; text-decoration: none !important; border: 1px solid rgba(255,232,185,.24); border-radius: 11px; }
.fiesta-header__languages a[aria-current="page"] { color: #48131f !important; background: var(--site-gold); }

.site-intro {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  margin: 0 !important;
  padding: clamp(36px, 5vw, 58px) max(24px, calc((100% - 1080px) / 2)) !important;
  color: #f7fbfc !important;
  background: linear-gradient(118deg, #163f4d, #205664 54%, #183f50) !important;
  box-sizing: border-box;
}
.site-intro h1 { position: relative; z-index: 1; margin: 0 0 12px !important; padding: 0 !important; color: #fff !important; background: none !important; border: 0 !important; }
.site-intro p { position: relative; z-index: 1; margin: 0 !important; color: #e5f0f3 !important; }
.site-intro a { color: #fff !important; }
.site-intro .home-intro__bubbles { position: absolute; inset: 0; z-index: 0; width: 100%; height: 100%; }

main, article, section { background-image: var(--site-pattern) !important; }

.programa-fiesta-link {
  color: #a62c39 !important;
  font-weight: 400 !important;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.18em;
}

.programa-fiesta-link:hover,
.programa-fiesta-link:focus-visible {
  color: #72202a !important;
}

@media (max-width: 820px) {
  .fiesta-header__bar { grid-template-columns: auto auto; gap: 8px 14px; }
  .fiesta-header__links { grid-column: 1 / -1; grid-row: 2; justify-content: flex-start; overflow-x: auto; }
  .fiesta-header__languages { justify-self: end; }
}

@media (prefers-reduced-motion: reduce) {
  .fiesta-header__links a, .fiesta-header__indicator { transition: none; }
}