.cm-bg-black {
         background-color: black;
     }
     
     .cm-bg-grey {
         background-color: rgb(190, 190, 190);
     }
     
     .cm-bg-grey-fuerte {
         background-color: rgb(55, 55, 55);
     }
     
     .cm-bg-corpo {
         background-color: #004C97;
     }
     
     .cm-bg-white {
         background-color: white;
     }
     /* Fuente desde Google Fonts */
     
     .cm-font {
         font-family: "Raleway", sans-serif;
         font-optical-sizing: auto;
         font-weight: weight;
         font-style: normal;
     }
     
     .cm-font-montserrat-mini {
         font-family: "Montserrat", sans-serif;
         font-optical-sizing: auto;
         /* font-weight: weight; */
         font-style: normal;
         font-weight: 700;
         font-size: 30px;
     }
     
     .cm-font-montserrat {
         font-family: "Montserrat", sans-serif;
         font-optical-sizing: auto;
         /* font-weight: weight; */
         font-style: normal;
         font-weight: 700;
         font-size: 65px;
     }
     
     .cm-font-montserrat-normal {
         font-family: "Montserrat", sans-serif;
         font-optical-sizing: auto;
         /* font-weight: weight; */
         font-style: normal;
         font-weight: 700;
         font-size: 2.5rem;
     }
     /* color: #000;
    font-size: 2.5rem;
    font-weight: bold;
    margin-bottom: 1.5rem; */
     
     @media (max-width: 600px) {
         .cm-font-montserrat {
             font-size: 35px;
         }
     }
     
     .cm-font-montserrat-grey {
         font-family: "Montserrat", sans-serif;
         font-optical-sizing: auto;
         /* font-weight: weight; */
         font-style: normal;
         font-weight: 700;
         font-size: 65px;
         color: #1a1a1a;
     }
     
     @media (max-width: 600px) {
         .cm-font-montserrat-grey {
             font-size: 35px;
         }
     }
     
     .cm-font-montserrat-blue {
         font-family: "Montserrat", sans-serif;
         font-optical-sizing: auto;
         /* font-weight: weight; */
         font-style: normal;
         font-weight: 700;
         font-size: 65px;
         color: #004C97;
     }
     
     @media (max-width: 600px) {
         .cm-font-montserrat-blue {
             font-size: 35px;
         }
     }
     
     .cm-text-grey {
         color: #1a1a1a;
     }
     
     .cm-text-blue {
         color: #004C97;
     }
     /* style hr */
     
     .cm-hr {
         border: none;
         height: 2px;
         /* Ajusta la altura de la línea según lo desees */
         background-color: black;
         margin: 0;
         /* Elimina márgenes */
         padding: 0;
         /* Elimina relleno */
     }
     
     .cm-hr-wrapper {
         background-color: black;
         padding: 10px 0;
         /* Ajusta el relleno superior e inferior según lo desees */
     }
     
     section {
         overflow: hidden;
     }
     
     .overflow {
         overflow: hidden;
     }
     /* boton */
     
     .cm-btn {
         position: relative;
         display: inline-block;
         padding: 10px 20px;
         color: #000;
         /* Texto negro por defecto */
         background-color: #d3d3d3;
         /* Gris claro */
         border: 2px solid transparent;
         overflow: hidden;
         text-align: center;
         text-decoration: none;
         font-size: 16px;
         font-weight: bold;
         border-radius: 4px;
         transition: color 0.4s, border-color 0.4s;
         z-index: 1;
     }
     
     .cm-btn::before {
         content: '';
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         background-color: #004C97;
         /* Negro */
         transition: transform 0.4s;
         transform: translateX(-100%);
         z-index: -1;
         /* Asegurar que está detrás del texto */
     }
     
     .cm-btn:hover::before {
         transform: translateX(0);
     }
     
     .cm-btn:hover {
         color: #fff;
         /* Texto blanco cuando se pasa el ratón */
         border-color: #000;
         /* Borde negro cuando se pasa el ratón */
     }
     /* zoom img */
     
     .img-zoom {
         transition: transform 0.3s ease;
     }
     
     .img-zoom:hover {
         transform: scale(1.05);
     }
     /* color fondo */
     
     .bg-dark-black {
         background-color: #000;
     }
     /* SECCION IMG */
     
     .custom-section {
         background: url('../../img/seccion/back001.webp') no-repeat center center;
         background-size: cover;
         color: white;
         padding: 8%;
         text-align: center;
         position: relative;
     }
     
     .custom-section::before {
         content: '';
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         background-color: rgba(0, 0, 0, 0.5);
         /* Oscurece la imagen de fondo para mejorar la legibilidad del texto */
         z-index: 1;
     }
     /* zona aguas */
     
     .custom-section-aguas {
         background: url('../../img/seccion/back003.webp') no-repeat center center;
         background-size: cover;
         color: white;
         padding: 8%;
         text-align: center;
         position: relative;
     }
     
     .custom-section-aguas::before {
         content: '';
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         background-color: rgba(0, 0, 0, 0.5);
         /* Oscurece la imagen de fondo para mejorar la legibilidad del texto */
         z-index: 1;
     }
     /* instalaciones */
     
     .custom-section-instalaciones {
         background: url('../../img/seccion/back005.webp') no-repeat center center;
         background-size: cover;
         color: white;
         padding: 8%;
         text-align: center;
         position: relative;
     }
     
     .custom-section-instalaciones::before {
         content: '';
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         background-color: rgba(0, 0, 0, 0.5);
         /* Oscurece la imagen de fondo para mejorar la legibilidad del texto */
         z-index: 1;
     }
     /* elche */
     
     .custom-section-elche {
         background: url('../../img/seccion/back007.webp') no-repeat center center;
         background-size: cover;
         color: white;
         padding: 8%;
         text-align: center;
         position: relative;
     }
     
     .custom-section-elche::before {
         content: '';
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         background-color: rgba(0, 0, 0, 0.5);
         /* Oscurece la imagen de fondo para mejorar la legibilidad del texto */
         z-index: 1;
     }
     /* alicante */
     
     .custom-section-alicante {
         background: url('../../img/seccion/back006.webp') no-repeat center center;
         background-size: cover;
         color: white;
         padding: 8%;
         text-align: center;
         position: relative;
     }
     
     .custom-section-alicante::before {
         content: '';
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         background-color: rgba(0, 0, 0, 0.5);
         /* Oscurece la imagen de fondo para mejorar la legibilidad del texto */
         z-index: 1;
     }
     /* noticias */
     
     .custom-section-noticias {
         background: url('../../img/seccion/back008.webp') no-repeat center center;
         background-size: cover;
         color: white;
         padding: 8%;
         text-align: center;
         position: relative;
     }
     
     .custom-section-noticias::before {
         content: '';
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         background-color: rgba(0, 0, 0, 0.5);
         /* Oscurece la imagen de fondo para mejorar la legibilidad del texto */
         z-index: 1;
     }
     /* horarios */
     
     .custom-section-horarios {
         background: url('../../img/seccion/back009.webp') no-repeat center center;
         background-size: cover;
         color: white;
         padding: 8%;
         text-align: center;
         position: relative;
     }
     
     .custom-section-horarios::before {
         content: '';
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         background-color: rgba(0, 0, 0, 0.5);
         /* Oscurece la imagen de fondo para mejorar la legibilidad del texto */
         z-index: 1;
     }
     
     .custom-content {
         position: relative;
         z-index: 2;
     }
     
     .main-banner-description {
         font-size: 18pt;
     }
     /* SECCION IMG MOVE*/
     
     .custom-section-move {
         background: url('../../img/seccion/back002.webp') no-repeat center center fixed;
         background-size: cover;
         color: white;
         padding: 8%;
         text-align: center;
         position: relative;
     }
     
     .custom-section-move::before {
         content: '';
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         background-color: rgba(0, 0, 0, 0.5);
         /* Oscurece la imagen de fondo para mejorar la legibilidad del texto */
         z-index: 1;
     }
     /* salud */
     
     .custom-section-move-salud {
         background: url('../../img/seccion/back004.webp') no-repeat center center fixed;
         background-size: cover;
         color: white;
         padding: 8%;
         text-align: center;
         position: relative;
     }
     
     .custom-section-move-salud::before {
         content: '';
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         background-color: rgba(0, 0, 0, 0.5);
         /* Oscurece la imagen de fondo para mejorar la legibilidad del texto */
         z-index: 1;
     }
     
     .custom-content-move {
         position: relative;
         z-index: 2;
     }
     
     .main-banner-description-move {
         font-size: 18pt;
     }
     /* CARROUSEL 3 */
     
     .carousel {
         /* height: 770px; */
         /* max-height: 770px; */
         max-height: 888px;
     }
     
     .carousel-inner {
         /* height: 770px; */
         /* max-height: 770px; */
         max-height: 888px;
     }
     
     #featureContainer .carousel-inner .carousel-item.active,
     #featureContainer .carousel-inner .carousel-item-next,
     #featureContainer .carousel-inner .carousel-item-prev {
         display: flex;
         flex-wrap: nowrap;
     }
     /* small screens */
     
     @media (max-width: 300px) {
         #featureContainer .carousel-item {
             display: block;
         }
     }
     /* medium screens */
     
     @media (min-width: 300px) and (max-width: 767px) {
         #featureContainer .carousel-inner .carousel-item-end.active,
         #featureContainer .carousel-inner .carousel-item-next {
             transform: translateX(100%);
         }
         #featureContainer .carousel-inner .carousel-item-start.active,
         #featureContainer .carousel-inner .carousel-item-prev {
             transform: translateX(-100%);
         }
         #featureContainer .carousel-item {
             justify-content: space-between;
         }
     }
     /* large screens */
     
     @media (min-width: 768px) and (max-width: 991px) {
         #featureContainer .carousel-inner .carousel-item-end.active,
         #featureContainer .carousel-inner .carousel-item-next {
             transform: translateX(100%);
         }
         #featureContainer .carousel-inner .carousel-item-start.active,
         #featureContainer .carousel-inner .carousel-item-prev {
             transform: translateX(-100%);
         }
         #featureContainer .carousel-item {
             justify-content: space-between;
         }
     }
     /* extra large screens */
     
     @media (min-width: 992px) and (max-width: 1199px) {
         #featureContainer .carousel-inner .carousel-item-end.active,
         #featureContainer .carousel-inner .carousel-item-next {
             transform: translateX(50%);
         }
         #featureContainer .carousel-inner .carousel-item-start.active,
         #featureContainer .carousel-inner .carousel-item-prev {
             transform: translateX(-50%);
         }
         #featureContainer .carousel-item {
             justify-content: space-between;
         }
     }
     /* extra extra large screens */
     
     @media (min-width: 1200px) {
         #featureContainer .carousel-inner .carousel-item-end.active,
         #featureContainer .carousel-inner .carousel-item-next {
             transform: translateX(33.33%);
         }
         #featureContainer .carousel-inner .carousel-item-start.active,
         #featureContainer .carousel-inner .carousel-item-prev {
             transform: translateX(-33.33%);
         }
         #featureContainer .carousel-item {
             justify-content: space-between;
         }
     }
     
     #featureContainer .carousel-inner .carousel-item-end,
     #featureContainer .carousel-inner .carousel-item-start {
         transform: translateX(0);
     }
     
     #featureContainer .card {
         border: 0;
         position: relative;
     }
     
     #featureContainer .card .card-img-overlays {
         position: absolute;
         bottom: 15%;
         left: 10%;
         color: #fff;
         font-weight: bolder;
     }
     
     #featureContainer a {
         text-decoration: none;
     }
     
     #featureContainer .indicator {
         border: 1px solid rgb(202, 202, 202);
         padding: 3px 6px 3px 6px;
     }
     
     #featureContainer .indicator:hover {
         background-color: blue;
         border: 1px solid blue;
         transition: 200ms;
         color: white;
         transition: 200ms;
     }
     
     #featureContainer .indicator {
         color: lightgray;
     }
     
     #featureContainer .float-end {
         padding-top: 10px;
     }
     /* SECCION A001 */
     
     .custom-bg {
         background-color: #000000;
     }
     
     .custom-text {
         color: #ffffff;
     }
     
     .btn-custom-outline {
         color: #ffffff;
         border-color: #ffffff;
     }
     
     .btn-custom-outline:hover {
         color: #000000;
         background-color: #ffffff;
         border-color: #000000;
     }
     
     .vc_empty_space {
         height: 30px;
     }
     /* SECCION 002 */
     
     .custom-bg {
         background: linear-gradient(135deg, #000000 0%, #1a1a1a 100%);
         color: #ffffff;
     }
     
     .custom-text h2 {
         font-family: 'Montserrat', sans-serif;
         font-size: 2.5rem;
         font-weight: bold;
         text-transform: uppercase;
         letter-spacing: 2px;
     }
     
     .custom-text p {
         font-family: 'Arial', sans-serif;
         font-size: 1.1rem;
         line-height: 1.6;
     }
     
     .btn-custom-outline {
         color: #ffffff;
         border-color: #ffffff;
         position: relative;
         overflow: hidden;
         transition: all 0.3s ease;
     }
     
     .btn-custom-outline:hover {
         color: #000000;
         background-color: #ffffff;
         border-color: #ffffff;
     }
     
     .btn-custom-outline::before {
         content: '';
         position: absolute;
         top: 50%;
         left: 50%;
         width: 300%;
         height: 300%;
         background: rgba(255, 255, 255, 0.15);
         transition: all 0.3s ease;
         transform: translate(-50%, -50%) rotate(45deg);
     }
     
     .btn-custom-outline:hover::before {
         width: 0;
         height: 0;
     }
     
     .custom-list {
         font-family: 'Arial', sans-serif;
         font-size: 1.1rem;
         list-style: none;
         padding: 0;
     }
     
     .custom-list li {
         position: relative;
         padding-left: 40px;
         margin-bottom: 15px;
         display: flex;
         align-items: center;
     }
     
     .custom-list li::before {
         content: "";
         position: absolute;
         left: 0;
         top: 50%;
         transform: translateY(-50%);
         width: 30px;
         height: 30px;
         background-color: #ffffff;
         border-radius: 50%;
         color: #000000;
         text-align: center;
         line-height: 30px;
         font-size: 1.2rem;
         font-weight: bold;
     }
     
     .custom-list li:nth-child(1)::before {
         content: "1";
     }
     
     .custom-list li:nth-child(2)::before {
         content: "2";
     }
     
     .custom-list li:nth-child(3)::before {
         content: "3";
     }
     
     .custom-list li:nth-child(4)::before {
         content: "4";
     }
     
     .custom-list li:nth-child(5)::before {
         content: "5";
     }
     
     .custom-list li:nth-child(6)::before {
         content: "6";
     }
     
     .custom-list li:nth-child(7)::before {
         content: "7";
     }
     
     .custom-list li:nth-child(8)::before {
         content: "8";
     }
     
     .custom-list li:nth-child(9)::before {
         content: "9";
     }
     
     .custom-list li:nth-child(10)::before {
         content: "10";
     }
     
     .custom-list li:nth-child(11)::before {
         content: "11";
     }
     
     .custom-list li:nth-child(12)::before {
         content: "12";
     }
     
     .vc_empty_space {
         height: 30px;
     }
     /* ICONOS */
     
     .amenities {
         list-style: none;
         padding: 0;
         margin: 0;
     }
     
     .amenity {
         text-align: center;
         margin-bottom: 20px;
         transition: transform 0.3s ease, box-shadow 0.3s ease;
     }
     
     .amenity i {
         color: #000;
     }
     
     .amenity_title {
         margin-top: 10px;
         font-size: 1.1rem;
         color: #333;
     }
     
     .amenity:hover {
         transform: scale(1.1);
         /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); */
     }
     /* SECCION 003 */
     
     .card-hover {
         position: relative;
         overflow: hidden;
         cursor: pointer;
     }
     
     .card-hover img {
         transition: transform 0.3s ease;
     }
     
     .card-hover:hover img {
         transform: scale(1.1);
     }
     
     .card-hover .overlay,
     .card-hover .title-overlay {
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         display: flex;
         justify-content: center;
         align-items: center;
         transition: opacity 0.3s ease;
     }
     
     .card-hover .overlay {
         background-color: rgba(84, 84, 84, 0.5);
         color: white;
         opacity: 0;
     }
     
     .card-hover:hover .overlay {
         opacity: 1;
     }
     
     .card-hover .title-overlay {
         background-color: rgba(0, 0, 0, 0.5);
         color: white;
         opacity: 1;
     }
     
     .card-hover:hover .title-overlay {
         opacity: 0;
     }
     
     .card-hover .title-overlay h3,
     .card-hover .overlay h3 {
         margin: 0;
         font-size: 1.5rem;
         text-transform: uppercase;
     }
     
     .card-hover .overlay p {
         margin: 10px 0 0;
         font-size: 1rem;
     }
     /* SECCION 004 */
     
     .btn-custom-outline {
         color: #ffffff;
         border-color: #ffffff;
     }
     
     .btn-custom-outline:hover {
         color: #000000;
         background-color: #ffffff;
         border-color: #000000;
     }
     
     .vc_empty_space {
         height: 30px;
     }
     /* GALLERY */
     
     .gallery {
         display: grid;
         grid-template-columns: repeat(5, 1fr);
         /* Máximo 5 columnas */
         gap: 0;
     }
     
     .gallery img {
         width: 100%;
         height: 100%;
         object-fit: cover;
         cursor: pointer;
         transition: transform 0.3s ease;
     }
     
     .gallery img:hover {
         transform: scale(1.05);
     }
     /* .modal-dialog {
        max-width: 100%;
        margin: 0;
        height: 100%;
    }
    
    .modal-content {
        height: 100%;
        border: none;
    }
    
    .modal-body {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
    }
    
    .modal-body img {
        max-width: 100%;
        max-height: 100%;
    }
    
    .modal-header .btn-close {
        filter: invert(100%);
    } */
     
     @media (max-width: 1200px) {
         .gallery {
             grid-template-columns: repeat(4, 1fr);
             /* 4 columnas en pantallas más pequeñas */
         }
     }
     
     @media (max-width: 992px) {
         .gallery {
             grid-template-columns: repeat(3, 1fr);
             /* 3 columnas en pantallas más pequeñas */
         }
     }
     
     @media (max-width: 768px) {
         .gallery {
             grid-template-columns: repeat(2, 1fr);
             /* 2 columnas en pantallas más pequeñas */
         }
     }
     
     @media (max-width: 576px) {
         .gallery {
             grid-template-columns: 1fr;
             /* 1 columna en pantallas muy pequeñas */
         }
     }
     /* SECCION 005 */
     
     .card-hover {
         position: relative;
         overflow: hidden;
         cursor: pointer;
     }
     
     .card-hover img {
         transition: transform 0.3s ease;
     }
     
     .card-hover:hover img {
         transform: scale(1.1);
     }
     
     .card-hover .overlay,
     .card-hover .title-overlay {
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         display: flex;
         justify-content: center;
         align-items: center;
         transition: opacity 0.3s ease;
     }
     
     .card-hover .overlay {
         background-color: rgba(84, 84, 84, 0.5);
         color: white;
         opacity: 0;
     }
     
     .card-hover:hover .overlay {
         opacity: 1;
     }
     
     .card-hover .title-overlay {
         background-color: rgba(0, 0, 0, 0.5);
         color: white;
         opacity: 1;
     }
     
     .card-hover:hover .title-overlay {
         opacity: 0;
     }
     
     .card-hover .title-overlay h3,
     .card-hover .overlay h3 {
         margin: 0;
         font-size: 1.5rem;
         text-transform: uppercase;
     }
     
     .card-hover .overlay p {
         margin: 10px 0 0;
         font-size: 1rem;
     }
     /* SECCION 006 */
     
     .section-wrapper {
         padding: 60px 0;
         background-color: #fff;
         box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
     }
     
     .contact-form {
         background-color: #000;
         border-radius: 8px;
         padding: 30px;
         box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
     }
     
     .contact-form .form-group {
         margin-bottom: 20px;
     }
     
     .contact-form .form-control {
         border-radius: 0.5rem;
         border: 1px solid #ddd;
         box-shadow: none;
         transition: border-color 0.3s ease;
     }
     
     .contact-form .form-control:focus {
         border-color: #000;
         box-shadow: none;
     }
     
     .contact-form label {
         font-weight: 500;
     }
     /* .contact-form button {
    background-color: #000;
    color: #fff;
    border: none;
    border-radius: 0.5rem;
    padding: 12px 20px;
    font-size: 1.1rem;
    font-weight: 600;
    transition: background-color 0.3s ease;
} */
     /* .contact-form button:hover {
    background-color: #000;
} */
     
     .form-check-label {
         font-weight: 400;
     }
     
     .form-check-input:checked~.form-check-label::before {
         background-color: #000;
         border-color: #000;
     }
     
     .form-check-label a {
         color: #000;
         text-decoration: none;
     }
     
     .form-check-label a:hover {
         text-decoration: underline;
     }
     /* SECCION 007 */
     
     .card-hover2 {
         position: relative;
         overflow: hidden;
         cursor: pointer;
     }
     
     .card-hover2 img {
         transition: transform 0.3s ease;
     }
     
     .card-hover2:hover img {
         transform: scale(1.1);
     }
     
     .card-hover2 .overlay2,
     .card-hover2 .title-overlay2 {
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         display: flex;
         justify-content: center;
         align-items: center;
         transition: opacity 0.3s ease;
     }
     /* .card-hover2 .overlay2 {
    background-color: rgba(84, 84, 84, 0.5);
    color: white;
    opacity: 0;
} */
     /* .card-hover2:hover .overlay2 {
    opacity: 1;
} */
     /* .card-hover2 .overlay2 h3 {
    margin: 0;
    font-size: 1.5rem;
    text-transform: uppercase;
} */
     /* .card-hover2 .overlay2 p {
    margin: 10px 0 0;
    font-size: 1rem;
} */
     /* CARD SECCION */
     
     .card-seccion {
         display: flex;
         flex-direction: column;
         justify-content: space-between;
         /* Asegura que el contenido esté distribuido equitativamente */
         height: 100%;
         /* Asegura que todas las tarjetas tengan la misma altura */
         background-color: white;
         border-radius: 10px;
     }
     
     .card-body-seccion {
         flex-grow: 1;
         /* Permite que el cuerpo de la tarjeta crezca para ocupar el espacio disponible */
         padding: 20px;
     }
     /* ocultar con onclick */
     
     .pointer {
         cursor: pointer;
     }
     
     .list_horario {
         background-color: #212529;
     }
     
     .list_horario:hover {
         background-color: rgba(84, 84, 84, 0.5);
     }
     
     .list-group_a {
         text-decoration: none;
         color: #ffffff;
     }
     /* Estilos base del carrusel */
     
     #carouselExampleIndicators {
         margin-top: 65px;
     }
     /* Estilos para móviles */
     
     @media (max-width: 767px) {
         #carouselExampleIndicators {
             margin-top: 0;
             height: 100vh;
             /* Altura total de la ventana */
             width: 100vw;
             /* Ancho total de la ventana */
             position: relative;
         }
         #carouselExampleIndicators .carousel-inner {
             height: 100%;
         }
         #carouselExampleIndicators .carousel-item {
             height: 100%;
         }
         #carouselExampleIndicators .carousel-item img {
             height: 100%;
             object-fit: cover;
             /* Mantiene la proporción y cubre todo el espacio */
             object-position: center;
         }
     }
     /* Estilos base del carrusel */
     
     #carouselExampleIndicators {
         margin-top: 65px;
     }
     /* Estilos para el logo */
     
     .carousel-logo {
         position: absolute;
         top: 50%;
         left: 50%;
         transform: translate(-50%, -50%);
         z-index: 2;
         /* width: 200px; /* Ajusta según el tamaño que necesites */
         width: 450px;
     }
     
     .carousel-logo img {
         width: 100%;
         height: auto;
         /* opacity: 0.7; /* Ajusta la opacidad según necesites (0.0 a 1.0) */
     }
     /* Estilos para móviles */
     
     @media (max-width: 767px) {
         #carouselExampleIndicators {
             margin-top: 0;
             height: 100vh;
             width: 100vw;
             position: relative;
         }
         #carouselExampleIndicators .carousel-inner {
             height: 100%;
         }
         #carouselExampleIndicators .carousel-item {
             height: 100%;
         }
         #carouselExampleIndicators .carousel-item img {
             height: 100%;
             object-fit: cover;
             object-position: center;
         }
         /* Ajustes del logo para móvil */
         .carousel-logo {
             width: 350px;
             /* Tamaño más pequeño para móvil */
         }
     }
     /* Añadir estilos para el efecto fade */
     
     .carousel-fade .carousel-item {
         opacity: 0;
         transition-duration: .6s;
         transition-property: opacity;
     }
     
     .carousel-fade .carousel-item.active,
     .carousel-fade .carousel-item-next.carousel-item-start,
     .carousel-fade .carousel-item-prev.carousel-item-end {
         opacity: 1;
     }
     
     .carousel-fade .active.carousel-item-start,
     .carousel-fade .active.carousel-item-end {
         opacity: 0;
     }
     
     .carousel-fade .carousel-item-next,
     .carousel-fade .carousel-item-prev,
     .carousel-fade .carousel-item.active,
     .carousel-fade .active.carousel-item-start,
     .carousel-fade .active.carousel-item-prev {
         transform: translateX(0);
     }
     /* mini carrusel index */
     
     .metro-section-container-trans {
         display: flex;
         min-height: 30vh;
         flex-wrap: wrap;
     }
     
     .metro-slider-container-trans {
         flex: 3;
         position: relative;
         overflow: hidden;
         height: 560px;
         /* Altura fija para asegurar que los slides absolutos tengan referencia */
     }
     
     .metro-text-container-trans {
         flex: 2;
         padding: 4rem;
         display: flex;
         flex-direction: column;
         justify-content: center;
         /* background-color: #fff; */
     }
     
     .metro-images-slider-trans {
         position: relative;
         height: 100%;
     }
     
     .metro-slide-trans {
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         opacity: 0;
         visibility: hidden;
         transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;
     }
     
     .metro-slide-trans.active {
         opacity: 1;
         visibility: visible;
     }
     
     .metro-slide-trans img {
         width: 100%;
         height: 100%;
         object-fit: cover;
     }
     
     .metro-title-trans {
         color: #000;
         font-size: 2.5rem;
         font-weight: bold;
         margin-bottom: 1.5rem;
     }
     
     .metro-description-trans {
         color: #666;
         font-size: 1.1rem;
         line-height: 1.6;
     }
     
     .slick-dots-cm-trans {
         position: absolute;
         bottom: 20px;
         left: 50%;
         transform: translateX(-50%);
         display: flex;
         gap: 10px;
         list-style: none;
         padding: 0;
         z-index: 2;
         margin: 0;
     }
     
     .slick-dots-cm-trans li button {
         width: 12px;
         height: 12px;
         border-radius: 50%;
         background: rgba(255, 255, 255, 0.5);
         border: none;
         font-size: 0;
         cursor: pointer;
         padding: 0;
     }
     
     .slick-dots-cm-trans li.slick-active-cm-trans button {
         background: #fff;
     }
     
     .slick-prev-cm-trans,
     .slick-next-cm-trans {
         position: absolute;
         top: 50%;
         transform: translateY(-50%);
         z-index: 1;
         background: rgba(255, 255, 255, 0.5);
         border: none;
         width: 40px;
         height: 40px;
         border-radius: 50%;
         cursor: pointer;
     }
     
     .slick-prev-cm-trans {
         left: 20px;
     }
     
     .slick-next-cm-trans {
         right: 20px;
     }
     
     @media (max-width: 1024px) {
         .metro-section-container-trans {
             flex-direction: column;
             position: relative;
             /* Contenedor relativo para posicionar elementos hijos */
         }
         .metro-slider-container-trans {
             height: 60vh;
             position: absolute;
             /* Coloca el carrusel encima */
             top: 0;
             left: 0;
             width: 100%;
             z-index: 2;
             /* Asegura que esté por encima del texto */
         }
         .metro-text-container-trans {
             padding: 2rem;
             margin-top: 60vh;
             /* Mueve el texto hacia abajo, debajo del carrusel */
             z-index: 1;
             /* Asegura que esté debajo del carrusel */
         }
     }
     /* video index */
     
     .video-container {
         position: relative;
         width: 100%;
         max-width: 100%;
         margin: 0 auto;
         overflow: hidden;
         background: #000;
     }
     
     .video-wrapper {
         position: relative;
         padding-bottom: 56.25%;
         /* Relación de aspecto 16:9 por defecto para desktop */
         height: 0;
         overflow: hidden;
     }
     /* Formato historia para móvil (9:16) */
     
     @media (max-width: 768px) {
         .video-wrapper {
             padding-bottom: 177.78%;
             /* Relación de aspecto 9:16 */
         }
     }
     
     .video-wrapper video {
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         object-fit: cover;
     }
     /* actividades index */
     
     .hero-section {
         position: relative;
         width: 100%;
         height: 100vh;
         overflow: hidden;
     }
     
     .hero-image {
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         object-fit: cover;
     }
     
     .overlay {
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         background: rgba(0, 0, 0, 0.5);
     }
     
     .content-wrapper {
         position: relative;
         z-index: 1;
         max-width: 1200px;
         margin: 0 auto;
         padding: 2rem;
         height: 100%;
         display: flex;
         flex-direction: column;
         justify-content: center;
     }
     
     .cm-text-white {
         color: white;
         font-size: 1.2rem;
         line-height: 1.6;
         max-width: 800px;
     }
     /* Estilos responsivos */
     
     @media (max-width: 768px) {
         .cm-font-montserrat {
             font-size: 2rem;
         }
         .cm-text-white {
             font-size: 1rem;
         }
         .content-wrapper {
             padding: 1.5rem;
         }
     }
     
     @media (max-width: 480px) {
         .hero-section {
             height: auto;
             min-height: 100vh;
         }
     }
     /* Aplica resplandor negro al texto */
     /* NAVBAR /////////////// */
     /* .navbar {
           position: fixed;
           width: 100%;
           top: -100px;
           z-index: 1000;
           background-color: #fff;
           animation: slideDown 1s ease forwards;
           box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
       } */
     
     @keyframes slideDown {
         from {
             top: -100px;
         }
         to {
             top: 0;
         }
     }
     
     .navbar-brand {
         position: relative;
         padding: 0.5rem 1rem;
     }
     
     .navbar-brand img {
         max-width: 350px;
         height: auto;
     }
     
     .navbar-collapse {
         justify-content: center;
     }
     
     .navbar-nav {
         align-items: center;
     }
     
     .nav-link {
         /* position: relative;
             font-size: 1.1rem;
             margin: 0 15px;
             padding: 0.5rem 0;
             color: #333 !important;
             font-weight: 500; */
         position: relative;
         font-size: 0.9rem;
         margin: 0 15px;
         padding: 0.5rem 0;
         color: #333 !important;
         font-weight: 400;
         margin-top: 15px;
     }
     
     .nav-link::after {
         content: '';
         position: absolute;
         bottom: 0;
         left: 0;
         width: 0;
         height: 2px;
         background-color: #004C97;
         transition: width 0.3s ease;
     }
     
     .nav-link:hover::after {
         width: 100%;
     }
     
     .dropdown-menu {
         display: none;
         border: none;
         box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
         border-radius: 8px;
         padding: 0.5rem;
     }
     
     .nav-item.dropdown:hover .dropdown-menu {
         display: block;
     }
     
     .dropdown-item {
         padding: 0.5rem 1rem;
         transition: all 0.3s ease;
         border-radius: 4px;
     }
     
     .dropdown-item:hover {
         background-color: #333;
         color: #fff;
         transform: scale(1.02);
     }
     
     @media (max-width: 1200px) {
         .navbar-collapse { padding: 0; }
         .navbar-brand img {
             max-width: 300px;
         }
         .nav-link {
             text-align: center;
             margin: 0.5rem 0;
             margin-top: 15px;
         }
     }
     
     @media (max-width: 991px) {
         .navbar-collapse { padding: .5rem 0 1rem; background: transparent; }
         .navbar-brand img {
             max-width: 250px;
         }
         .nav-link {
             text-align: center;
             margin: 0.5rem 0;
         }
         .dropdown-menu {
             text-align: center;
             border: none;
             box-shadow: none;
         }
     }
     /* footer //////////// */
     
     .footer {
         background-color: #f8f9fa;
         padding: 40px 0;
     }
     
     .footer h5 {
         margin-bottom: 20px;
         font-weight: bold;
     }
     
     .footer ul {
         list-style: none;
         padding: 0;
     }
     
     .footer ul li {
         margin-bottom: 10px;
     }
     
     .footer ul li a {
         text-decoration: none;
         color: #000;
     }
     
     .footer ul li a:hover {
         text-decoration: underline;
     }
     
     .footer .social-icons a {
         margin-right: 15px;
         font-size: 20px;
         color: #000;
     }
     
     .footer .social-icons a:hover {
         color: #007bff;
     }
     
     .footer .separator {
         border-top: 1px solid #e9ecef;
         margin: 20px 0;
     }