@charset "UTF-8";
    @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300&display=swap');
     :root {
        --bs-accordion-bg: none !important;
        /* Puedes cambiar el valor del color según tus preferencias */
    }
    
    .accordion {
        --bs-accordion-bg: none !important;
    }
    
    .accordion-item {
        border: none !important;
    }
    
    .accordion-body {
        background-color: #f7f7f7;
        border-radius: 0px 0px 35px 35px;
    }
    
    .accordion-body thead tr th:first-child {
        border-top-left-radius: 8px;
        /* Ajusta el valor según sea necesario */
    }
    
    .fancybox-close-small svg path {
        fill: #ffffff;
        /* Código de color blanco en hexadecimal */
    }
    
    .accordion-body thead tr th:last-child {
        border-top-right-radius: 8px;
        /* Ajusta el valor según sea necesario */
    }
    
    .accordion-body thead tr th {
        background: #7400A3 !important;
        border-radius: 0px;
        color: #ffffff;
        /* Cambia el color del texto según sea necesario */
    }
    
    .table-striped>tbody>tr:nth-of-type(odd)>* {
        --bs-table-bg-type: rgb(22 95 206 / 7%);
    }
    
    ul {
        list-style-position: inside;
        list-style-image: url('../images/punto-verde.png');
    }
    
    li {
        font-size: 0.9rem;
        color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity))!important;
        font-weight: 900;
    }
    
    .accordion-header button {
        background: linear-gradient(200deg, #7400A3 13.57%, #7400A3 98.35%);
        color: #fff;
    }
    
    .accordion-button {
        border-radius: 50px !important;
        border: 3px solid #FFF;
    }
    
    .accordion-button::after {
        background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
    }
    
    .accordion-button:not(.collapsed)::after {
        background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
    }
    
    .accordion-button:not(.collapsed) {
        color: #969393;
    }
    
    .accordion-button:focus {
        z-index: 1;
    }
    
    .directivos-carrousel img {
        height: 250px;
    }
    
    .swiper-button-next,
    .swiper-rtl .swiper-button-prev {
        z-index: 1;
    }
    
    .swiper-button-prev,
    .swiper-rtl .swiper-button-next {
        z-index: 1;
    }
    
    .swiper-container-5 .swiper-slide {
        margin-right: 0 !important;
    }
    
    .swiper-container-5 .swiper-wrapper {
        justify-content: center;
    }
    
    .formacion-integral-galery {
        position: relative;
        top: -3rem;
    }
    
    .cuadro-titulos {
        border-radius: 59px;
        background: #F7F7F7;
        box-shadow: 0px 13px 8.4px 0px rgba(0, 0, 0, 0.10);
    }
    /* .fondo-contactenos, */
    
    .hvr-underline-from-center-modified:before {
        background: linear-gradient(180deg, #FF50D8 0%, #E906B1 100%) !important;
        height: 0px !important;
    }
    
    .menu-position-floating .hvr-underline-from-center-modified:before {
        background: linear-gradient(180deg, #FF50D8 0%, #E906B1 100%) !important;
        height: 1px !important;
    }
    
    .fondo-blog-fuera {
        background-image: url("../imagenes/gris-fondo-blog.jpg");
        background-position: top center;
        background-repeat: repeat-x;
    }
    
    .menu-position-principal {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 1000;
    }
    
    .menu-position-floating {
        position: fixed !important;
        background-color: #fff;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 1000;
        box-shadow: 1px 8px 6px -3px rgba(160, 50, 139, 0.69);
        -webkit-box-shadow: 1px 8px 6px -3px rgba(160, 50, 139, 0.69);
        -moz-box-shadow: 1px 8px 6px -3px rgba(160, 50, 139, 0.69);
    }
    
    .fondo-faqs {
        background-image: url("../imagenes/fondo-faqs.png");
        background-position: top center;
        background-repeat: no-repeat;
    }
    
    .fs-1 {
        font-size: calc(2.375rem + 1.5vw)!important;
    }
    
    .fs-2 {
        font-size: calc(1.525rem + .9vw)!important;
    }
    
    .bg-footer {
        background: url('../imagenes/t-1.png') top no-repeat;
        background-size: cover;
        border-radius: 30px 30px 0px 0px;
    }
    
    input[type=button] {
        border-radius: 50px;
        background: linear-gradient(180deg, #FF50D8 0%, #E906B7 100%);
        box-shadow: 0px 4px 10.1px 0px rgba(0, 0, 0, 0.25);
        border: #FFFFFF solid 1px;
        color: #FFFFFF;
    }
    
    input::placeholder {
        color: #fff !important;
    }
    
    .fondo-pie {
        background-position: top;
        background-repeat: no-repeat;
        background-size: cover;
    }
    
    .fondo-blog-1 {
        border-radius: 15px;
        background: #FFF;
        box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.16), 0px 0px 1px 0px rgba(40, 41, 61, 0.04);
    }
    
    .fond-azul-2024 {
        background-image: url("../imagenes/img-azul-1.jpg");
        background-position: top center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    
    .fondo-conocenos {
        background-image: url(../imagenes/fondo-1.png);
        background-position: top center;
        background-size: cover;
        background-repeat: no-repeat;
    }
    
    .text-white .text-miga {
        color: #8B8B8B !important;
    }
    
    .text-white .text-miga a {
        color: #fff !important;
    }
    
    .navegacion ul {
        display: flex;
        justify-content: flex-end;
    }
    
    .navegacion ul li {
        list-style: none;
        /* font-size: 1.6rem; */
        letter-spacing: 0.2rem;
    }
    
    .navegacion ul li a {
        text-decoration: none;
        padding: 0rem 1rem;
        margin: 0 1rem;
    }
    
    .menu-position-floating .navegacion ul li a {
        text-decoration: none;
        padding: 0rem 1rem;
        margin: 0 1rem;
        color: #7400A3 !important;
    }
    
    .menu-position-floating .navegacion ul li a:hover {
        color: #cbcbcb;
    }
    
    .icono {
        text-decoration: none;
        padding: 0rem 0rem !important;
        /* margin: 0 1rem; */
    }
    
    .navegacion ul li a:hover {
        /* background: var(--color-secundario); */
        color: #7400A3;
        /* box-shadow: -1px 0px 18px 5px rgba(9, 55, 97, 0.4); */
        transition: 0.5s ease-in-out;
    }
    
    .navegacion ul li:last-child {
        margin-right: 2rem;
    }
    
    nav:not(.mm-menu) {
        display: none;
    }
    
    .mm-wrapper--position-left .mm-slideout,
    .mm-wrapper--position-right .mm-slideout {
        transform: none;
    }
    /*
grid
*/
    
    .input-icono-llamar {
        background-image: url(../imagenes/call.svg) !important;
        padding-left: 38px;
        background-repeat: no-repeat !important;
        background-position: 38px !important;
    }
    
    .grid {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr;
        gap: 0px 0px;
        grid-auto-flow: row;
        height: auto;
        gap: 10px;
        padding: 2rem 4rem;
        grid-template-areas: "item1 item1 item2 item2 item3 item3" "item1 item1 item2 item2 item3 item3" "item1 item1 item2 item2 item3 item3" "item4 item4 item2 item2 item6 item6" "item4 item4 item5 item5 item6 item6" "item4 item4 item5 item5 . .";
    }
    
    .item1 {
        height: auto;
        flex-shrink: 0;
        grid-area: item1;
        background: transparent;
    }
    
    .item2 {
        height: auto;
        flex-shrink: 0;
        grid-area: item2;
        background: transparent;
    }
    
    .item3 {
        height: auto;
        flex-shrink: 0;
        grid-area: item3;
        background: transparent;
    }
    
    .item4 {
        height: auto;
        flex-shrink: 0;
        grid-area: item4;
        background: transparent;
    }
    
    .item5 {
        height: auto;
        flex-shrink: 0;
        grid-area: item5;
        background: transparent;
    }
    
    .item6 {
        height: auto;
        flex-shrink: 0;
        grid-area: item6;
        background: transparent;
    }
    
    .fancybox-can-pan .fancybox-content,
    .fancybox-can-swipe .fancybox-content {
        width: 30% !important;
    }
    
    .fancy-block .div-cat {
        display: block !important;
    }
    
    .div-cat {
        cursor: pointer;
    }
    
    .alto_NeoEsperancista {
        height: 1400px;
    }
    
    .alto_NeoEsperancista_1 {
        height: 800px;
    }
    
    .alto_nuestroEquipo {
        height: 623px;
    }
    
    .alto_campus {
        height: 1000px;
    }
    
    .imagenNuestroEquipo {
        flex-shrink: 0;
        border-radius: 0 40px 40px 0px;
    }
    
    .imagendualdipolma {
        width: 87%;
        height: 645px;
        flex-shrink: 0;
        border-radius: 40px 0px 0px 40px;
        background: url(./../imagenes/Dual-Diploma.png) no-repeat;
        background-size: cover;
    }
    
    .imagenLanuevaEsperanzaConocenos {
        width: 87%;
        height: 500px;
        flex-shrink: 0;
        border-radius: 60px;
        background: url(./../imagenes/nuevaesperanza-conocenos.png) no-repeat;
        background-size: cover;
    }
    
    .imagenCampus {
        border-radius: 40px;
    }
    
    @media (max-width: 768px) {
        .bg-footer {
            background: url('../images/t-1.png') top no-repeat;
            background-size: cover;
            border-radius: 0px 0px 0px 0px;
        }
        .grid {
            padding: 1rem 2rem;
            height: auto;
            gap: 5px;
            height: 300px;
        }
        .item1 {
            height: auto;
            width: 100%;
            padding: 0;
            background-size: cover;
            background: transparent;
        }
        .item2 {
            height: auto;
            width: 100%;
            padding: 0;
            background-size: cover;
            background: transparent;
        }
        .item3 {
            height: auto;
            width: 100%;
            padding: 0;
            background-size: cover;
            background: transparent;
        }
        .item4 {
            height: auto;
            width: 100%;
            padding: 0;
            background-size: cover;
            background: transparent;
        }
        .item5 {
            height: auto;
            width: 100%;
            padding: 0;
            background-size: cover;
            background: transparent;
        }
        .item6 {
            height: auto;
            width: 100%;
            padding: 0;
            background-size: cover;
            background: transparent;
        }
        .imagenNuestroEquipo {
            border-radius: 40px;
        }
        .imagendualdipolma {
            width: 100%;
            height: 200px;
            flex-shrink: 0;
            border-radius: 40px;
            background: url(./../imagenes/Dual-Diploma.png) no-repeat;
            background-size: cover;
        }
        .imagenLanuevaEsperanzaConocenos {
            width: 100%;
            height: 200px;
            flex-shrink: 0;
            border-radius: 40px;
        }
        .alto_campus {
            height: 700px;
        }
        .alto_NeoEsperancista {
            height: 1250px;
        }
        .alto_nuestroEquipo {
            height: 940px;
        }
        .alto_NeoEsperancista_1 {
            height: 360px;
        }
        .p-media {
            font-size: 22px;
        }
        .altocarruselcursos {
            height: 500px;
        }
        .accordion-body thead tr th {
            font-size: 12px !important;
        }
        .accordion-body tbody tr td {
            font-size: 10px !important;
        }
        .accordion-body tbody tr th {
            font-size: 10px !important;
        }
    }
    /*
grid
*/
    
    .cuadro-texto {
        border-radius: 20px;
        background: #009241;
        box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.07);
    }
    
    .cuadros-galery {
        background-color: #ffffff;
        height: 19rem;
        position: relative;
        top: -14rem;
    }
    
    .renondeado-25 {
        border-radius: 1rem;
    }
    
    .text-miga {
        font-size: 12px !important;
        color: #8B8B8B !important;
    }
    
    .posicion-miga {
        position: absolute;
        right: 0;
    }
    
    .video-container {
        position: relative;
        padding-bottom: 56.25%;
        /* Proporción 16:9 (56.25%) */
        height: 0;
        overflow: hidden;
    }
    
    .video-container iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    
    .alto_camp_1 video {
        width: 100%;
    }
    
    .video-youtube {
        border-radius: 20px;
    }
    
    .video-carrousel iframe {
        height: 13rem;
        width: 25rem;
    }
    
    .mw-150 {
        max-width: 140px;
    }
    
    .shadow-1 {
        box-shadow: 0px 0px 18px 6px #0000000f;
    }
    
    .fondo-ub-3 {
        background: url(./../images/fondo-verde-1.jpg) center no-repeat;
        background-size: cover;
    }
    
    .fondo-ub-3 * {
        font-family: 'Montserrat', sans-serif;
        font-size: 16px;
        font-weight: 300;
        line-height: 20px;
        letter-spacing: 0em;
        text-align: left;
        color: white;
        border-bottom: none !important;
        border-right: none !important;
    }
    
    tbody * {
        overflow-y: hidden !important;
        overflow-x: hidden !important;
    }
    
    .video {
        width: 100% !important;
        height: auto !important;
        margin-bottom: -7px !important;
    }
    
    .alto_camp_1 {
        background-size: cover;
        height: 750px !important;
    }
    
    thead tr th {
        margin: 20px;
        background-color: white;
        border-radius: 10px;
        border: none !important;
        margin: 10px!important;
    }
    
    .fc-col-header-cell-cushion {
        margin: 20px;
        min-width: 90px;
    }
    
    .fc-scrollgrid-liquid {
        border: none !important;
    }
    
    .fondo-verde {
        background: url(./../images/fondo-verde-1.jpg) center center / cover no-repeat;
        height: 1150px;
    }
    /* Estilos básicos del contenedor del calendario */
    
    #calendar {
        background: url(recursos/images/fondo-verde-1.jpg) center no-repeat;
        background-size: cover;
        margin: 40px auto;
        margin-top: 20px;
        padding: 20px;
        background: rgba(255, 255, 255, 0.16);
        border-radius: 10px;
        box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
        backdrop-filter: blur(7px);
        -webkit-backdrop-filter: blur(7px);
        border: 1px solid rgba(255, 255, 255, 0.12);
        /* box-shadow: 0 0 10px rgba(0,0,0,0.1); */
        width: 100% !important;
    }
    /* Estilos para los días de la semana */
    
    .fc .fc-col-header-cell-cushion {
        /* background-color: #007BFF; */
        color: green !important;
        font-weight: bold;
        padding: 10px;
        border-radius: 3px;
        text-align: center;
    }
    
    #cnt_calendar {
        max-width: 900px;
        /* padding: 20px; */
    }
    
    #cnt_calendar h1 {
        font-size: 30px !important;
        font-weight: bold;
        margin: 0;
        padding: 0px;
    }
    
    tbody .fc-scrollgrid-sync-inner {
        /* border: none !important; */
        /* border-left: red */
        /* background-color: red; */
        /* border-left: none; */
        /* border-left: 1px solid white !important; */
    }
    
    #prevButton {
        color: black;
        border-radius: 100px;
        margin: 5px;
        width: 25px;
        height: 25px;
        background: #008EE0;
        border: none;
        color: white;
    }
    
    #nextButton {
        color: black;
        border-radius: 100px;
        margin: 5px;
        width: 25px;
        height: 25px;
        border: none;
        color: white;
        background: #008EE0;
    }
    
    #external_controls {
        background: rgba(255, 255, 255, 0.16);
        border-radius: 16px;
        box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
        backdrop-filter: blur(7px);
        -webkit-backdrop-filter: blur(7px);
        border: 1px solid rgba(255, 255, 255, 0.12);
        padding: 15px;
        border-radius: 10px;
        display: flex;
        justify-content: center;
        align-items: center;
        max-width: 250px!important;
        /* margin: 10px; */
        width: 75%;
    }
    
    #currentMonth {
        text-align: center;
    }
    
    .fc-event {
        background-color: white !important;
        /* Establece el color de fondo de la tarjeta del evento a blanco */
        color: #008EE0 !important;
        /* Establece el color del texto a azul */
        border: none !important;
        /* Elimina el borde si es necesario */
    }
    
    .fc-event-title {
        color: #008EE0 !important;
        /* Establece el color del título del evento a azul */
    }
    
    .fc-event-time {
        color: #008EE0 !important;
        /* Establece el color de la hora del evento a azul */
    }
    
    .text-blod-custom {
        font-weight: 900;
        color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity))!important;
        /* font-size: 1.25rem !important; */
    }
    /* CSS Document */
    
     :root {
        --fuente-documento: 'Montserrat Light';
        --color-primario: #008EE0;
        --color-secundario: #BDA680;
        --color-link: #ffffff;
        --color-oscuro: #2F302B;
        --titulo-inicio: 4.0rem;
        --titulo-inicio-m: 1.2rem;
        --titulo-principal: 3.2rem;
        --titulo-secciones: 2.5rem;
        --subtitulos: 2.0rem;
        --p-font-size: 1rem;
        --textos-small1: 1.4rem;
        --gris-claro: #F3F1ED;
        --link-1: var(--gris-claro);
        --link-2: #37C5F0;
        --link-3: #BDA680;
        --text: #18272F;
        --counter: #30B67D;
        --fondo_destacado: #2F302B;
        --fondo_destacad_2: #56388E;
        --fondo_griss_1: #CBCBCB;
    }
    
    .campana {
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        height: 1240px;
    }
    
    .campana-interna {
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        height: 754px;
    }
    
    .campana-interna-sin {
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        height: 630px;
    }
    
    .fondo-ub-2 {
        background: url('../images/fondo-ubicacion.jpg') top no-repeat;
        background-size: cover;
    }
    /* .fondo-conocenos {
        background-image: url("../imagenes/img-azul-1.jpg");
        background-position: top center;
        background-repeat: no-repeat;
        background-size: cover;
    } */
    
    .fondo-diploma {
        background: url('../images/fondo-diploma-2.jpg') center center no-repeat;
        background-size: cover;
        height: 760px;
    }
    
    .fondo-video {
        background: url('../images/fondo-videos.jpg') center no-repeat;
        background-size: cover;
        background-position: top left;
    }
    
    .color-p1 {
        color: #008EE0;
    }
    
    .custom-background {
        background: url('recursos/images/preescolar.png') bottom center no-repeat;
        background-size: cover;
        height: 753px;
    }
    
    .text-content {
        max-width: 100%;
    }
    
    .btn-nueva-espe {
        border-radius: 16px;
        background: linear-gradient(200deg, #008EE0 13.57%, #331EB8 98.35%) !important;
        box-shadow: -10px 19px 20px 0px rgba(43, 9, 120, 0.35);
        display: flex;
        padding: 18px 16px;
        justify-content: center;
        align-items: center;
        gap: 10px;
    }
    
    .camp-55-final {
        position: relative;
        height: 1080px;
        background: url(../imagenes/camp-nueva-sunno-blue.jpg) center center no-repeat;
        background-size: cover;
        color: white;
    }
    
    .fono-ubicacion-1 {
        background: url(../imagenes/mapa-ubicacion-1.jpg) center bottom no-repeat;
        background-size: cover;
        height: 860px;
    }
    
    .fondo-azul-final-111 {
        background: url(../imagenes/fondo-azul-1.jpg) top no-repeat;
        background-size: contain;
    }
    
    #telefono {
        /* text-indent: 30px; */
    }
    
    .error-input {
        border: #008ee0 solid 2px !important;
        background: rgb(18, 139, 185) !important;
    }
    
    .degrade_55 {
        background: rgb(18, 139, 185);
        background: -moz-radial-gradient(circle, rgba(18, 139, 185, 1) 14%, rgba(10, 87, 150, 1) 85%);
        background: -webkit-radial-gradient(circle, rgba(18, 139, 185, 1) 14%, rgba(10, 87, 150, 1) 85%);
        background: radial-gradient(circle, rgba(18, 139, 185, 1) 14%, rgba(10, 87, 150, 1) 85%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#128bb9", endColorstr="#0a5796", GradientType=1);
    }
    
    .background-image-galeria-1 {
        background: url(../imagenes/galeria-1.jpg) center/cover no-repeat;
        height: 900px;
        position: relative;
        color: white;
        overflow: hidden;
    }
    
    .overlay_11 {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
        padding: 20px;
    }
    
    .text-at-bottom_11 {
        position: absolute;
        bottom: 20px;
        left: 20px;
    }
    
    .background-image-q1 {
        background: url(../imagenes/fondo-q1.jpg) right no-repeat;
        background-size: contain;
    }
    
    .img-fondo-isla_r1 {
        background: url(../imagenes/cafe-23.svg) left no-repeat;
        background-size: contain;
    }
    
    .img-contactenos {
        object-fit: cover;
        width: 100%;
        height: 565px !important;
    }
    
    .gradiente-imagen {
        position: relative;
    }
    
    .gradiente-imagen::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(rgba(0, 0, 0, 0.7), transparent);
        /* Ajusta los valores de rgba según tus preferencias */
        pointer-events: none;
    }
    
    .sombra-1 {
        background: #FFF;
        box-shadow: 0px 5px 30px 2px rgba(0, 0, 0, 0.06);
    }
    
    .h-pie-55 {
        background: url(../imagenes/pie-hoja.png) bottom right no-repeat;
    }
    
    .coco {
        background: url(../imagenes/cooc.png) top right no-repeat;
    }
    
    .is-r2 {
        top: -96px;
    }
    
    .isla-rosa {
        background: url(../imagenes/isla-rosario.jpg) no-repeat;
        background-size: cover;
        height: 800px;
    }
    
    .f-hoja-1 {
        background: url(../imagenes/flor-1.png) bottom left #bea28c no-repeat;
        height: 800px;
    }
    
    .f-hoja-2 {
        background: #bea28c;
        left: 150px;
        width: 150%;
    }
    
    .fondo-campana-interna {
        background-image: url(../imagenes/fondo-img-campana.jpg);
        background-repeat: no-repeat;
        background-position: bottom center;
        background-size: cover;
        height: 650px;
    }
    
    .fondo-campana-interna-sin {
        background-image: url(../imagenes/fondo-img-campana.jpg);
        background-repeat: no-repeat;
        background-position: bottom center;
        background-size: cover;
        height: 650px;
    }
    
    .fondo-campana {
        background-image: url(../imagenes/fondo-img-campana.jpg);
        background-repeat: no-repeat;
        background-position: bottom center;
        background-size: cover;
        height: 850px;
    }
    /*
Clases nuevas elias */
    
    .p_logo {
        top: -40px;
        right: -8px;
    }
    
    .fondo_destacado {
        background: var(--fondo_destacado);
    }
    
    .fondo_etapa_2 {
        background: url("../imagenes/fondo_monaco_etapa2.jpg") left top no-repeat;
        background-size: cover;
        height: 900px;
    }
    
    .fondo_galeria_mon {
        background: #a0a0a0;
        height: 1080px;
    }
    
    .top_mpnaco_azul_1 {
        top: -380px;
    }
    
    .fondo_etapa_1 {
        background: url("../imagenes/fondo_monaco_etapa1.jpg") left top no-repeat;
        background-size: cover;
        height: 900px;
    }
    
    .fondo_pie {
        background-size: cover !important;
        background-position-y: -150px;
    }
    /* Clases nuevas elias */
    /* Reset */
    
    a {
        text-decoration: none;
        color: var(--text);
        vertical-align: middle;
    }
    
    html {
        -webkit-font-smoothing: antialiased;
    }
    
    body {
        font-family: var(--fuente-documento);
        color: var(--gris-fuerte);
        -webkit-font-smoothing: antialiased;
    }
    /* ==========================================================================
   header 
   ========================================================================== */
    /* ==========================================================================
   INPUT
   ========================================================================== */
    
    h1,
    h2,
    strong {
        font-family: 'Montserrat Bold';
        color: #7400A3;
    }
    
    h2 {
        font-family: 'Montserrat Bold';
    }
    
    .fondo_ubicaicon {
        background: url("../imagenes/img_ubicacion.png") top center no-repeat;
        background-size: cover;
        height: 700px;
    }
    
    .pad_ubicacion {
        padding-top: 200px;
    }
    
    .btn-primary {
        color: #fff !important;
        background-color: #94c356 !important;
        border-color: #94c356 !important;
        text-transform: uppercase !important;
        letter-spacing: 3px !important;
        border-radius: 0px !important;
        outline: none !important;
    }
    
    .btn-primary:hover {
        color: #fff !important;
        background-color: #0b5ed7 !important;
        border-color: #0a58ca !important;
    }
    
    .form-select {
        background: none !important;
        border: 1px solid #cbb062 !important;
        color: #cbb062 !important;
        border-radius: 0px;
    }
    
    .form-control {
        background: none !important;
        border: none !important;
        border-bottom: 1px solid #ced4da !important;
        color: #fff !important;
    }
    
    .form-select::placeholder {
        color: #026db6 !important;
    }
    
    .form-control::placeholder {
        color: #026db6 !important;
    }
    
    .iti {
        width: 100% !important;
    }
    
    .form::placeholder {
        color: #026db6 !important;
    }
    
    #comentario::placeholder {
        color: #026db6 !important;
    }
    
    #comentario {
        padding: 10px !important;
    }
    
    .input-group-text_v {
        display: flex;
        align-items: center;
        padding: 0.375rem 0.75rem;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
        color: #ffffff;
        text-align: center;
        white-space: nowrap;
        background-color: none;
        border-bottom: 1px solid #ced4da;
    }
    
    .alto-conocenos {
        height: 160px;
    }
    
    .swiper-horizontal>.swiper-pagination-bullets,
    .swiper-pagination-bullets.swiper-pagination-horizontal,
    .swiper-pagination-custom,
    .swiper-pagination-fraction {
        /* bottom: var(--swiper-pagination-bottom, 239px); */
        bottom: var(--swiper-pagination-bottom, 0px);
        top: var(--swiper-pagination-top, auto);
        left: 0;
        width: 100%;
    }
    
    .swiper-button-next,
    .swiper-button-prev {
        color: #7400A3;
    }
    
    .mm-menu {
        /* mmenu */
        --mm-color-background: #fff;
        --mm-color-background-emphasis: var(--mm-color-background);
        --mm-color-background-highlight: var(--mm-color-background);
        --mm-color-border: #cbcbcb;
        --mm-color-text: #7400A3;
        --mm-color-text-dimmed: var(--color-primario);
        --mm-lineheight: 22px;
        --mm-listitem-size: 50px;
        --mm-navbar-size: 50px;
        --mm-toggle-size: 34px;
        /* --mm-color-icon */
        /* --mm-color-focusring */
        display: none;
        z-index: -1000;
    }
    
    .mm-menu--opened {
        z-index: 0;
        display: block;
    }
    
    .mm-page {
        width: 100%;
    }
    
    .cuadro-campana {
        padding-top: 18rem;
    }
    /* ==========================================================================
   INPUT
   ========================================================================== */
    
    .menu-movil div {
        height: 2px;
        width: 25px;
        background: rgb(255, 255, 255);
        margin-bottom: 5px;
    }
    
    .alto_camp_3 {
        background-size: cover;
        height: 750px !important;
    }
    
    .alto_camp_4 {
        background-size: cover;
        height: 1000px !important;
    }
    
    .alto_camp_2 {
        background: #424346 center no-repeat;
        background-size: cover;
        height: 350px !important;
    }
    
    .text_f50_camp {
        font-size: 30px;
        line-height: 30px;
    }
    
    .menu_1 {
        position: relative;
        transition: color 0.3s ease-in-out;
    }
    
    .menu_1::before {
        content: "";
        position: absolute;
        top: 100%;
        width: 90%;
        height: 1px;
        background-color: var(--link-1);
        transform: scaleX(0);
        transition: transform 0.3s ease-in-out;
    }
    
    .menu_1:hover {
        color: var(--link-1);
    }
    
    .menu_1:hover::before {
        transform: scaleX(1);
    }
    
    .fondo_1 {
        background-color: var(--fondo_destacado);
    }
    
    .fondo_2 {
        background-color: var(--color-secundario);
    }
    /* ==========================================================================
 CLASES MAIN ========================================================================== */
    
    .fondo_gris_1 {
        background: var(--fondo_griss_1);
    }
    
    .espacio_letra {
        letter-spacing: 4.8px;
        color: #797979;
    }
    
    .enlace_hotel_v {
        color: darkgray;
    }
    
    .enlace_hotel_v:hover {
        color: #a000b7;
    }
    
    .linea_1_v {
        border: #56388e solid 0.2rem;
    }
    
    .linea_2_v {
        border: #56388e solid 0.01rem;
    }
    
    .linea_3_v {
        border: #35215a solid 0.0001rem;
    }
    
    .linea_4_v {
        border: #cbcbcb solid 0.0001rem;
    }
    
    .linea_5_v {
        border: #b4842b solid 0.2rem;
    }
    
    .linea_6_v {
        border: #b4842b solid 0.01rem;
    }
    
    .logo-pie {
        max-width: 150px;
    }
    
    .color-primario {
        color: var(--color-primario);
    }
    
    .bg-primario {
        color: var(--color-primario);
    }
    
    .color-secundario {
        color: var(--color-secundario);
    }
    
    .bg-secundario {
        color: var(--color-secundario);
    }
    
    .color_link_verde {
        color: var(--color-link);
    }
    
    .titulo-inicio {
        font-size: var(--titulo-inicio);
    }
    
    .titulo-secciones {
        font-size: var(--titulo-secciones);
    }
    
    .subtitulos {
        font-size: var(--subtitulos);
    }
    
    p {
        font-size: var(--p-font-size);
        color: #8B8B8B !important;
    }
    
    .texto-small {
        font-size: var(--textos-small1);
    }
    
    a {
        color: #7400a3;
        ;
    }
    
    b {
        font-family: 'Montserrat Bold';
    }
    
    .div-cambiar-idioma-desktop {
        /* border: 1px solid rgb(148 140 113); */
        font-size: 14px;
        margin: 0px !important;
        background: #7400A3;
        cursor: pointer;
        padding: 8px !important;
    }
    
    .menu-position-floating .div-cambiar-idioma-desktop {
        background: #cccccc;
    }
    
    .div-cambiar-idioma-mobile {
        background: #7400A3;
        text-align: center;
        font-size: 2rem;
        color: var(--mm-color-background) !important;
        padding: 12px;
        margin-left: 220px;
        cursor: pointer;
    }
    
    .barra-1,
    .barra-2,
    .barra-3,
    .barra-4 {
        height: 4px;
        background: #fff 0% 0% no-repeat padding-box;
        border-radius: 0.9399999976158142px;
        opacity: 1;
    }
    
    .barra-5,
    .barra-5:before {
        height: 4px;
        background: #7400A3 0% 0% no-repeat padding-box;
        border-radius: 0.9399999976158142px;
        opacity: 1;
    }
    
    .menu-position-floating .barra-1,
    .menu-position-floating .barra-2,
    .menu-position-floating .barra-3,
    .menu-position-floating .barra-4,
    .menu-position-floating .barra-5,
    .menu-position-floating .barra-5:before {
        height: 4px;
        background: #7400A3 0% 0% no-repeat padding-box;
        border-radius: 0.9399999976158142px;
        opacity: 1;
    }
    
    .barra-1,
    .barra-4,
    .barra-5,
    .barra-5:before {
        width: 33px;
    }
    
    .barra-2 {
        border-radius: 3px;
        width: 5px;
        /* UI Properties */
        margin-right: 3px;
    }
    
    .barra-3 {
        width: 25px;
        /* UI Properties */
    }
    
    .barra-5 {
        transform: rotate(45deg);
    }
    
    .barra-5:before {
        content: '';
        position: absolute;
        transform: rotate(-90deg);
    }
    
    .mm-wrapper--opened #header a[href="#menu-mobile"] {
        display: none;
    }
    
    .mm-wrapper--opened #header a[href="#page"] {
        display: flex;
    }
    
    .fondo-blog-1 {
        border-radius: 15px;
        background: #FFF;
        box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.16), 0px 0px 1px 0px rgba(40, 41, 61, 0.04);
    }
    /*
Clases nuevas elias */
    
    .color-bss {
        color: #7400A3;
    }
    
    .espacio-indicativo {
        text-indent: 40px;
    }
    /* ==========================================================================
  texts
   ========================================================================== */
    /* ==========================================================================
  inputs
   ========================================================================== */
    
    input[type=text] {
        border-radius: 50px;
        border: 1px solid #7400A3;
        background: none;
        height: 35px;
        padding: 20px;
        color: #7400A3 !important;
    }
    
    textarea {
        border-radius: 30px;
        border: 1px solid #7400A3;
        background: none;
        padding: 20px;
        color: #7400A3 !important;
    }
    
    input::placeholder,
    textarea::placeholder {
        color: #7400A3 !important;
    }
    
    .btn-whatsapp {
        position: fixed;
        z-index: 401;
        right: -1%;
        bottom: 2%;
        width: 7em;
        height: 5em;
        cursor: pointer;
    }
    /*Menu flotnte*/
    
    .menu-background {
        background: #262b5d;
    }
    
    .menu-toggle {
        height: 46px;
        /* padding-top: 15px; */
        position: fixed;
        top: 2em;
        cursor: pointer;
        z-index: 12;
        text-align: right;
        border-radius: 50px 0px 0px 50px;
        background-color: #ffffff;
        right: 0;
        width: 5rem;
        padding: 0.5rem 1rem;
    }
    
    .menu-toggle.on .one {
        -moz-transform: rotate(45deg) translate(7px, 7px);
        -ms-transform: rotate(45deg) translate(7px, 7px);
        -webkit-transform: rotate(45deg) translate(7px, 7px);
        transform: rotate(45deg) translate(7px, 7px);
        padding-left: 20px;
        margin: 7px auto;
        margin-left: 8px;
    }
    
    .menu-toggle.on .two {
        opacity: 0;
    }
    
    .menu-toggle.on .three {
        -moz-transform: rotate(-45deg) translate(8px, -10px);
        -ms-transform: rotate(-45deg) translate(8px, -10px);
        -webkit-transform: rotate(-45deg) translate(8px, -10px);
        transform: rotate(-45deg) translate(8px, -10px);
        padding-left: 20px;
        margin: 7px auto;
        margin-left: 8px;
    }
    
    .one,
    .two,
    .three {
        width: 100%;
        height: 3px;
        background: #009238 !important;
        padding: 0;
        margin: 5px auto;
        backface-visibility: hidden;
        -moz-transition-duration: 0.3s;
        -o-transition-duration: 0.3s;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        border-radius: 5px;
        padding-left: 45px;
    }
    
    @media (max-width: 768px) {
        .custom-background {
            height: auto;
            background-size: contain;
        }
    }
    
    .four {
        width: 5px;
        height: 5px;
        /*background: white !important;*/
        background: none !important;
        padding: 0;
        margin: 8px auto;
        backface-visibility: hidden;
        -moz-transition-duration: 0.3s;
        -o-transition-duration: 0.3s;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        border-radius: 70px;
        padding-left: 6px;
        margin-right: 4px;
        margin-top: 0px;
        margin-bottom: 0px;
    }
    
    .one {
        width: 100%;
    }
    
    .two {
        width: 100%;
        margin-top: 0px;
        margin-bottom: 0px;
        padding-left: 35px;
    }
    
    .three {
        width: 100%;
    }
    
    .menu {
        min-height: 100vh;
        /* background: #181b3a;       align-items: center; */
        display: flex;
        justify-content: center;
        z-index: 3;
        position: relative;
    }
    
    .ul-menu li .vineta-menu {
        padding-top: 2px;
        padding-left: 30px;
        /* Ajusta según el ancho de tu imagen de viñeta */
        background: url('../images/vienta-1.svg') left center no-repeat;
        /* Ruta de tu imagen */
        background-size: 16px;
    }
    
    .ul-menu li .vineta-menu:hover {
        padding-left: 30px;
        /* Ajusta según el ancho de tu imagen de viñeta */
        background-image: url('../images/vienta-1.svg');
        /* Ruta de tu imagen */
        background-size: 16px;
        background-color: #008EE5;
    }
    
    .menu ul li a:hover {
        background-color: #008EE5;
        color: white !important;
        text-decoration: none;
        font-weight: bold;
        padding: 7px 0px 7px 30px;
    }
    
    .bg-trasparent {
        background: transparent;
    }
    
    .menu ul li a span:hover {
        color: white !important;
        text-decoration: none;
        /* padding: 0 2rem; */
    }
    
    .menu ul li a img:hover {
        background: transparent !important;
    }
    
    .menu ul li a:hover img {}
    
    .img-menu {
        width: 100%;
        min-height: 120vh;
        object-fit: cover;
        filter: brightness(0.9);
    }
    
    .menu-activ h1 {
        font-weight: bold;
        font-size: 3.5rem;
        color: white;
        width: 50%;
        text-align: center;
        padding: 10px 15px;
        font-family: "Raleway-Bold";
    }
    
    .fondo-house {
        background: url(https://demos.smartinfo.co/inmobiliariakaribana/recursos/imagenes/fondo_crudros_a_1.png) bottom no-repeat;
        background-size: contain;
    }
    
    ul a {
        -moz-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
        -webkit-transition-duration: 0.5s;
        transition-duration: 0.5s;
        text-decoration: none;
        color: white;
        font-size: 1.5em;
        line-height: 0.9;
        width: 100%;
        display: block;
        font-family: "Montserrat Light";
        text-transform: uppercase;
    }
    
    .top-menu {
        top: 1.5em !important;
        transition: 0.5s ease-in-out;
        z-index: 7;
    }
    
    .top-menu-idioma {
        top: 2em !important;
        transition: 0.5s ease-in-out;
        z-index: 7;
    }
    
    .idioma {
        font-family: "Leftist Mono Serif";
        position: fixed;
        top: 3.5em;
        right: 8em;
        cursor: pointer;
        z-index: 12;
        text-align: right;
        font-size: 12px;
        border: white solid 1px;
        color: white;
        padding: 5px;
        transform: rotate(0deg);
        transition: transform 0.5s eas;
    }
    
    .idioma:hover {
        background: white;
        color: #477579;
    }
    
    .reservar {
        position: fixed;
        top: 3.5em;
        right: 12em;
        cursor: pointer;
        z-index: 12;
        text-align: right;
        font-size: 12px;
        border: #a4e2d8 solid 1px;
        color: white;
        padding: 5px;
        transform: rotate(0deg);
        transition: transform 0.5s eas;
    }
    
    .reservar:hover {
        background: white;
        color: #477579;
    }
    
    .reservar-menu-idioma {
        top: 1.5em !important;
        transition: 0.5s ease-in-out;
        z-index: 7;
    }
    
    .inp_pla:hover {
        background-color: #10aec0 !important;
        color: white !important;
    }
    
    .div-gracias {
        font-size: 35px;
        text-align: center;
        font-weight: 700;
        color: #fff;
    }
    
    .fondo-total2 {
        height: 100vh;
        background: url(../imagenes/fondo_gracias_v1.jpg) #f0f0f0 no-repeat;
        background-size: cover;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .cambiarImagen {
        cursor: pointer;
    }
    
    .border-reders {
        border: solid 1px #978E72;
    }
    
    .border-apartamento {
        border-bottom: #D7D7D7 solid 1px;
    }
    
    .etapa {
        cursor: pointer;
    }
    
    .bck_cotizar {
        padding-right: 8%;
    }
    
    .fancy-block .div-cat {
        display: block !important;
    }
    
    .accordion-button:focus {
        box-shadow: none !important;
    }
    /* ============================================================ ==============
  inputs
   ========================================================================== */
    /* ==========================================================================
   font-face
   ========================================================================== */
    
    @font-face {
        font-family: 'Montserrat Light';
        src: url('../fuentes/Montserrat-Light.eot');
        src: url('../fuentes/Montserrat-Light.eot?#iefix') format('embedded-opentype'), url('../fuentes/Montserrat-Light.woff2') format('woff2'), url('../fuentes/Montserrat-Light.woff') format('woff'), url('../fuentes/Montserrat-Light.ttf') format('truetype'), url('../fuentes/Montserrat-Light.svg#Montserrat-Light') format('svg');
        font-weight: 300;
        font-style: normal;
        font-display: swap;
    }
    
    @font-face {
        font-family: 'Montserrat Bold';
        src: url('../fuentes/Montserrat-Bold.eot');
        src: url('../fuentes/Montserrat-Bold.eot?#iefix') format('embedded-opentype'), url('../fuentes/Montserrat-Bold.woff2') format('woff2'), url('../fuentes/Montserrat-Bold.woff') format('woff'), url('../fuentes/Montserrat-Bold.ttf') format('truetype'), url('../fuentes/Montserrat-Bold.svg#Montserrat-Bold') format('svg');
        font-weight: bold;
        font-style: normal;
        font-display: swap;
    }
    
    @font-face {
        font-family: 'Montserrat SemilBold';
        src: url('../fuentes/Montserrat-SemiBold.eot');
        src: url('../fuentes/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fuentes/Montserrat-SemiBold.woff2') format('woff2'), url('../fuentes/Montserrat-SemiBold.woff') format('woff'), url('../fuentes/Montserrat-SemiBold.ttf') format('truetype'), url('../fuentes/Montserrat-SemiBold.svg#Montserrat-SemiBold') format('svg');
        font-weight: 600;
        font-style: normal;
        font-display: swap;
    }
    
    @font-face {
        font-family: 'Montserrat Regular';
        src: url('../fuentes/Montserrat-Regular.eot');
        src: url('../fuentes/Montserrat-Regular.eot?#iefix') format('embedded-opentype'), url('../fuentes/Montserrat-Regular.woff2') format('woff2'), url('../fuentes/Montserrat-Regular.woff') format('woff'), url('../fuentes/Montserrat-Regular.ttf') format('truetype'), url('../fuentes/Montserrat-Regular.svg#Montserrat-Regular') format('svg');
        font-weight: normal;
        font-style: normal;
        font-display: swap;
    }
    /* ==========================================================================
  font-face
   ========================================================================== */
    
    @media (max-width:2400px) {
        .form-campana {
            height: 1200px !important;
        }
        .campana {
            height: 1000px;
        }
    }
    
    @media (max-width:2100px) {
        .form-campana {
            height: 550px !important;
            top: 25px;
        }
        .campana {
            height: 1000px;
        }
    }
    
    @media (max-width:1900px) {
        .form-campana {
            height: 560px !important;
        }
        .campana {
            height: 1000px !important;
        }
    }
    
    @media (max-width:1700px) {
        .form-campana {
            height: 900px !important;
        }
        .campana {
            height: 1000px;
        }
    }
    
    @media (max-width:1550px) {
        .form-campana {
            height: 550px !important;
        }
        .campana {
            height: 1000px;
        }
    }
    
    @media (max-width:1399px) {
        .top_mpnaco_azul_1 {
            top: -390px
        }
    }
    
    @media (max-width:1300px) {
        .form-campana {
            height: 550px !important;
        }
        .campana {
            height: 1000px;
        }
        .form-campana-texto {
            margin-bottom: 250px;
            margin-left: 115px;
        }
    }
    
    @media (max-width:1200px) {
        .form-campana {
            height: 530px !important;
        }
        .alto_camp_1 {
            height: auto !important;
        }
        .campana {
            height: 1000px !important;
        }
    }
    
    @media (max-width: 1120px) {
        .fondo-1 {
            background: none;
        }
    }
    
    @media (max-width: 992px) {
        .fondo-campana-interna-sin {
            height: 450px;
        }
        .fond-azul-2024 {
            background-position-x: 25%;
        }
        .logo_home_campana {
            width: 35% !important;
        }
        .logo_home_campana_movil {
            width: 100% !important;
        }
        .caja_principal_blog {
            height: 600px !important;
        }
        .contenedor_blog {
            height: 600px !important;
        }
        .fs-1 {
            letter-spacing: 2px !important;
        }
        .img-back-apartamento-home {
            background-position-x: 10% !important;
            background-size: cover !important;
        }
        .linea-mas {
            width: 20px;
        }
        .fondo-1 {
            background: none;
        }
        .fondo-dorado-amenidades {
            background: none;
        }
        .fondo-cartagena {
            background: #1D1E1B !important;
        }
        .position_boton {
            position: static;
        }
        .altura-amenidades {
            padding-top: 0px;
        }
        .fondo_etapa_2 {
            background: url("../imagenes/fondo_monaco_etapa2.jpg") center top no-repeat;
            background-size: cover;
            height: 700px;
        }
        .top_mpnaco_azul_1 {
            top: -250px
        }
        .fondo_galeria_mon {
            background: #A0A0A0;
            height: 800px;
        }
        .fondo_etapa_1 {
            background: url("../imagenes/fondo_monaco_etapa1.jpg") left top no-repeat;
            background-size: cover;
            height: 700px;
        }
        .div-gracias {
            font-size: 20px !important;
        }
        .form-campana {
            background: none;
            height: 500px !important;
            position: relative !important;
            top: -10% !important;
        }
        .form-campana-texto {
            margin-top: 10px;
        }
        .fondo-color {
            background-color: #1d1e1b;
        }
        .fondo-planos {
            background-image: none;
        }
        .fondo-apartamentos {
            background-image: none;
        }
        .fondo_gris_movil {
            background-color: #1D1E1B;
        }
    }
    
    @media (max-width: 768px) {
        .fondo_inv_1 {
            background: url("") #1D1E1B no-repeat !important;
        }
        .fondo-campana {
            background-position: left bottom;
            background-size: cover;
            height: 1000px;
        }
        .fondo-campana-interna {
            height: 383px;
        }
        .fondo-campana-interna-sin {
            height: 450px;
        }
        .fond-azul-2024 {
            background-position-x: -0%;
        }
        .swiper-button-next:after,
        .swiper-button-prev:after {
            font-size: 40px !important;
        }
        .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
        .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
            background: #BDA680;
            width: 10px;
            height: 10px;
        }
        .form-campana-texto {
            margin: 0px;
            display: block;
        }
        .campana-interna {
            height: 432px !important;
        }
        .text-white .text-miga {
            color: #8B8B8B !important;
        }
        .text-white .text-miga a {
            color: #7400A3 !important;
        }
        .campana {
            height: 1000px !important;
        }
        .fs-1 {
            font-size: calc(1.875rem + 1.5vw)!important;
        }
        .fs-2 {
            font-size: calc(1.325rem + .9vw)!important;
        }
    }
    
    @media (max-width: 575px) {
        .fondo_etapa_2 {
            background: url("../imagenes/fondo_monaco_etapa2.jpg") center top no-repeat;
            background-size: cover;
            height: 500px;
        }
        .fondo_etapa_1 {
            background: url("../imagenes/fondo_monaco_etapa1.jpg") left top no-repeat;
            background-size: cover;
            height: 500px;
        }
        .fondo_galeria_mon {
            background: #A0A0A0;
            height: 450px;
        }
        .fondo_ubicaicon {
            background: url("../imagenes/img_ubicacion_2.jpg") bottom center no-repeat;
            background-size: cover;
            height: 700px;
        }
        .pad_ubicacion {
            padding-top: 150px;
        }
        .campana-interna {
            height: 325px !important;
        }
        .campana {
            height: 1000px !important;
        }
        .cuadro-campana {
            padding-top: 0rem;
        }
        .fondo-campana {
            background-position: left bottom;
            background-size: cover;
            height: 900px;
        }
        .fondo-campana-interna {
            height: 383px;
        }
        .fondo-campana-interna-sin {
            height: 280px;
        }
        .accordion-body {
            background-color: #f7f7f7;
            border-radius: 35px;
        }
    }
    
    @media (max-width: 480px) {
        .top_mpnaco_azul_1 {
            top: -300px
        }
        .fondo_ubicaicon {
            background: url("../imagenes/img_ubicacion_2.jpg") bottom center no-repeat;
            background-size: cover;
            height: 700px;
        }
        .pad_ubicacion {
            padding-top: 200px;
        }
        .titulo-inicio {
            font-size: var(--titulo-inicio-m);
        }
        .campana-interna {
            height: 350px !important;
        }
        .campana {
            height: 1000px !important;
        }
    }
    /* ==========================================================================
   CLASES GLOBALES!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
   ========================================================================== */