:root {
  --colp: #1b1b1b;
  --colr: #b31217;
  --colpink: #c91d5a;
  --colpurple: #800080;
  --colgris: #a4a4a4;
  --colgray: #ececec;
  --colgreen: #b9ff2f;
  --colorange: #FF8008;
  --darkpurple: #522239;
}

#preloader {
  background-color: black;
  height: 100vh;
  width: 100vw;
  position: fixed;
  z-index: 999999999;
}

#preloader img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 8rem;
  animation: loader infinite 3s;
}
@media (min-width: px) {
  
  #preloader img {
  width: 18rem;

  }
  
}

@keyframes loader {
  0% {
    transform: translate(-50%, -50%) scale(3);

  }

  50% {
    transform: translate(-50%, -50%) scale(2);

  }

  100% {
    transform: translate(-50%, -50%) scale(3);

  }
}

body {
  font-family: "europa", sans-serif;
  background-color: black !important;
  color: white !important;
}

#navbar {
  z-index: 999 !important;
}

header {
  z-index: 999;
  background-color: transparent;
  width: 100%;
}

header ul li a {
  color: white !important;
  padding: 0 1rem;
  transition: 0.2s ease all !important;
  display: block;
}

header ul li a:hover {
  text-shadow: none;
}

header .btn-grad-red {

  padding: 1rem;
  margin: 0 auto;
  display: block;
}

header ul {
  background-color: #c91d5a; 
  border-radius: 0 0 1.5rem 1.5rem;

}
@media (min-width: 1200px) {
  header ul li a {
    letter-spacing: 0.1rem;
  }

  header ul li a:hover {
    letter-spacing: 0.2rem;
  }

  header .btn-grad-red {
    display: block;
    padding: 2rem;
  }




}

footer {
  background-color: #c91d5a;
  background-image: linear-gradient(0deg, #6c1131 25%, #000 100%);

  color: white !important;
}

footer a,
footer h5 {
  color: white;
}

footer a:hover {
  color: #b0cc30;
}
.footer-copy {
  padding-bottom: 3.3rem !important;
}

::-webkit-scrollbar {
  width: 1rem;
}

::-webkit-scrollbar-thumb {
  cursor: pointer;
  background: #c91d5a;
  border-radius: 2rem;

}

::selection {
  background-color: var(--colr);

  color: #fff;
}

-webkit-::selection {
  background-color: var(--colr);

  color: #fff;
}

::-moz-selection {
  background-color: var(--colr);

  color: #fff;
}

sup {
  padding-top: -.75rem;
  padding-left: .25rem;
  font-size: .75rem;
  

}

a {
  color: var(--colr);

  text-decoration: none;

  transition: 0.3s ease all;
}

a:hover {
  color: var(--colp);
}

h1 {
  font-family: "europa", sans-serif !important;

  font-weight: 900 !important;

  text-transform: uppercase;
}

h2 {
  text-transform: uppercase;
}

h2,
h3,
h4,
h5 {
  font-family: "europa", sans-serif !important;

  color: white;

  font-weight: 700 !important;

}

.fs-small {
  font-size: 0.8rem !important;
}
.fontNumber {

}

/*

========================

=======  GLOBALES  =======

========================

*/

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}


input[type="text"], 
input[type='email'],
input[type='tel']
 {
  border-radius: 3rem;
}

.form-select {
  border-radius: 3rem;
}

input[type="number"] {
  -moz-appearance: textfield;
}

img {
  width: 100%;
}

.sub-h {
  text-transform: uppercase;

  color: var(--colp);

  font-size: 2rem;

  font-weight: 700;
}

.hover-white:hover {
  color: white !important;
}

.white-hover-pink {
  color: white !important;
}
.white-hover-pink:hover {
  color: var(--colpink) !important;
}

.btn {
  transition: 0.2s ease all !important;
  padding: 0.5rem;
  text-transform: uppercase !important;
  font-weight: 700 !important;
  letter-spacing: 0.1rem;
}

.btn:focus {
  border: none;
  box-shadow: none;
}

.btn-lg {
  transition: 0.2s ease all !important;
}



.btn-grad {
  padding: 0.8rem 2rem;
  text-align: center;
  text-transform: uppercase;
  transition: 0.5s;
  background-size: 200% auto;
  color: white;
  font-weight: bold;
  letter-spacing: 0.05rem;
}

