@font-face {
  font-family:'Mona Sans';
  src:url('../fuentes/mona-sans.woff2') format('woff2');
  font-weight:200 900;
  font-stretch:75% 125%;
  font-display:swap
}

.eventos {
  --ev-fondo:#121212;
  --ev-panel:#202020;
  --ev-texto:#f5f5f5;
  --ev-suave:#c9c9c9;
  --ev-tenue:#a3a3a3;
  --ev-borde:#ffffff1f;
  --ev-rojo:var(--rojo);
  --ev-rojo-oscuro:var(--rojo-oscuro);
  --ev-lado:22px;
  background:var(--ev-fondo);
  color:var(--ev-texto);
  font-family:'Mona Sans',Arial,Helvetica,sans-serif
}
.ev {
  overflow-x:clip
}
.ev-oculto {
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip-path:inset(50%);
  white-space:nowrap
}
.eventos button:focus-visible,
.eventos a:focus-visible {
  outline-color:var(--ev-texto)
}
.eventos .saltar {
  color:var(--ev-fondo)
}

.ev-palabra {
  display:flex;
  align-items:baseline;
  white-space:nowrap;
  font-size:min(calc((100vw - var(--reserva,40px)) / var(--em)),140px);
  line-height:.86;
  text-transform:uppercase;
  margin:18px 0 26px;
  padding:.06em 0
}
.ev-palabra .w {
  font-stretch:125%;
  font-weight:900;
  letter-spacing:-.015em
}
.ev-palabra .c {
  font-stretch:75%;
  font-weight:400;
  letter-spacing:-.02em
}
.ev-palabra-roja {
  color:var(--ev-rojo)
}
.ev-palabra-blanca {
  color:var(--ev-texto)
}

.ev-pildora {
  --grosor:.155em;
  position:relative;
  display:inline-block;
  flex:none;
  width:var(--ancho,1.6em);
  height:.72em;
  margin:0 .05em
}
.ev-pildora i {
  position:absolute;
  top:0;
  bottom:0;
  border:var(--grosor) solid currentColor
}
.ev-pildora i:first-child {
  left:0;
  width:.36em;
  border-right:0;
  border-radius:.36em 0 0 .36em
}
.ev-pildora i:nth-child(2) {
  left:calc(.36em - 1px);
  right:calc(.36em - 1px);
  border-inline:0
}
.ev-pildora i:last-child {
  right:0;
  width:.36em;
  border-left:0;
  border-radius:0 .36em .36em 0
}

