@charset "UTF-8";

/*!
 * Bootstrap  v5.3.0 (https://getbootstrap.com/)
 * Copyright 2011-2023 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */

/* Estilos para el carrusel */
.carousel {
    position: relative; /* Posición relativa para el carrusel */
}

/* Contenido interno del carrusel */
.carousel-inner {
    position: relative; /* Posición relativa para el contenido interno */
    width: 100%; /* Ancho completo */
    overflow: hidden; /* Oculta el contenido que se desborda */
}

/* Elemento del carrusel activo */
.carousel-item {
    position: relative; /* Posición relativa para cada elemento del carrusel */
    display: none; /* Oculta los elementos por defecto */
    float: left; /* Flota a la izquierda */
    width: 100%; /* Ancho completo */
    margin-right: -100%; /* Margen negativo para el efecto de desplazamiento */
    -webkit-backface-visibility: hidden; /* Oculta el reverso del elemento */
    backface-visibility: hidden; /* Oculta el reverso del elemento */
    transition: transform .6s ease-in-out; /* Transición suave para el desplazamiento */
}

/* Estilo para el elemento activo del carrusel */
.active.carousel-item-end,
.carousel-item-next:not(.carousel-item-start) {
    transform: translateX(100%); /* Desplaza el elemento activo hacia la derecha */
}

/* Estilo para el elemento activo que se desplaza hacia la izquierda */
.active.carousel-item-start,
.carousel-item-prev:not(.carousel-item-end) {
    transform: translateX(-100%); /* Desplaza el elemento activo hacia la izquierda */
}

/* Estilos para la fila */
.row {
    display: flex; /* Utiliza flexbox para la disposición de los elementos */
    flex-wrap: wrap; /* Permite que los elementos se envuelvan en varias líneas */
    margin-top: calc(-1 * var(--bs-gutter-y)); /* Margen superior negativo para compensar el relleno */
    margin-right: calc(-.5 * var(--bs-gutter-x)); /* Margen derecho negativo */
    margin-left: calc(-.5 * var(--bs-gutter-x)); /* Margen izquierdo negativo */
}

/* Estilos para las tarjetas */
.card {
    position: relative; /* Posición relativa para las tarjetas */
    display: flex; /* Utiliza flexbox para la disposición de los elementos dentro de la tarjeta */
    flex-direction: column; /* Disposición en columna */
    min-width: 0; /* Ancho mínimo */
    height: var(--bs-card-height); /* Altura de la tarjeta */
    color: var(--bs-body-color); /* Color del texto */
    word-wrap: break-word; /* Permite que el texto se ajuste a la línea */
    background-color: var(--bs-card-bg); /* Color de fondo de la tarjeta */
    background-clip: border-box; /* Recorta el fondo al borde de la tarjeta */
    border: var(--bs-card-border-width) solid var(--bs-card-border-color); /* Borde de la tarjeta */
    border-radius: var(--bs-card-border-radius); /* Bordes redondeados */
}

/* Estilos para el encabezado de la tarjeta */
.card-header {
    padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x); /* Relleno del encabezado */
    margin-bottom: 0; /* Elimina el margen inferior */
    color: var(--bs-card-cap-color); /* Color del texto del encabezado */
    background-color: var(--bs-card-cap-bg); /* Color de fondo del encabezado */
    border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color); /* Borde inferior */
}

/* Estilos para el cuerpo de la tarjeta */
.card-body {
    flex: 1 1 auto; /* Permite que el cuerpo de la tarjeta crezca y se ajuste */
    padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x); /* Relleno del cuerpo */
    color: var(--bs-card-color); /* Color del texto del cuerpo */
}

/* Estilos para el mapa (iframe) */
.map {
    position: relative; /* Posición relativa para el mapa */
    width: 100%; /* Ancho completo */
    height: 120px; /* Altura fija para el mapa */
    overflow: hidden; /* Oculta el contenido que se desborda */
}