.btn-grad:hover {
  background-position: right center;
  color: #fff;
  text-decoration: none;
}

.btn-grad-red {
  background-image: linear-gradient(to right,
      #e52d27 0%,
      #b31217 51%,
      #e52d27 100%);
      
}

.btn-grad-yellow {
  background-image: linear-gradient(to right, #FF8008 0%, #FFC837 51%, #FF8008 100%)
}


.btn-grad-purple {
  background-image: linear-gradient(to right, #642B73 0%, #c91d5a 51%, #642B73 100%)
}

.btn-grad-green {
  background-image: linear-gradient(to right, #4caf50 0%, #98e045 51%, #4caf50 100%);
}


.text-primary {
  color: var(--colp) !important;
}

.text-purple {
  color: var(--colpurple) !important;
}
.text-pink {
  color: var(--colpink) !important;
}

.text-darkpurple {
  color: var(--darkpurple) !important;
}

.text-red {
  color: var(--colr) !important;
}

.text-gris {
  color: var(--colgris);
}

.text-green {
  color: var(--colgreen);
}
.text-orange {
  color: var(--colorange);
}

.bg-primary {
  background-color: var(--colp) !important;
}

.bg-gray {
  background-color: var(--colgray) !important;
}

.bg-red {
  background-color: var(--colr) !important;
}

.bg-purple {
  background-color: var(--colpurple) !important;
}

.bg-grad-orange {
  background-image: linear-gradient(60deg, #ff5858 0%, #f09819 100%);
}

.btn-white-hover-red {
  background-color: white;
  color: var(--colr);
}

.btn-white-hover-red:hover {
  background-color: var(--colr);
  color: white;
}

.btn-red-hover-white {
  background-color: var(--colr) !important;
  color: white;
}

.btn-red-hover-white:hover {
  background-color: white !important;
  color: var(--colr) !important;
}

.btn-primary-hover-white {
  background-color: var(--colp) !important;
  color: white;
}

.btn-primary-hover-white:hover {
  background-color: white !important;
  color: var(--colr) !important;
}

.btn-primary.disabled,
.btn-primary:disabled {
  background-color: #030934ce;
}

.fw-ebold {
  font-weight: 900 !important;
}

.fw-bold {
  font-weight: 700 !important;
}

.fw-normal {
  font-weight: 400 !important;
}

.bg-gris {
  background-color: var(--colgris);
}

.btn-primary {
  background-color: var(--colp);

  transition: 0.2s all ease;

  border: none;
}

.btn-primary:hover {
  background-color: var(--colr);
}

.btn-red {
  background-color: var(--colr) !important;

  color: white;

  transition: 0.2s all ease;

  border: none;
}

.btn-success {
  border: none !important;
  letter-spacing: 0.2rem;
}

.btn-red:hover {
  background-color: var(--colp) !important;

  color: white;
}

.btn-red-white {
  background-color: var(--colr);

  color: white;

  transition: 0.2s all ease;

  border: none;
}

.btn-red-white:hover {
  background-color: white;

  color: var(--colr);
}

.btn-super {
  font-size: 1.2em;
  font-weight: bold;
  letter-spacing: 0.1rem;
  text-transform: uppercase;
  transition: 0.2s ease all !important;
  padding: 1rem 2rem !important;
}

@media (min-width: 768px) {
  .btn-super {
    font-size: 1.5em;

    font-weight: bold;

    letter-spacing: 0.2rem;
    text-transform: uppercase;
  }
}

.btn,
.btn-lg {
  border-radius: 0 !important;
}

.btn-rounded {
  border-radius: 3rem !important;
}

@media (min-width: 993px) {

  .div-end {
    border-right: 3px solid !important;
  }

  .div-orange {
    border-color: #FF8209 !important;
  }
}



.progress {
  height: 2rem !important;
}

.parallax {
  min-height: 300px;


  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;
}

@media (min-width: 1200px) {
  .parallax {
    min-height: 300px;

    background-attachment: fixed;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;
  }
}


.borderResponsive {
  border-right: none;
  border-bottom: 2px dotted white;
}

@media (min-width: 992px) {
  .borderResponsive {
    border-right: 2px dotted white;
    border-bottom: none;
  }

  
}

.ul-special li::marker {
  color: var(--colpurple);

}

.ul-special--green li::marker {
  color: var(--colgreen);

}

.card-zoom {
  position: relative;
  overflow: hidden;
  text-align: center;
  border-radius: 1rem;
}


.card-zoom .filter {
  background: black;
  width: 100%;
  height: 100%;
  filter: opacity(.65);
  position: absolute;
  border-radius: 1rem;
  z-index: 1;
  transition: .2s ease-in-out all;
}

.card-zoom img {
  transition: all ease-in-out .2s;
}

.card-zoom img {
  transition: all ease-in-out .2s;
}

.card-zoom .content {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  z-index: 2;
}


.card-zoom h2 {
  color: white;
  line-height: .1rem;
  margin-bottom: 1.5rem;
}

.card-zoom:hover>img {
  transform: scale(1.2) !important;
}

.card-zoom:hover>.filter {
  background: #42275a;
}




.text-circle {
  background-color: var(--colp);

  width: 100px;

  height: 100px;

  border-radius: 50%;

  position: absolute;

  z-index: -1;

  justify-content: center;

  align-items: center;

  text-align: center;

  margin: 0 aut;

  margin: 0px auto;
}

.text-h-circle {
  position: relative;

  z-index: 1;

  margin: 0 auto;
}

.text-transform-none {
  text-transform: none;
}

.text-justify {
  text-align: justify !important;
}

/* BODY */


@media (min-width: 768px) {
  .logo-header {
    width: 6rem;
  }



}

@media (min-width: 1200px) {
  .logo-header {
    width: 8.5rem;
    transition-duration: .5s;
  }

  #carritoHeader i {
    font-size: 2.5rem;
    transition-duration: .5s;
  }



}

.logo-footer {
  max-width: 11rem !important;
}

.metodos-pago {
  max-width: 13rem;
}

.content-hero {
  padding-top: 90px;
}

.icono-redes {
  font-size: 2rem;
  color: var(--colpink);
}

.text-shadow {
  text-shadow: -2px 2px 2px #00000070;
}

.text-shadow-lg {
  text-shadow: 0px 9px 9px #00000070;
}




.text-shadow-none {
  text-shadow: none;
}

.img-link {
  position: relative;

  overflow: hidden;
}

.img-link img {
  width: 100%;

  height: 100%;

  transition: all 0.3s ease;
}

.img-link:hover>img {
  transform: scale(1.1);
}

.img-link:hover>.img-link-text {
  filter: opacity(0);
}

.img-link-text {
  position: absolute;

  bottom: 0;

  text-align: center;

  transition: ease all 0.3s;

  background: rgba(0, 0, 0, 0.8);

  width: 100%;

  opacity: 1;

  padding-top: 10px;
}

.img-link-icon {
  position: absolute;

  top: 0;

  width: 100%;

  height: 100%;

  background: #e7431e96;

  opacity: 0;

  visibility: hidden;

  text-align: center;

  transition: all ease-in-out 0.3s;

  color: white;
}

.img-link-icon i {
  margin-top: 10rem;

  color: white;

  display: block;
}

.img-link:hover>.img-link-icon {
  opacity: 1;

  visibility: visible;
}

/*
========================
========  BODY  ========
========================
*/

/* Banners */


.banner-general {
  height: 35vh;
  position: relative;
  overflow: hidden;
  background-size: cover !important;
  background-position: center center !important;
}


@media (min-width: 992px) {
  .banner-general {
    height: 75vh;
  }

}








.banner-general .filter {
  position: absolute;
  background-color: black;
  filter: opacity(.5);
  width: 100%;
  height: 100%;
  z-index: 0;

}

.banner-general .filter-orange {
  background-image: linear-gradient(to right, #FF8008 0%, #FFC837 51%, #FF8008 100%);

}

.banner-general .filter-purple {
  background-image: linear-gradient(180deg, #1b1b1b 30%, #53223a 100%);

}

.banner-general .container {
  width: auto;
  height: auto;
  padding-top: 5rem;
}

.banner-general .container .row {
  width: 100%;
  height: 100%;

}

.banner-general .content {
  margin: 0 auto;
  text-align: center;
  padding-top: 5rem;
  max-width: 500px;
  z-index: 9;

}

.banner-general svg {
  position: absolute;
  width: 100%;
  transform: translate(-50%, -90%);
  left: 50%;
  top: 100%;
  z-index: 9;
}

/* Banners End */

.contador h3,
.contador p {
  color: white !important;
  text-align: center;
  text-transform: uppercase;
}

#contador {
  background-color: var(--colpink);
  color: white !important;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  width: 100%;
  font-weight: bold;
  transition: .3s ease all;
  z-index: 9999;
  
}

.sticky {
  position: fixed;
  width: 100%;
  top: 0;
}


.card-special {
  background-color: white;
  border-radius: .7rem;
  border: none;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
}


[data-push-bar-id] {
  overflow-y: auto !important;
}

#menuMobile {
  width: 100vw;
  overflow: hidden !important;
  background-color: black;
}

#menuMobile .nav-link {
  display: block;
  color: white;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  padding: 1.5rem 0;
  letter-spacing: 0.2rem;
  font-size: 1.3rem;
}

#btnMobileCarrito {
  position: fixed;
  z-index: 999;
  bottom: 0;
  width: 100vw;

}

#btnMobileCarrito a {
  border-radius: 1rem 1rem 0 0 !important;
}




.float-whats {
  color: white !important;

  background-color: #1d9e3b;

  font-size: 2rem;

  position: fixed;

  padding: .5rem 1.05rem;

  border-radius: 50%;

  z-index: 99;

  bottom: 3rem;

  right: 15px;

  transition: ease 0.3s all;

  box-shadow: -1px 2px 2px #00000070;
  cursor: pointer;
}

.float-whats:hover {
  background-color: white;

  color: #1d9e3b !important;
}

/* Dropdown Menu Hover */

.dropdown-menu {
  border: none;
}

.dropdown-item a {
  color: var(--colp);
  display: block !important;
  padding: 0.25rem 0;
}

.dropdown-item:focus,
.dropdown-item:hover {
  color: var(--colp);
  background-color: white;
}

.dropdown-item:hover a {
  color: var(--colr);
  margin-left: 0.4rem;
}

@media (min-width: 992px) {
  .dropdown-menu {
    border: none;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  }

  .navbar .nav-item .dropdown-menu {
    display: block;
    opacity: 0;
    visibility: hidden;
    transition: 0.2s ease all;
    margin-top: 0;
  }

  .navbar .nav-item .nav-link {
    border-bottom: 2px solid transparent;
  }

  .navbar .nav-item:hover .nav-link {
    color: var(--colp);
    border-bottom: 2px solid var(--colr);
  }

  .navbar .dropdown-menu.fade-down {
    top: 80%;
    transform: rotateX(-75deg);
    transform-origin: 0% 0%;
  }

  .navbar .dropdown-menu.fade-up {
    top: 180%;
  }

  .navbar .nav-item:hover .dropdown-menu {
    transition: 0.3s;
    opacity: 1;
    visibility: visible;
    top: 100%;
    transform: rotateX(0);
  }
}


/* Productos */

#carritoHeader {
  cursor: pointer;
}