.ev-portada {
  position:relative;
  min-height:100vh;
  min-height:100svh;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  padding:96px 20px calc(48px + env(safe-area-inset-bottom));
  overflow:hidden;
  isolation:isolate
}
.ev-escena,
.ev-video,
.ev-velo {
  position:absolute;
  inset:0
}
.ev-escena {
  z-index:-3;
  overflow:hidden;
  background:url('../imagenes/music/voz-en-vivo-poster.jpg') center/cover no-repeat
}
.ev-video {
  z-index:-2;
  width:100%;
  height:100%;
  object-fit:cover
}
.ev-video[hidden] {
  display:none
}
.ev-video.sin-video {
  visibility:hidden
}
.ev-video-reproducir {
  position:absolute;
  z-index:4;
  top:calc(96px + env(safe-area-inset-top));
  right:20px;
  min-height:44px;
  padding:0 16px;
  display:inline-flex;
  align-items:center;
  gap:9px;
  border:1px solid #ffffff8a;
  border-radius:999px;
  background:#161616c4;
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
  color:#fff;
  font:inherit;
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  transition:background .25s ease,transform .25s ease
}
.ev-video-reproducir[hidden] {
  display:none
}
.ev-video-reproducir:hover {
  background:var(--ev-rojo);
  transform:translateY(-2px)
}
.ev-video-reproducir:disabled {
  opacity:.7
}
.ev-video-reproducir svg {
  width:12px;
  height:12px;
  fill:currentColor
}
.ev-velo {
  z-index:-1;
  pointer-events:none;
  background:linear-gradient(180deg,#121212b3 0,#12121259 28%,#121212bf 58%,#121212f2 80%,var(--ev-fondo) 100%)
}
.ev-luz {
  position:absolute;
  border-radius:50%;
  will-change:transform
}
.ev-luz-roja {
  width:120vw;
  height:120vw;
  top:-38vw;
  right:-52vw;
  background:radial-gradient(circle,#c8293240 0,#c8293214 38%,transparent 66%)
}
.ev-luz-suave {
  width:110vw;
  height:110vw;
  top:26%;
  left:-60vw;
  background:radial-gradient(circle,#ffffff14 0,#ffffff05 40%,transparent 68%)
}
.ev-puntos {
  position:absolute;
  width:6px;
  height:120px;
  background:radial-gradient(circle,currentColor 1.1px,transparent 1.6px) 0 0/6px 7px
}
@media(max-height:779px) {
  .ev-puntos {
    display:none
  }
}
.ev-puntos-uno {
  left:24%;
  top:30%;
  color:#ffffff66
}
.ev-puntos-dos {
  left:19%;
  top:38%;
  height:70px;
  color:var(--ev-rojo)
}

.ev-portada-contenido {
  position:relative;
  width:100%;
  max-width:1180px;
  margin:0 auto;
  padding-left:26px;
  --reserva:66px;
  will-change:transform
}
.ev-portada-lado {
  position:absolute;
  left:0;
  top:4px;
  bottom:0;
  width:14px;
  display:flex;
  flex-direction:column;
  align-items:center
}
.ev-portada-lado .ev-icono {
  width:14px;
  height:14px;
  margin:0;
  opacity:.6
}
.ev-portada-lado .ev-linea {
  width:2px;
  margin-top:10px;
  background:linear-gradient(180deg,var(--ev-rojo),var(--ev-rojo) 55%,var(--ev-rojo-oscuro))
}
.animar .ev-portada-contenido,
.animar .ev-escena,
.animar .ev-lineas,
.animar .ev-puntos {
  visibility:hidden
}
.ev-sello {
  display:flex;
  align-items:center;
  gap:10px;
  font-size:22px;
  font-weight:400;
  font-style:italic;
  letter-spacing:-.01em;
  margin-bottom:26px;
  color:var(--ev-texto)
}
.ev-sello b {
  font-style:normal;
  font-weight:700
}
.ev-sello-onda {
  width:52px;
  height:20px;
  flex:none;
  color:var(--ev-rojo)
}
.ev-sello-onda path {
  fill:none;
  stroke-width:3;
  stroke-linecap:round
}
.ev-titular {
  margin:0;
  font-weight:inherit
}
.ev-condensado {
  display:block;
  font-size:clamp(30px,9.2vw,72px);
  font-stretch:75%;
  font-weight:300;
  line-height:1;
  letter-spacing:.005em;
  color:var(--ev-texto)
}
.ev-condensado b {
  font-weight:800
}
.ev-titular .ev-palabra {
  margin:6px 0 0
}
.ev-bajada {
  margin-top:26px;
  max-width:560px;
  font-size:clamp(19px,5.2vw,24px);
  line-height:1.75;
  color:var(--ev-suave)
}
.ev-cta[aria-disabled=true] {
  cursor:not-allowed
}

.ev-seccion {
  position:relative;
  display:grid;
  grid-template-columns:var(--ev-lado) minmax(0,1fr);
  column-gap:14px;
  padding:88px 20px 96px 14px;
  max-width:1240px;
  margin:0 auto
}
.ev-lado {
  position:relative;
  grid-row:1 / span 2;
  display:flex;
  flex-direction:column;
  align-items:center
}
.ev-icono {
  width:22px;
  height:22px;
  margin-top:10px;
  fill:none;
  stroke:var(--ev-texto);
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round
}
.ev-linea {
  flex:1;
  width:3px;
  margin-top:12px;
  border-radius:3px;
  background:linear-gradient(180deg,var(--ev-rojo),var(--ev-rojo-oscuro) 65%,#ffffff1f);
  transform-origin:50% 0
}
.ev-cuerpo {
  min-width:0;
  --reserva:calc(34px + var(--ev-lado) + 14px)
}
.ev-titulo {
  font-size:clamp(34px,9.4vw,56px);
  font-weight:500;
  font-stretch:100%;
  line-height:1.1;
  letter-spacing:-.01em;
  color:#fff
}
.ev-texto {
  font-size:clamp(18px,5vw,22px);
  line-height:1.75;
  color:var(--ev-suave);
  max-width:620px
}
.ev-datos {
  list-style:none;
  padding:0;
  margin:34px 0 0;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px
}
.ev-datos li {
  display:flex;
  flex-direction:column;
  gap:8px;
  padding:14px 12px;
  border-radius:12px;
  background:var(--ev-panel)
}
.ev-datos b {
  font-size:clamp(13px,3.9vw,22px);
  font-stretch:100%;
  font-weight:800;
  letter-spacing:.02em;
  color:#fff
}
.ev-datos span {
  display:flex;
  align-items:center;
  gap:6px;
  font-size:13px;
  color:var(--ev-suave)
}
.ev-datos span::before {
  content:'';
  width:8px;
  height:8px;
  flex:none;
  border-radius:50%;
  background:var(--ev-rojo)
}

.ev-tarjetas {
  grid-column:1 / -1;
  display:flex;
  gap:14px;
  margin:44px -20px 0 -14px;
  padding:0 20px 8px calc(14px + var(--ev-lado) + 14px);
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  scroll-padding-left:calc(14px + var(--ev-lado) + 14px);
  scrollbar-width:none;
  overscroll-behavior-x:contain
}
.ev-tarjetas::-webkit-scrollbar {
  display:none
}
.ev-tarjeta {
  flex:0 0 min(82vw,380px);
  scroll-snap-align:start;
  display:flex;
  flex-direction:column;
  gap:14px;
  padding:16px 14px 20px;
  border:1px solid #ffffff2e;
  border-radius:22px;
  background:var(--ev-panel)
}
.ev-tarjeta h3 {
  text-align:center;
  font-size:21px;
  font-weight:600;
  color:#fff
}
.ev-tarjeta p {
  font-size:17px;
  line-height:1.5;
  color:var(--ev-suave);
  padding:0 4px
}
.ev-tarjeta-visual {
  position:relative;
  height:min(92vw,420px);
  border-radius:20px;
  overflow:hidden
}
.ev-tarjeta-roja .ev-tarjeta-visual {
  background:radial-gradient(ellipse at 20% 10%,var(--ev-rojo),var(--ev-rojo-oscuro) 55%,#301416)
}
.ev-tarjeta-negra .ev-tarjeta-visual {
  background:repeating-linear-gradient(90deg,#ffffff0a 0 1px,transparent 1px 22px),linear-gradient(150deg,#343434,#111 80%)
}
.ev-tarjeta-blanca .ev-tarjeta-visual {
  background:radial-gradient(circle,#17171717 1px,transparent 1.5px) 0 0/16px 16px,linear-gradient(150deg,#fff,#dedede)
}
.ev-tarjeta-blanca .ev-numero {
  -webkit-text-stroke-color:#17171766
}
.ev-tarjeta-blanca .ev-marco {
  border-color:var(--ev-rojo)
}
.ev-tarjeta-blanca .ev-flechas {
  background:var(--ev-fondo)
}
.ev-tarjeta-negra .ev-marco {
  border-color:var(--ev-rojo)
}
.ev-numero {
  position:absolute;
  right:-.08em;
  bottom:-.2em;
  font-size:250px;
  font-stretch:125%;
  font-weight:900;
  line-height:1;
  color:transparent;
  -webkit-text-stroke:2px #ffffff5c
}
.ev-marco {
  position:absolute;
  left:50%;
  width:170px;
  height:24px;
  margin-left:-85px;
  border:1.5px solid #ffffffb3;
  border-radius:999px
}
.ev-marco-arriba {
  top:18px;
  left:auto;
  right:22px;
  margin:0;
  width:150px
}
.ev-marco-abajo {
  bottom:20px;
  left:22px;
  margin:0
}
.ev-flechas {
  position:absolute;
  left:22px;
  bottom:60px;
  width:54px;
  height:28px;
  background:#fff;
  -webkit-mask:var(--ico-cheurones) center/contain no-repeat;
  mask:var(--ico-cheurones) center/contain no-repeat
}

.ev-pasos {
  list-style:none;
  padding:0;
  margin:40px 0 0;
  display:grid;
  gap:28px
}
.ev-paso {
  display:grid;
  justify-items:center;
  text-align:center;
  gap:10px;
  width:min(100%,240px)
}
.ev-paso:nth-child(even) {
  justify-self:end
}
.ev-paso-etiqueta {
  font-size:16px;
  font-weight:600;
  color:var(--ev-tenue)
}
.ev-paso-circulo {
  position:relative;
  display:grid;
  place-items:center;
  width:112px;
  height:112px;
  border-radius:50%;
  background:#262626
}
.ev-paso-circulo svg {
  width:40px;
  height:40px;
  fill:none;
  stroke:#fff;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round
}
.ev-arco {
  position:absolute;
  inset:-14px;
  border:4px solid transparent;
  border-top-color:var(--ev-texto);
  border-left-color:var(--ev-texto);
  border-radius:50%;
  transform:rotate(-45deg)
}
.ev-paso:nth-child(2) .ev-arco {
  border-top-color:var(--ev-rojo);
  border-left-color:var(--ev-rojo)
}
.ev-paso:nth-child(3) .ev-arco {
  border-top-color:var(--ev-tenue);
  border-left-color:var(--ev-tenue)
}
.ev-paso b {
  font-size:clamp(34px,11vw,48px);
  font-stretch:75%;
  font-weight:800;
  line-height:1;
  letter-spacing:.01em;
  color:var(--ev-texto);
  margin-top:8px
}
.ev-paso > span:last-child {
  font-size:16px;
  line-height:1.45;
  color:var(--ev-suave)
}

.ev-galeria {
  grid-column:1 / -1;
  position:relative;
  margin:40px -20px 0 -14px
}

.ev-galeria .carrusel-vista {
  gap:0;
  scroll-behavior:smooth;
  overscroll-behavior-x:contain
}
.ev-foto {
  flex:0 0 100%;
  scroll-snap-align:start;
  height:min(118vw,620px);
  border-radius:26px;
  display:flex;
  align-items:flex-end;
  padding:22px 24px 26px;
  overflow:hidden;
  position:relative
}
.ev-foto span {
  position:relative;
  z-index:1;
  font-size:12px;
  font-weight:700;
  letter-spacing:.16em;
  color:#fff
}
.ev-foto img {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover
}
.ev-foto::before {
  content:'';
  position:absolute;
  z-index:1;
  inset:0;
  background:linear-gradient(180deg,transparent 52%,#000a 100%)
}
.ev-foto-uno {
  background:linear-gradient(160deg,var(--ev-rojo),var(--ev-rojo-oscuro) 45%,#241416)
}
.ev-foto-dos {
  background:linear-gradient(160deg,#393939,#202020 50%,#101010)
}
.ev-foto-tres {
  background:linear-gradient(0deg,#121212 0,transparent 50%),linear-gradient(160deg,#fff,#d9d9d9)
}
.ev-flecha {
  position:absolute;
  top:calc(50% - 48px);
  width:48px;
  height:64px;
  display:grid;
  place-items:center;
  border:0;
  border-radius:12px;
  background:#121212a6;
  color:#fff
}
.ev-flecha svg {
  width:40px;
  height:40px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
  filter:drop-shadow(0 1px 3px #0009)
}
.ev-flecha-anterior {
  left:6px
}
.ev-flecha-siguiente {
  right:6px
}
.ev-flecha:focus-visible {
  box-shadow:0 0 0 7px var(--ev-fondo)
}
.ev-contador {
  margin:14px 20px 0 calc(14px + var(--ev-lado) + 14px);
  font-size:13px;
  font-weight:700;
  letter-spacing:.12em;
  color:var(--ev-tenue);
  font-variant-numeric:tabular-nums
}

.ev-final {
  padding:40px 20px 150px;
  max-width:1180px;
  margin:0 auto;
  --reserva:40px
}
.ev-final .ev-palabra {
  margin-bottom:22px
}
.ev-final .ev-texto {
  margin-top:18px
}
.ev-cta {
  display:flex;
  width:100%;
  max-width:460px;
  min-height:56px;
  margin-top:30px;
  padding:0;
  border:0;
  border-radius:12px;
  overflow:hidden;
  font:inherit;
  font-size:19px;
  text-align:left
}
.ev-cta-canal {
  display:flex;
  align-items:center;
  padding:0 16px;
  background:var(--ev-texto);
  color:var(--ev-fondo);
  font-size:16px
}
.ev-cta-accion {
  flex:1;
  display:flex;
  align-items:center;
  padding:0 18px;
  background:var(--ev-rojo);
  color:#fff;
  font-weight:500
}
.ev-cta[aria-disabled=true] .ev-cta-accion {
  background:var(--ev-rojo-oscuro)
}

.ev-whatsapp {
  position:fixed;
  right:16px;
  bottom:calc(84px + env(safe-area-inset-bottom));
  z-index:39;
  width:64px;
  height:64px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:var(--ev-rojo);
  box-shadow:0 8px 24px #0007
}
.ev-whatsapp[hidden] {
  display:none
}
.ev-whatsapp svg {
  width:34px;
  height:34px;
  fill:#fff
}

.eventos .pie {
  background:var(--ev-fondo);
  color:var(--ev-texto);
  border-top:1px solid var(--ev-borde);
  padding-bottom:100px
}
.eventos .pie-marca span {
  color:var(--ev-rojo)
}
.eventos .pie-inferior {
  color:var(--ev-suave)
}
.eventos .menu-numero,
.eventos .menu-panel a:hover,
.eventos .menu-panel a:focus-visible,
.eventos .pie nav a:hover {
  color:var(--ev-texto)
}
.eventos .pie nav a:hover {
  text-decoration:underline;
  text-decoration-color:var(--ev-rojo);
  text-underline-offset:5px
}

@media(min-width:720px) {
  .ev-portada {
    padding-inline:48px
  }
  .ev-portada-contenido {
    --reserva:122px
  }
  .ev-final {
    --reserva:96px
  }
  .ev-cuerpo {
    --reserva:calc(80px + var(--ev-lado) + 24px + max(0px,100vw - 1240px))
  }
  .ev-seccion {
    --ev-lado:28px;
    padding:120px 48px 120px 32px;
    column-gap:24px
  }
  .ev-tarjetas {
    margin-inline:-48px -32px;
    padding-inline:calc(32px + var(--ev-lado) + 24px) 48px;
    scroll-padding-left:calc(32px + var(--ev-lado) + 24px)
  }
  .ev-tarjeta {
    flex-basis:340px
  }
  .ev-pasos {
    grid-template-columns:repeat(3,1fr);
    gap:24px
  }
  .ev-paso,
  .ev-paso:nth-child(even) {
    justify-self:center
  }
  .ev-paso:nth-child(2) {
    margin-top:90px
  }
  .ev-galeria {
    margin-inline:calc(-1 * (var(--ev-lado) + 24px)) 0
  }
  .ev-foto {
    height:560px
  }
  .ev-final {
    padding:80px 48px 140px
  }
}
@media(min-width:1020px) {
  .ev-portada {
    padding:140px 64px 110px
  }
  .ev-luz-roja {
    width:70vw;
    height:70vw;
    top:-24vw;
    right:-18vw
  }
  .ev-luz-suave {
    width:60vw;
    height:60vw;
    left:-24vw
  }
  .ev-portada-contenido {
    --reserva:154px
  }
  .ev-titular .ev-palabra {
    font-size:min(calc((100vw - var(--reserva)) / var(--em)),200px);
    max-width:1000px
  }
  .ev-tarjetas {
    overflow:visible;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    margin-inline:0;
    padding:0 0 0 calc(var(--ev-lado) + 24px)
  }
  .ev-whatsapp {
    bottom:28px;
    right:28px;
    width:72px;
    height:72px
  }
  .eventos .pie {
    padding-bottom:24px
  }
}

@media(hover:hover) and (pointer:fine) {
  .ev-cta {
    transition:transform .2s,filter .2s
  }
  .ev-flecha:hover {
    background:var(--ev-rojo)
  }
}

.ev-escena,
.ev-linea,
.ev-arco {
  will-change:transform
}

.ev-lineas {
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  opacity:.14
}
.ev-lineas-fila {
  position:absolute;
  left:0;
  right:0;
  height:clamp(110px,34vw,190px);
  overflow:hidden
}
.ev-lineas-fila:nth-child(1) { top:2% }
.ev-lineas-fila:nth-child(2) { top:20% }
.ev-lineas-fila:nth-child(3) { top:38% }
.ev-lineas-fila:nth-child(4) { top:56% }
.ev-lineas-fila:nth-child(5) { top:74% }
.ev-lineas-ventana,
.ev-lineas-contenido {
  height:100%;
  overflow:hidden
}
.ev-lineas-pista {
  display:flex;
  width:200%;
  height:100%;
  will-change:transform
}
.ev-lineas svg {
  width:50%;
  height:100%;
  flex:none;
  overflow:visible
}
.ev-lineas path {
  fill:none;
  stroke:#fff;
  stroke-width:1.2;
  vector-effect:non-scaling-stroke
}
@media(max-width:719px) {
  .ev-cta {
    width:fit-content;
    max-width:100%;
    min-height:52px;
    font-size:17px
  }
}

.ev-tarjeta-evento {
  flex-basis:min(88vw,420px);
  color:inherit;
  text-decoration:none;
  cursor:pointer;
  transition:border-color .3s ease
}
.ev-tarjeta-evento:hover,
.ev-tarjeta-evento:focus-visible {
  border-color:#ffffff5c
}
.ev-tarjeta-evento .ev-tarjeta-visual {
  isolation:isolate
}
.ev-tarjeta-evento .ev-tarjeta-visual {
  height:auto;
  aspect-ratio:547/731;
  background:#e9e2d2
}
.ev-evento-cartel-oficial {
  width:100%;
  height:100%;
  object-fit:cover
}
.ev-tarjeta-evento .ev-numero,
.ev-tarjeta-evento .ev-marco,
.ev-tarjeta-evento .ev-flechas {
  display:none
}
.ev-evento-info {
  display:grid;
  gap:10px;
  padding:4px 6px 0
}
.ev-evento-fecha {
  width:max-content;
  padding:5px 12px;
  border-radius:999px;
  background:var(--ev-rojo);
  color:#fff!important;
  font-size:12px!important;
  font-weight:800;
  letter-spacing:.14em
}
.ev-tarjeta-evento h3 {
  text-align:left;
  font-size:24px;
  font-weight:700;
  line-height:1.15
}
.ev-tarjeta-evento .ev-evento-info p:not(.ev-evento-fecha) {
  padding:0
}
.ev-evento-cta {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:54px;
  margin-top:6px;
  border-radius:999px;
  background:#f5f5f5;
  color:#121212;
  font-size:16px;
  font-weight:700;
  transition:background .25s ease
}
.ev-evento-cta .icono-svg {
  width:18px;
  height:18px;
  transition:transform .35s cubic-bezier(.16,1,.3,1)
}
.ev-tarjeta-evento:hover .ev-evento-cta {
  background:#fff
}
.ev-tarjeta-evento:hover .ev-evento-cta .icono-svg {
  transform:translateX(4px)
}
@media(min-width:1020px) {
  .ev-tarjetas-una {
    grid-template-columns:1fr
  }
  .ev-tarjeta-evento {
    display:grid;
    grid-template-columns:minmax(0,360px) minmax(0,1fr);
    align-items:center;
    gap:clamp(24px,3vw,44px);
    padding:16px clamp(20px,2.4vw,36px) 16px 16px
  }
  .ev-tarjeta-evento h3 {
    font-size:clamp(28px,2.4vw,36px)
  }
  .ev-evento-cta {
    justify-self:start;
    padding:0 28px
  }
}

.ev-tarjetas-una {
  display:block;
  margin:40px 0 0 6px;
  padding:0;
  overflow:visible
}
.ev-tarjetas-una .ev-tarjeta-evento {
  width:100%
}

.ev-galeria {
  display:grid;
  grid-template-columns:1fr auto auto;
  align-items:center;
  column-gap:10px;
  margin:36px 0 0 6px
}
.ev-galeria .carrusel-vista {
  grid-column:1 / -1;
  gap:12px;
  border-radius:22px
}
.ev-foto {
  flex:0 0 86%;
  height:auto;
  aspect-ratio:4/5;
  border-radius:22px;
  padding:18px 18px 20px
}
.ev-foto span {
  padding:7px 12px;
  border-radius:999px;
  background:#1212128c;
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
  font-size:11px
}
.ev-foto::before {
  background:linear-gradient(180deg,transparent 60%,#0008 100%)
}
.ev-flecha {
  position:static;
  grid-row:2;
  width:48px;
  height:48px;
  margin-top:16px;
  border:1px solid #ffffff38;
  border-radius:50%;
  background:transparent
}
.ev-flecha svg {
  width:22px;
  height:22px;
  filter:none
}
.ev-flecha-anterior {
  grid-column:2
}
.ev-flecha-siguiente {
  grid-column:3
}
.ev-contador {
  grid-row:2;
  grid-column:1;
  margin:16px 0 0 4px
}

@media(min-width:720px) {
  .ev-galeria {
    margin-inline:calc(-1 * (var(--ev-lado) + 24px)) 0
  }
  .ev-tarjetas-una {
    margin-left:0
  }
  .ev-foto {
    flex-basis:56%;
    aspect-ratio:4/3
  }
}
@media(min-width:1020px) {
  .ev-foto {
    flex-basis:44%
  }
}
.ev-contador {
  font-variant-numeric:normal
}