/************************ GENERALES ***********************
@import url("generales.css");

/************************ MENÚ LATERAL ***********************
@import url("menu-lateral-servicios.css");

/************************ SECCIÓN 1 ***********************/

.seccion-1 .btn-plan {
    width: 140px;
}

.seccion-1 .form-control {
    height: 33px;
    font-size: 16px;
    border: 1px solid var(--main-gris-oscuro-color);
    width: 320px;
}

.seccion-1 .img-buscar {
    width:15px ;
}

.seccion-1 .btn-buscar {
    width: 105px;
}

.seccion-1 .btn-filtro {
    width: auto;
    font-weight: 700;
}

.mapa {
    min-height: 440px;
}

#loader-mapa {
    position: absolute;
    width: 100%;
    height: 100%;
    background: gray;
    z-index: 4;
    text-align: center;
    opacity: .7;
    border-radius: 10px;
}

/************************ SECCIÓN 2 ***********************/

.seccion-2 .cont-mapa {
    width: 100%;
    height: 440px;;
    background-color: var(--main-gris-03-color);

}

.seccion-2 .slick-prev:before, .seccion-2 .slick-next:before {
    font-family: 'slick';
    font-size: 30px;
    line-height: 1;
    opacity: .75;
    color: var(--main-gris-oscuro-color);
}

.seccion-2  .slick-slider {
    width: 950px;
    margin: 0 auto;
}

.seccion-2  .slick-prev {
    left: -25px;
    z-index: 2;
}

.seccion-2  .slick-next {
    right: -20px;
    z-index: 2;
}

.seccion-2 .slick-dots {
    display: none !important;
}

.seccion-2 .tarjetas-app {
    border: 1px solid var(--main-gris-oscuro-color);
    padding: 10px;
    border-radius: 10px;
}

.seccion-2 .tarjetas-app .btn {
    width: 170px;
    height: 37px;
}

.seccion-2 .tarjetas-app img {
    width: 50px;
}

.seccion-2 .tarjetas-app p {
    font-size: 14px;
}


.seccion-2 .tarjetas-app .descripcion-app {
    height: 80px;
}



/************************ SECCIÓN 3 ***********************/





/************************ Responsive SECCIÓN 1 ***********************/

/*768*/
@media  (max-width: 768px){

    .seccion-1 .btn-plan {
        width: 100%;
    }

}


/************************ Responsive SECCIÓN 2 ***********************/

/*1200*/
@media  (max-width: 1200px){
    .seccion-2  .slick-slider {
        width: 820px;
    }

    .seccion-2  .slick-prev {
        left: -15px;
        z-index: 2;
    }

    .seccion-2  .slick-next {
        right: -5px;
        z-index: 2;
    }

    .seccion-2 .tarjetas-app p {
        font-size: 12px;
        line-height: 13px;
    }

    .seccion-2 .btn .small {
        font-size: 12px;
    }

    .seccion-2 .tarjetas-app .descripcion-app {
        height: 65px;
    }
}

/*992*/
@media  (max-width: 992px){
    .seccion-2  .slick-slider {
        width: 600px;
    }

    .seccion-2 .tarjetas-app .descripcion-app {
        height: 60px;
    }

}

/*768*/
@media  (max-width: 768px){
    .seccion-2  .slick-slider {
        width: 100%;
    }

    .seccion-2  .slick-prev {
        left: -10px;
    }

    .seccion-2  .slick-next {
        right: 1px;
    }

}

/*575*/
@media  (max-width: 575px){

    .seccion-2 .cont-mapa {
        height: 300px;
    }

    .seccion-2 .d-flex {
        display: block !important;
    }

    .seccion-2 .tarjetas-app .btn {
        width: 100%;
        height: 37px;
    }

}