#carritoHeaderText {
  margin-top: -.5rem;
}


#pushBarPedido {
  width: 100vw;
  background-color: #f9f5ec;

}

.btnCerrarPushBar {
  font-size: 2rem;
  padding: 0.5rem;
  cursor: pointer;
  color: var(--colpurple) !important;
}



.sumar-item,
.restar-item {
  color: var(--colr) !important;
}



@media (min-width: 1200px) {
  #pushBarPedido {
    width: 33vw;
    height: 100vh;
  }
}

.owl-prev,
.owl-next {
  position: absolute !important;
  transform: translate(-50%, -50%);
  top: 50% !important;
  font-size: 2rem !important;
}

.owl-prev {
  left: 1%;
}

.owl-next {
  left: 99%;

}

.owl-theme .owl-nav [class*="owl-"]:hover {
  background: none !important;
  color: var(--colr) !important;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: var(--colr);
}



.cardBoletosProducto:hover .imgProducto {
  transform: scale(1.2);
}

@media (min-width: 1200px) {
  .cardBoletosProducto .cardBoletos-body {
    margin-bottom: 1rem;
  }

  .cardBoletosProducto {
    overflow: hidden;
  }

  .productCardFooter {
    position: absolute;
    bottom: -2.1rem;
    padding: 0 0.75rem;
    transform: translate(-50%, 0%);
    left: 50%;
    width: 100%;
    transition: 0.3s ease-in-out all;
  }

  .cardBoletosProducto:hover .productCardFooter {
    bottom: 0%;
  }
}

