.elementor-180 .elementor-element.elementor-element-2cd2aa0 > .elementor-container{max-width:1240px;}.elementor-180 .elementor-element.elementor-element-2cd2aa0{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:100px 30px 80px 30px;}.elementor-180 .elementor-element.elementor-element-2cd2aa0 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-180 .elementor-element.elementor-element-89aeba9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-180 .elementor-element.elementor-element-89aeba9 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:40px;font-weight:400;text-transform:uppercase;line-height:1.2em;color:#222222;}.elementor-180 .elementor-element.elementor-element-4582c13{--divider-border-style:dotted;--divider-color:#404040;--divider-border-width:1px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 40px 0px;--divider-icon-size:25px;}.elementor-180 .elementor-element.elementor-element-4582c13 .elementor-divider-separator{width:320px;margin:0 auto;margin-center:0;}.elementor-180 .elementor-element.elementor-element-4582c13 .elementor-divider{text-align:center;padding-block-start:0px;padding-block-end:0px;}.elementor-180 .elementor-element.elementor-element-4582c13.elementor-view-stacked .elementor-icon{background-color:#404040;}.elementor-180 .elementor-element.elementor-element-4582c13.elementor-view-framed .elementor-icon, .elementor-180 .elementor-element.elementor-element-4582c13.elementor-view-default .elementor-icon{color:#404040;border-color:#404040;}.elementor-180 .elementor-element.elementor-element-4582c13.elementor-view-framed .elementor-icon, .elementor-180 .elementor-element.elementor-element-4582c13.elementor-view-default .elementor-icon svg{fill:#404040;}.elementor-180 .elementor-element.elementor-element-2801a22{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-180 .elementor-element.elementor-element-2e55be8{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-180 .elementor-element.elementor-element-6c75dff{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-180 .elementor-element.elementor-element-a5fe6c6{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-180 .elementor-element.elementor-element-1bc190e{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-180 .elementor-element.elementor-element-e7217ec{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-180 .elementor-element.elementor-element-3eb581a{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-180 .elementor-element.elementor-element-12f64b4{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-180 .elementor-element.elementor-element-08e7d26{--e-n-carousel-swiper-slides-to-display:3;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-swiper-pagination-size:10px;--e-n-carousel-dots-normal-color:#850806;--e-n-carousel-dots-hover-color:#B40D0B;--e-n-carousel-swiper-pagination-spacing:30px;}.elementor-180 .elementor-element.elementor-element-08e7d26 .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:10px;--swiper-pagination-bullet-vertical-gap:10px;}@media(max-width:1024px){.elementor-180 .elementor-element.elementor-element-2cd2aa0{margin-top:0px;margin-bottom:0px;padding:80px 30px 80px 30px;}.elementor-180 .elementor-element.elementor-element-89aeba9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-180 .elementor-element.elementor-element-89aeba9 .elementor-heading-title{font-size:36px;line-height:1.4em;}.elementor-180 .elementor-element.elementor-element-4582c13{padding:0px 0px 40px 0px;--divider-icon-size:25px;}.elementor-180 .elementor-element.elementor-element-4582c13 .elementor-divider-separator{width:280px;}.elementor-180 .elementor-element.elementor-element-08e7d26{--e-n-carousel-swiper-slides-to-display:2;--e-n-carousel-swiper-pagination-size:10px;}.elementor-180 .elementor-element.elementor-element-08e7d26 .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:10px;--swiper-pagination-bullet-vertical-gap:10px;}}@media(max-width:767px){.elementor-180 .elementor-element.elementor-element-2cd2aa0{margin-top:0px;margin-bottom:0px;padding:80px 20px 80px 20px;}.elementor-180 .elementor-element.elementor-element-89aeba9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-180 .elementor-element.elementor-element-89aeba9 .elementor-heading-title{font-size:30px;line-height:1.2em;}.elementor-180 .elementor-element.elementor-element-4582c13{padding:0px 0px 40px 0px;--divider-icon-size:25px;}.elementor-180 .elementor-element.elementor-element-4582c13 .elementor-divider-separator{width:260px;}.elementor-180 .elementor-element.elementor-element-2801a22{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-180 .elementor-element.elementor-element-2e55be8{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-180 .elementor-element.elementor-element-6c75dff{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-180 .elementor-element.elementor-element-a5fe6c6{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-180 .elementor-element.elementor-element-1bc190e{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-180 .elementor-element.elementor-element-e7217ec{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-180 .elementor-element.elementor-element-3eb581a{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-180 .elementor-element.elementor-element-12f64b4{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-180 .elementor-element.elementor-element-08e7d26{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-swiper-pagination-size:10px;}.elementor-180 .elementor-element.elementor-element-08e7d26 .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:10px;--swiper-pagination-bullet-vertical-gap:10px;}}/* Start custom CSS for nested-carousel, class: .elementor-element-08e7d26 *//* ==========================================
   TARJETA OFICINA
========================================== */

.card-oficina {
    position: relative;
    width: 100%;
    height: 460px;

    border-radius: 18px;
    overflow: hidden;

    font-family: "Arimo", sans-serif !important;

    cursor: pointer;

    background-size: cover;
    background-position: center;
}


/* ==========================================
   CONTENIDO VISIBLE SIN HOVER
========================================== */

.card-overlay {
    position: absolute;

    bottom: 0;
    left: 0;

    width: 100%;

    padding: 30px;

    color: #ffffff;

    background: linear-gradient(
        180deg,
        rgba(41, 39, 48, 0),
        rgba(41, 39, 48, .8) 33.33%,
        #000000
    );

    background-blend-mode: multiply;

    transition: all .4s ease;
}


/* ==========================================
   H3 - TÍTULO PRINCIPAL
========================================== */

