* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  background: #4972E7;
  background: linear-gradient(180deg, oklch(58.568% 0.18313 266.295) 0%, rgba(136, 216, 253, 1) 100%);
  background-repeat: no-repeat;
  background-attachment: fixed;
}

section {
  background-color: transparent;
  scroll-margin-top: 100px;
}

/*
nav {
  background-image: url(/assets/images/NavBg.jpg);
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #000;

}*/

p,
a,
li {
  font-family: "gotham", sans-serif;
  font-weight: 700;
  font-style: normal;
}

h1,
h2,
h3,
h4,
h5 {
  font-family: "agenda-one-extra-condensed", sans-serif;
  font-weight: 700;
  font-style: normal;
}

nav li a {
  color: #000000 !important;
  text-shadow: -1px 2px 0 rgb(0, 179, 21);

}

nav li a:hover {
  color: #DDDE71 !important;
  text-shadow: -1px 2px 0 rgb(0, 179, 21);
}

#countdownsect {
  background-image: url(https://www.porunpaismejor.com.mx/NewSimiFest2025/assets/images/bg-countdown-desk.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #000;
  height: auto;
  margin-top: 2rem;
  padding-top: 2rem;
}
#countdownsect h2 {
  font-size: 4rem !important;
  font-weight: 700;
  font-style: normal;
  text-align: center;
  -webkit-text-stroke: 2px black;
  /* Grosor y color del borde */
  text-shadow: -1px 7px 0 black;
  color: white;
  margin-bottom: 0px !important;
}

.contador {
  color: white !important;
  font-size: 5rem;
  font-family: "agenda-one-extra-condensed", sans-serif;
  font-weight: 700;
  font-style: normal;
  text-align: center;
  -webkit-text-stroke: 2px black;
  /* Grosor y color del borde */
  text-shadow: -1px 9px 0 black;
  /* sombra sólida */
  display: inline-block;
  /* para que el borde no ocupe todo el ancho */
  padding-bottom: 5px;
  display: flex;
  justify-content: center;
  margin-top: 1.5rem;
}



/* Contenedor principal del swiper */
.swiper {
  width: 100%;
  max-width: 1200px;
  padding: 2rem 0;
  box-sizing: border-box;
  overflow: hidden;
}

/* Asegura que el wrapper no desborde */
.swiper-wrapper {
  align-items: center;
}

/* Slides centrados y sin encogerse */
.swiper-slide {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Ajuste de imágenes */
.swiper-slide img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 360px;
  object-fit: cover;
  border-radius: 8px;
}

#artistas h2 {
  font-size: 4rem !important;
  font-weight: 700;
  font-style: normal;
  text-align: center;
  -webkit-text-stroke: 2px black;
  /* Grosor y color del borde */
  text-shadow: -1px 7px 0 black;
  color: white;
}
#sponsors h2 {
  font-size: 4rem !important;
  font-weight: 700;
  font-style: normal;
  text-align: center;
  -webkit-text-stroke: 2px black;
  /* Grosor y color del borde */
  text-shadow: -1px 7px 0 black;
  color: white;
}
#cartel h2 {
  font-size: 4rem !important;
  font-weight: 700;
  font-style: normal;
  text-align: center;
  -webkit-text-stroke: 2px black;
  /* Grosor y color del borde */
  text-shadow: -1px 7px 0 black;
  color: white;
}
.mod-title {
  font-size: 3rem !important;
  font-weight: 700 !important;
  font-style: normal;
  text-align: center !important;
  -webkit-text-stroke: 2px black !important;
  /* Grosor y color del borde */
  text-shadow: 2px 3px 0 black !important;
  color: white !important;
}
.swiper-sponsors .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
}


#map {
  width: 100%;
  height: 350px;
  border-radius: 20px;
}

#ubicacion h2 {
  font-size: 4rem !important;
  font-weight: 700;
  font-style: normal;
  text-align: center;
  -webkit-text-stroke: 2px black;
  /* Grosor y color del borde */
  text-shadow: -1px 7px 0 black;
  color: white;
}

.card {
  background-color: #EA5E86 !important;
  background-image: linear-gradient(rgba(234, 94, 134, 0.7), rgba(234, 94, 134, 0.8)),
   url('/assets/images/boletosCardBG.png') ;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: contain; /* o cover según el efecto que quieras */
  width: 100% !important;
  height: 940px !important;
}
.modal-content{
   background-color: #EA5E86 !important;
  background-image: linear-gradient(rgba(234, 94, 134, 0.7), rgba(234, 94, 134, 0.8)),
   url('/assets/images/boletosCardBG.png') ;
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover; /* o cover según el efecto que quieras */
  width: 100% !important;
}
.modal-header {
  border-bottom: none !important;
}

.modal-footer {
  border-top: none !important;
}
.card-title {
  font-size: 5rem !important;
  font-weight: 700;
  font-style: normal;
  text-align: center;
  -webkit-text-stroke: 2px black;
  /* Grosor y color del borde */
  text-shadow: -1px 9px 0 black;
  /* sombra sólida */
  color: white !important;
}