.decrementProduct {
  background-color: black;
  color: white;
  align-self: center;
  padding: 0.5rem;
  cursor: pointer;
  user-select: none;
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer */
  -webkit-user-select: none;
  /* Chrome, Safari, and Opera */
}

.incrementProduct {
  background-color: black;
  color: white;
  align-self: center;
  padding: 0.5rem;
  cursor: pointer;
  user-select: none;
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer */
  -webkit-user-select: none;
  /* Chrome, Safari, and Opera */
}

.quantityProduct,
.quantityProduct:active {
  background-color: black !important;
  color: white !important;
  border: none !important;
  box-shadow: none !important;
  text-align: center;
  padding: 0;
}

.form-check-input-placeholder {
  pointer-events: none;
  border-style: dashed;
}

[contenteditable]:focus {
  outline: 0;
}

.list-group-checkable {
  display: grid;
  gap: 0.5rem;
  border: 0;
}

.list-group-checkable .list-group-item {
  cursor: pointer;
  border-radius: 0.5rem;
  transition: 0.2s ease all;
}

.list-group-item-check {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
  transition: 0.2s ease all;
}

.list-group-item-check:hover+.list-group-item {
  background-color: var(--bs-success);
}

.list-group-item-check:checked+.list-group-item {
  color: #fff;
  background-color: var(--bs-success);
  transition: 0.2s ease all;
}