.card-overlay h3 {
    font-family: "Montserrat", sans-serif !important;

    font-size: 29px;

    font-weight: 600;

    line-height: 1.15;

    margin: 0;

    text-transform: none;

    color: #ffffff;
}


/* ==========================================
   SUBTÍTULO
========================================== */

.card-overlay h3 span {
    display: block;

    margin-top: 8px;

    font-family: "Arimo", sans-serif !important;

    font-size: 18px;

    font-weight: 400;

    line-height: 1.35;

    color: #ffffff;
}


/* ==========================================
   PANEL HOVER
========================================== */

.card-hover {
    position: absolute;

    bottom: 0;
    left: 0;

    width: 100%;

    padding: 30px;

    background: #ffffff;

    transform: translateY(100%);

    transition: all .4s ease;
}


/* ==========================================
   LÍNEA SUPERIOR
========================================== */

.card-hover::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;

    height: 6px;

    background: #850806;
}


/* ==========================================
   TÍTULO DEL PANEL
========================================== */

.card-hover h4 {
    font-family: "Montserrat", sans-serif !important;

    font-size: 23px;

    font-weight: 600;

    line-height: 1.2;

    margin: 0 0 20px;

    color: #222222;
}


/* ==========================================
   INFORMACIÓN
========================================== */

.card-info {
    margin-bottom: 22px;
}


/* ==========================================
   CADA LÍNEA
========================================== */

.card-info p {
    display: flex;

    align-items: flex-start;

    gap: 12px;

    margin: 0 0 13px;

    font-family: "Arimo", sans-serif !important;

    font-size: 17px;

    font-weight: 400;

    line-height: 1.45;

    color: #222222;
}


/* ==========================================
   ICONOS
========================================== */

.card-info p > i {
    width: 20px;

    min-width: 20px;

    margin-top: 3px;

    color: #850806;

    font-size: 18px;

    text-align: center;
}


/* ==========================================
   TELÉFONO DESTACADO
========================================== */

.card-info p.phone {
    align-items: center;

    margin-top: 3px;

    margin-bottom: 16px;
}


/* ==========================================
   ICONO TELÉFONO
========================================== */

.card-info p.phone > i {
    font-size: 22px;

    width: 24px;

    min-width: 24px;

    margin-top: 0;
}


/* ==========================================
   NÚMERO DE TELÉFONO
========================================== */

.card-info p.phone a {
    font-family: "Montserrat", sans-serif !important;

    font-size: 22px;

    font-weight: 700;

    line-height: 1.2;

    color: #222222;

    text-decoration: none;

    transition: color .3s ease;
}


.card-info p.phone a:hover {
    color: #850806;
}


/* ==========================================
   ENLACE TELEFÓNICO NORMAL
========================================== */

.card-info p a {
    color: #222222;

    text-decoration: none;

    transition: color .3s ease;
}


/* ==========================================
   BOTÓN WHATSAPP
========================================== */

.card-btn {
    display: flex;

    align-items: center;

    justify-content: center;

    width: 100%;

    box-sizing: border-box;

    gap: 8px;

    padding: 10px 20px;

    background: #25D366;

    color: #ffffff !important;

    border-radius: 8px;

    text-decoration: none;

    font-family: "Montserrat", sans-serif !important;

    font-size: 16px;

    font-weight: 600;

    transition: all .3s ease;
}


/* ==========================================
   ICONO WHATSAPP
========================================== */

.card-btn i {
    font-size: 19px;
}


/* ==========================================
   HOVER BOTÓN WHATSAPP
========================================== */

.card-btn:hover {
    background: #1DA851;

    color: #ffffff !important;

    transform: translateY(-2px);
}


/* ==========================================
   HOVER DE LA TARJETA
========================================== */

.card-oficina:hover .card-hover {
    transform: translateY(0);
}


.card-oficina:hover .card-overlay {
    opacity: 0;
}


/* ==========================================
   TABLET
========================================== */

@media (max-width: 1024px) {

    .card-oficina {
        height: 430px;
    }

    .card-overlay {
        padding: 25px;
    }

    .card-overlay h3 {
        font-size: 26px;
    }

    .card-overlay h3 span {
        font-size: 17px;
    }

    .card-hover {
        padding: 25px;
    }

    .card-hover h4 {
        font-size: 21px;
    }

    .card-info p {
        font-size: 17px;
    }

    .card-info p.phone a {
        font-size: 21px;
    }

    .card-btn {
        width: 100%;
    }

}


/* ==========================================
   MOBILE
========================================== */

@media (max-width: 767px) {

    .card-oficina {
        height: 420px;

        border-radius: 15px;
    }

    .card-overlay {
        padding: 22px;
    }

    .card-overlay h3 {
        font-size: 24px;

        line-height: 1.15;
    }

    .card-overlay h3 span {
        font-size: 17px;

        line-height: 1.35;

        margin-top: 7px;
    }

    .card-hover {
        padding: 24px 22px;
    }

    .card-hover h4 {
        font-size: 20px;

        margin-bottom: 16px;
    }

    .card-info p {
        font-size: 16px;

        gap: 10px;

        margin-bottom: 11px;
    }

    .card-info p > i {
        font-size: 17px;
    }


    /* ======================================
       TELÉFONO EN MOBILE
    ====================================== */

    .card-info p.phone a {
        font-size: 20px;

        font-weight: 700;
    }

    .card-info p.phone > i {
        font-size: 20px;
    }


    /* ======================================
       BOTÓN WHATSAPP EN MOBILE
    ====================================== */

    .card-btn {
        width: 100%;

        font-size: 16px;

        padding: 9px 17px;
    }

    .card-btn i {
        font-size: 19px;
    }

}/* End custom CSS */