.card-subtitle {
  font-size: 2rem;
}

/*#separador{
  background: transparent;
}
#separador img{
  object-fit: cover;
  width: 100vw;
}*/
#separador {
  position: relative;
  overflow: hidden;
  min-height: 300px;
  /* ajusta según necesidad */
}

#separador .position-absolute {
  z-index: 0;
}

#separador .separadorimage {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.footer-content {
  position: relative;
  z-index: 2;
}

footer h5,
footer p,
footer a {
  font-family: "gotham", sans-serif;
  font-weight: 700;
  text-shadow: 0 2px 4px rgba(0, 205, 89, 0.6);
  color: #000000;
}

footer h2 {
  font-size: 4rem !important;
  font-weight: 700;
  font-style: normal;
  text-align: center;
  -webkit-text-stroke: 2px black;
  /* Grosor y color del borde */
  text-shadow: -1px 7px 0 black;
}

.copy-banner h5 {
  font-size: 1.8rem;
  /* Grosor y color del borde */
  text-shadow: 0px 2px 0 black;
}

footer .p-5 {
  padding: 3.5rem !important;
}

.copy-banner {
  background-color: #EA5E86;
  height: 100px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.shadow-top {
  box-shadow: 0 -4px 6px rgba(0, 0, 0, 0.3);
}

.redes-sociales {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
}

.redes-sociales li {
  list-style: none !important;
}

@media screen and (max-width: 1025px) {
  .contador {
    font-size: 3rem;
    text-shadow: -1px 3px 0 black;
    /* sombra sólida */
    margin-top: -4rem !important;
    padding-top: 2.5rem !important;
  }
  #countdownsect h2 {
  font-size: 3rem !important;
  font-weight: 700;
  font-style: normal;
  text-align: center;
  -webkit-text-stroke: 1.7px black;
  /* Grosor y color del borde */
  text-shadow: -1px 3px 0 black;
  color: white;
  margin-bottom: 0px !important;
  }

  #countdownsect {
    background-image: url(https://www.porunpaismejor.com.mx/NewSimiFest2025/assets/images/bg-countdown.jpg);
    margin-top: 0rem;
    padding-top: 2rem;
  }

  .swiper {
    padding: 2rem 0;
    /* evita padding horizontal que desborde */
  }

  /* Opcional: si las flechas se salen de viewport, escóndelas o ajusta su posición */
  .swiper-button-next,
  .swiper-button-prev {
    transform: scale(0.8);
    /* más pequeñas */
    right: 5px;
    left: 5px;
  }

  .card-title {
    font-size: 4rem !important;
    font-weight: 700;
    font-style: normal;
    text-align: center;
    -webkit-text-stroke: 2px black;
    /* Grosor y color del borde */
    text-shadow: 0px 6px 0 black;
    /* sombra sólida */
    color: white !important;
  }

  .separador-wrapper {
    min-height: 200px;
  }

  footer .p-5 {
    padding: 1rem !important;
  }

  .footer-content {
    padding: 2rem 1rem;
    margin-bottom: -4rem;
  }

  footer .img-fluid {
    width: 12rem !important;
  }

  footer h5 {
    font-size: 0.8rem;
    text-shadow: 1px 1.5px 0 black;
    -webkit-text-stroke: 0.2px black;
  }

  footer h2 {
    font-size: 3rem !important;
    text-align: center;
    -webkit-text-stroke: 2px black;
    /* Grosor y color del borde */
    text-shadow: 0px 5px 0 black;
  }

  footer ul {
    padding-left: -2000px !important;
  }
  footer .w-25:first-child {
    width: 4rem !important;
  } 

  .copy-banner h5 {
    font-size: 1.3rem;
    /* Grosor y color del borde */
    text-shadow: 0px 1.5px 0 black;
  }

  .button-53 {
    padding: .75rem 3rem;
    font-size: 1.25rem;
  }
}

/*boton comprar**/
.button-53 {
  background-color: #9AD2CE;
  border: 0 solid #E5E7EB;
  box-sizing: border-box;
  color: #000000;
  display: flex;
  font-family: ui-sans-serif, system-ui, -apple-system, system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  font-weight: 700;
  justify-content: center;
  line-height: 1.75rem;
  padding: .75rem 1.65rem;
  position: relative;
  text-align: center;
  text-decoration: none #000000 solid;
  text-decoration-thickness: auto;
  width: 100%;
  max-width: 260px;
  position: relative;
  cursor: pointer;
  transform: rotate(-2deg);
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  border-radius: 50px;
}

.button-53:focus {
  outline: 0;
}

.button-53:after {
  content: '';
  position: absolute;
  border: 1px solid #000000;
  border-radius: 50px;
  bottom: 4px;
  left: 4px;
  width: calc(100% - 1px);
  height: calc(100% - 1px);
}

.button-53:hover:after {
  bottom: 2px;
  left: 2px;
}