/* CSS Document */
body{margin-top:0;padding:0}
html {scroll-behavior: smooth;}
.hero {background-image: linear-gradient(to right, rgba(0, 146, 70,0.4),transparent, rgba(206, 43, 75,0.4)), url('../imagenes/coliseo.jpeg');background-size: cover;  /*Cubre todo el �rea */background-position: center; /*Centra la imagen */background-repeat: no-repeat; /* Evita que se repita */background-attachment: fixed; /* Fija la imagen al hacer scroll */margin: 0; /* Elimina el margen predeterminado del body */padding: 0; /* Elimina el padding predeterminado del body */height: 125vh; /* Asegura que el body ocupe toda la altura de la ventana */position:absolute;top:0}
@media all and (max-width: 800px) {}
/*--------------------------------------------------------------
# Scroll Top Button
--------------------------------------------------------------*/
#scroll-top {position: fixed;visibility: hidden;opacity: 0;right:30px;bottom: 85px;z-index: 99999;background-color:#000066;width: 40px;height: 40px;border-radius: 4px;transition: all 0.4s;color:#fff;}
#scroll-top i {font-size: 24px;color: #fff;line-height: 0;}
#scroll-top:hover {background-color: red;}
#scroll-top.active {visibility: visible;opacity: 1;}
@media all and (max-width: 800px) {}
/* ------------------------------------------------------------- 
# Bordes sedes - turnos
------------------------------------------------------------- */
.green-border{border: 1px solid #CCC}
.green-border{transition:0.3s}
.green-border:hover{border: 2px solid rgba(0, 146, 70,0.4)}

.black-border{border: 1px solid #CCC}
.black-border{transition:0.3s}
.black-border:hover{border: 2px solid #333}

.red-border{border: 1px solid #CCC}
.red-border{transition:0.3s}
.red-border:hover{border: 2px solid rgba(206, 43, 75,0.4)}

/*--------------------------------------------------------------
# Disable aos animation delay on mobile devices
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
  [data-aos-delay] {
    transition-delay: 0 !important;
  }
}