.list-group-item-check[disabled]+.list-group-item,
.list-group-item-check:disabled+.list-group-item {
  cursor: not-allowed;
  filter: none;
  opacity: 0.5;
}

/* Estilos de Boletos */

.date {
  position: relative;
  text-align: center;
  border-right: 2px dashed white;
}



.date:before,
.date:after {
  content: "";
  display: block;
  width: 2rem;
  height: 2rem;
  background-color: white;
  position: absolute;
  top: -1rem;
  right: -1rem;
  z-index: 1;
  border-radius: 50%;
}

.date:after {
  top: auto;
  bottom: -1rem;
}

.date time {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.date span {
  display: block;
  font-weight: bold;
  font-size: 3rem;
  line-height: 1;
}

.date span:first-child,
.date span:last-child {
  font-size: 1rem;
  margin: 0;
}

.info-boleto {
  padding: 1.5rem 1.5rem 1.5rem 2rem;
}

.etiquetaBoleto {
  position: absolute;
  top: -20%;
  transform: rotate(40deg) translate(50%, 50%);
  padding: 0.1rem 3rem;
  right: 3%;
  background-color: #ae070a;
  z-index: 11111;
  color: white;
  font-weight: bold;
  box-shadow: rgba(0, 0, 0, 0.3) -2.4px 2.4px 3.2px;
}




.boleto-general {
  overflow: hidden;
  background-color: #673ab7 !important;
  color: white;
}

.boleto-general .info-boleto {
  background-color: var(--colpurple) !important;
}

.boleto-general .info-boleto h3 {
  color: white;
}

.boletoVip {
  overflow: hidden;
  background-color: black !important;
  color: white;
}

.boletoVip .date {
  border-right: 2px dashed goldenrod;
}

.boletoVip h3 {
  color: goldenrod;
}

.boletoCenas {
  overflow: hidden;
  background-color: var(--darkpurple) !important;
  color: white;
}

.boletoCenas .date {
  border-right: 2px dashed goldenrod;
  background-color: darkred;
}

.boletoCenas h3 {
  color: goldenrod;
}

/* Estilo de Boletos End */

.guia-rapida a>h3 {
  transition: all ease-in-out .2s;
}

.guia-rapida a>img {
  transition: all ease-in-out .2s;
}

.guia-rapida a:hover>h3 {
  color: var(--darkpurple);
  transform: scale(.8);
}

.guia-rapida a:hover>img {
  padding: 0 !important;
}

.sponsors img {
  max-width: 6rem;
  max-height: 2.5rem;
  margin: auto;
}

.sponsors .sponsorsCarousel .owl-stage {
  display: flex;
  align-items: center;
}



@media (min-width: 993px) {
  .table-visita-vinedo td {
    padding: 2rem !important;
  }

  .table-visita-vinedo th {
    padding: 2rem !important;
    font-size: 1.5rem;
    text-align: center;
  }
}


.tableExp {
  text-align: center;
  width: 100%;
}

.tableExp tr th{

  color: white;
  background-color: var(--colpink);
  font-weight: bold;
  text-transform: uppercase;
  border: 3px solid var(--colpink);
  padding: .1rem .5rem;

  
  
}

.tableExp tr td {
  border: 3px dashed var(--colpink);
  white-space: nowrap;

}


.card-preventa {
  padding: 1rem;
  text-align: center;
  background-color: white;


}

.shadowCard-light {
  box-shadow: rgb(255 255 255 / 20%) 0px 15px 25px, rgb(255 255 255 / 20%) 0px 5px 10px;
}




.nav-catas .nav-link.active,
.nav-pills .show>.nav-link {
  border-radius: 3rem;
  background-image: linear-gradient(to right, #4caf50 0%, #98e045 51%, #4caf50 100%) !important;
  letter-spacing: .3rem;

}

.nav-catas .nav-link,
.nav-pills .show>.nav-link {
  border-radius: 3rem;
  background-image: linear-gradient(to right, #666666 0%, #666666 51%, #666666 100%) !important;
  letter-spacing: .3rem;
}



.card-cata .card-cata-header {
  border-radius: 1rem 1rem 0 0;
  background-color: var(--darkpurple);
  line-height: 1.3rem;
  height: 100px;
}

.card-cata .agotado {
  background-color: #9e9e9e !important;
}

.card-cata .cupo {
 margin-top: -.75rem;
}

.img-agotado {
  position: absolute;
  max-width: 20rem !important;
  top: 40%;
  left: 50%;


}

.access-title {
  font-size: 15vw;
  line-height: 2.5rem;
  text-shadow: -3px 3px 5px black;
}

.font-cursive {
  font-family: "lemongrass-script", sans-serif;
font-weight: 400;
font-style: normal;
}




@media (min-width: 992px) {
  
  .access-title {
    font-size: 10vw;
    line-height: 3.5rem;
  }
}


.video-index {
  height: 19rem;
}

@media (min-width: 992px) {
  .video-index {
    height: 35rem;
  }
}

#heroIndex {
  min-height: 55vh;
  position: relative
}
#heroIndex.access {
  min-height: 35vh;
  position: relative
}

#heroIndex video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
  object-fit: cover;
}


