.evento {
  --ec-crema:#e9e2d2;
  --ec-papel:#f3eee3;
  --ec-rojo:#e3262d;
  --ec-rojo-oscuro:#b81b22;
  --ec-amarillo:#f5d327;
  --ec-negro:#161514;
  --ec-cafe:#2a2622;
  --ec-angosta:'Mona Sans','Arial Narrow',Arial,sans-serif;
  background:var(--ec-negro)
}
html:has(body.evento) {
  background:var(--ec-crema)
}
.evc-ancho {
  width:min(1180px,calc(100% - 40px));
  margin-inline:auto
}
.evc-etiqueta {
  color:var(--ec-amarillo);
  font-size:12px;
  font-weight:800;
  letter-spacing:.18em
}
.evc-etiqueta-roja {
  color:var(--ec-rojo)
}

.evc-boton {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  min-height:54px;
  padding:0 26px;
  border:2px solid transparent;
  border-radius:999px;
  font-size:15px;
  font-weight:700;
  transition:background .25s ease,color .25s ease,border-color .25s ease,transform .35s cubic-bezier(.16,1,.3,1)
}
.evc-boton .icono-svg {
  width:17px;
  height:17px
}
.evc-boton:hover {
  transform:translateY(-2px)
}
.evc-boton:active {
  transform:scale(.97)
}
.evc-boton-negro {
  background:var(--ec-negro);
  color:#fff
}
.evc-boton-negro:hover {
  background:#000
}
.evc-boton-borde {
  border-color:var(--ec-negro);
  color:var(--ec-negro)
}
.evc-boton-borde:hover {
  background:#1615140f
}
.evc-boton-claro {
  background:var(--ec-papel);
  color:var(--ec-negro)
}
.evc-boton-claro:hover {
  background:#fff
}

