/* * {
    border: red solid 1px;
} */

/* Evita que la barra de navegación tape el contenido */
html {
    scroll-padding-top: 6rem; /* height of your sticky header */
}

/* Tamaño de logotipo de navbar */
.navbar-brand img {
    height: 4rem;
    min-height: 48px;
}
@media only screen and (max-width: 280px) {
    .navbar-brand img {
        height: 1rem;
    }
}

/* Imagen isologo portada */
.isologo img {
    height: 20vh;
    min-height: 128px;
}

/* Altura de articulos */
/* article {
	min-height: 90vh;
} */
.mapa {
    height: 60vh;
}

/* logo footer size */
#logo-footer {
    object-fit: cover;
    min-height: 128;
    height: auto;
    width: 100%;
}

/* CSS Video Header Inicio */
header {
    position: relative;
    background-color: black;
    height: 91vh;
    min-height: 20rem;
    width: 100%;
    overflow: hidden;
}

header video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 0;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    object-fit: cover;
}

header .container {
    position: relative;
    z-index: 2;
}

header .overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: black;
    opacity: 0.5;
    z-index: 1;
}

/* Media Query for devices withi coarse pointers and no hover functionality */

/* This will use a fallback image instead of a video for devices that commonly do not support the HTML5 video element */

/* @media (pointer: coarse) and (hover: none) {
	header {
		background: url("https://source.unsplash.com/XT5OInaElMw/1600x900") black
			no-repeat center center scroll;
	}

	header video {
		display: none;
	}
} */

/* Asegura que todas las tarjetas tengan la misma altura */
.slick-slide {
    height: 100%; /* o cualquier altura deseada */
}
.slick-prev::before,
.slick-next::before {
  color: red !important;
  font-size: 50px !important;
}

.slick-prev {
    transform: translate(45px,0px) !important;
}
.slick-next {
    transform: translate(-70px,0px) !important;
}

/* Asegura que las imágenes dentro de las tarjetas mantengan su relación de aspecto */
.card-img-top {
    width: 100%;
    height: auto;
}

.video-responsive {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    padding-top: 30px;
    position: relative;
}
.video-responsive iframe,
.video-responsive object,
.video-responsive embed {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}