#heroIndex .capa {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background: rgb(0, 0, 0);
  background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 65%);
  /* mix-blend-mode: overlay; */

}

#heroIndex img {

-webkit-filter: drop-shadow(5px 5px 5px #222);
filter: drop-shadow(5px 5px 5px #222);
width: 260px;
}

@media (min-width: 992px) {
  #heroIndex {
    min-height: 65vh;
  }
  
  #heroIndex.access {
    min-height: 65vh;
  }
  
    #heroIndex video {
      height: 100%;
    }
    #heroIndex .capa {
      height: 100%;
    }
    #heroIndex img {

      width: 450px;
      }
  }


#heroIndex .contenido {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  display: flex;
  justify-content: center;
}
.contenidoCapa {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;  
  display: flex;
  justify-content: center;
}

.btn {
  border-radius: 3rem !important;
}

.sponsors {
  position: fixed;
  width: 100%;
  bottom: 0;
  z-index: 999;
  background-color: black;
  max-height: 40px;
}

.footerFinal{
  background-color: black;
  padding-bottom: 15px;
}

.footerFinal img {
  max-width: 17rem;
}


/* STEPS CHECKOUT */

#sectionSteps {
  background-color: white;
  margin-bottom: 0;
}


.steps {
  display: flex;
  width: 100%;

}

.step-item {
  padding: 1rem 0;
  flex-basis: 0;
  flex-grow: 1;
  text-align: center;
  text-decoration: none !important;
  color: gray;

}
.step-item.active {
  color: var(--colpink);
  font-weight: bold;
}

.step-item span {
  font-size: .8rem;
}



#vistasPasos  {
  color: black !important;
}


/* STEPS CHECKOUT END */


/* MAPAS GOLD */
.btnGradGreenSelected {
  background-image: linear-gradient(to right, #acacac 0%, #1f2715 51%, #acacac 100%);

}
.btnGradGreenSelected:hover {
  background-image: linear-gradient(to right, #4caf50 0%, #98e045 51%, #4caf50 100%);

}


/* MAPAS GOLD END */
#mi-div {
  position: relative; /* establece la posición inicial del div */
  top: 0;
}

#mi-div.estatico {
  position: fixed; /* establece la posición fija del div */
  top: 50px; /* ajusta la posición vertical según tus necesidades */
}