.evc-cartel {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:calc(112px + env(safe-area-inset-top)) 0 clamp(54px,8vw,96px);
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .3 0 0 0 0 .25 0 0 0 0 .2 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E") 0 0/160px,
    radial-gradient(ellipse 70% 50% at 50% 0%,#f4efe3,transparent 70%),
    var(--ec-crema);
  color:var(--ec-negro)
}
.evc-mapa {
  position:absolute;
  inset:0;
  z-index:-1;
  width:100%;
  height:100%;
  fill:#a59a85;
  stroke:#a59a85;
  stroke-width:.6;
  stroke-dasharray:3 4;
  opacity:.4
}
.evc-mapa path {
  fill:none
}
.evc-sobretitulo {
  color:var(--ec-rojo);
  font-size:clamp(12px,1.3vw,15px);
  font-weight:800;
  letter-spacing:.2em
}
.evc-portada {
  display:grid;
  justify-items:center;
  gap:clamp(28px,4vw,40px)
}
.evc-poster {
  width:min(100%,440px);
  margin:0;
  overflow:hidden;
  border-radius:clamp(14px,1.6vw,20px);
  background:var(--ec-negro);
  box-shadow:0 40px 70px -34px #2a1f12a6,0 10px 24px -12px #2a1f1259;
  transform:rotate(-1.2deg)
}
.evc-poster img {
  width:100%;
  height:auto
}
.evc-portada-texto {
  display:grid;
  justify-items:center;
  text-align:center
}
.evc-portada-titulo {
  max-width:14ch;
  margin:14px 0 0;
  font-size:clamp(38px,6vw,72px);
  font-weight:900;
  line-height:.95;
  letter-spacing:-.05em;
  word-spacing:.06em
}
.evc-portada-titulo em {
  color:var(--ec-rojo);
  font-family:var(--ec-angosta);
  font-stretch:75%;
  font-style:normal;
  letter-spacing:-.01em;
  text-transform:uppercase
}
.evc-fecha {
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:22px;
  margin-top:clamp(24px,4vw,40px)
}
.evc-fecha p {
  display:grid;
  gap:4px;
  color:var(--ec-rojo);
  font-size:clamp(16px,2vw,22px);
  font-weight:600;
  letter-spacing:.06em;
  text-transform:uppercase
}
.evc-fecha strong {
  font-size:clamp(20px,2.6vw,30px);
  font-weight:800;
  letter-spacing:.04em
}
.evc-acciones {
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:12px
}

.evc-horario {
  position:relative;
  padding:clamp(70px,9vw,120px) 0;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .05 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E") 0 0/160px,
    linear-gradient(160deg,#3a352e,var(--ec-cafe) 55%,#1d1b18);
  color:#fff
}
.evc-horario-cabeza {
  display:flex;
  flex-direction:column;
  gap:8px;
  margin-bottom:clamp(30px,4vw,48px)
}
.evc-horario-titulo {
  color:var(--ec-amarillo);
  font-family:var(--ec-angosta);
  font-stretch:75%;
  font-size:clamp(72px,13vw,150px);
  font-weight:900;
  line-height:.85;
  letter-spacing:.02em
}
.evc-dias {
  display:grid;
  gap:clamp(22px,3vw,30px)
}
.evc-dia {
  min-width:0
}
.evc-dia-nombre {
  display:inline-flex;
  align-items:baseline;
  gap:10px;
  position:relative;
  z-index:1;
  margin:0 0 -14px 10px;
  padding:6px 22px 8px;
  border-radius:14px;
  background:var(--ec-rojo);
  color:#fff;
  font-family:var(--ec-angosta);
  font-stretch:80%;
  font-size:clamp(28px,4vw,38px);
  font-style:italic;
  font-weight:900;
  line-height:1;
  text-transform:uppercase;
  box-shadow:0 10px 20px -12px #0009
}
.evc-dia-nombre small {
  font-size:.45em;
  font-style:normal;
  font-weight:700;
  letter-spacing:.08em
}
.evc-sesion {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:6px;
  padding:28px clamp(12px,2vw,24px) 16px;
  border-radius:18px;
  background:var(--ec-papel);
  color:var(--ec-negro);
  text-align:center
}
.evc-comida + .evc-sesion {
  padding-top:16px
}
.evc-sesion p {
  display:grid;
  gap:4px;
  min-width:0
}
.evc-sesion strong {
  font-family:var(--ec-angosta);
  font-stretch:85%;
  font-size:clamp(28px,5.6vw,46px);
  font-weight:900;
  line-height:1;
  letter-spacing:-.01em;
  white-space:nowrap
}
.evc-sesion strong small {
  margin-left:2px;
  font-size:.5em;
  font-weight:800
}
.evc-sesion span {
  color:var(--ec-rojo);
  font-size:clamp(10px,1.3vw,12px);
  font-weight:800;
  letter-spacing:.06em;
  line-height:1.25;
  text-transform:uppercase
}
.evc-comida {
  display:flex;
  justify-content:space-around;
  margin:8px -6px;
  padding:7px 10px;
  border-radius:8px;
  background:var(--ec-rojo);
  color:#fff;
  font-size:clamp(12px,1.6vw,15px);
  font-weight:900;
  letter-spacing:.14em
}

.evc-lugar {
  padding:clamp(60px,8vw,100px) 0;
  background:var(--ec-rojo);
  color:#fff
}
.evc-lugar-interior {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:28px
}
.evc-lugar .evc-etiqueta {
  color:#ffe3a3
}
.evc-lugar h2 {
  margin:12px 0 12px;
  font-family:var(--ec-angosta);
  font-stretch:75%;
  font-size:clamp(56px,9vw,110px);
  font-weight:900;
  line-height:.88;
  text-transform:uppercase
}
.evc-lugar p:not(.evc-etiqueta) {
  max-width:42ch;
  color:#ffe9e9;
  font-size:17px;
  line-height:1.5
}

@media(min-width:720px) {
  .evc-ancho {
    width:min(1180px,calc(100% - 64px))
  }
  .evc-fecha {
    flex-direction:row;
    justify-content:space-between;
    text-align:left
  }
  .evc-lugar-interior {
    flex-direction:row;
    align-items:flex-end;
    justify-content:space-between
  }
}
@media(min-width:1020px) {
  .evc-cartel {
    padding-top:calc(140px + env(safe-area-inset-top))
  }
  .evc-portada {
    grid-template-columns:minmax(0,440px) minmax(0,1fr);
    align-items:center;
    justify-items:start;
    gap:clamp(48px,6vw,96px)
  }
  .evc-portada-texto {
    justify-items:start;
    text-align:left
  }
  .evc-portada .evc-fecha {
    flex-direction:column;
    align-items:flex-start;
    margin-top:34px
  }
  .evc-portada .evc-acciones {
    justify-content:flex-start
  }
  .evc-dias {
    grid-template-columns:repeat(3,1fr);
    align-items:start
  }
  .evc-sesion strong {
    font-size:clamp(26px,2.5vw,38px)
  }
}

@media(max-width:1019px) {
  .evc-horario-cabeza {
    align-items:center;
    text-align:center
  }
  .evc-dia-nombre {
    display:flex;
    width:max-content;
    margin:0 auto -14px;
    white-space:nowrap
  }
  .evc-lugar-interior {
    align-items:center;
    text-align:center
  }
  .evc-lugar p:not(.evc-etiqueta) {
    margin-inline:auto
  }
}