/*
Theme Name: Hub Child
Theme URI: http://hub.liquid-themes.com/
Author: Liquid Themes
Author URI: https://themeforest.net/user/liquidthemes
Template: hub
Description: Smart, Powerful and Unlimited Customizable WordPress Theme.
Version: 1.0
License: GNU General Public License
License URI: license.txt
Text Domain: hub-child
Tags: responsive, retina, rtl-language-support, blog, portfolio, custom-colors, live-editor
*/

:root {
    --dm: "DM Sans", sans-serif;
    --celeste: #2FCFEC;
    --azul: #1F394C;
}

/* -------------- llamados --------------  */

/* colores */

.cc {
    color: #2FCFEC;
}

/* banners */

.banner-secciones {
    height: 450px;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
}

.banner-secciones>div {
    width: fit-content;
    display: flex;
    justify-content: center;
    align-items: center;
}

.titles-banners {
    text-align: center;
    font: normal normal bold 65px/75px var(--dm);
    letter-spacing: 0px;
    color: white;
    max-width: 876px;
    margin-top: 10px;
}


@media only screen and (max-width: 900px) {
    .titles-banners {
        font-size: 46px;
        line-height: 51px;
        width: 40rem;
        text-wrap-style: balance;
    }

    /* .banner-secciones{
    height: 330px;
} */

    .data-seccion-subtitle {
        max-width: 38rem !important;
    }

}


@media only screen and (max-width: 700px) {
    .titles-banners {
        max-width: 18rem;
    }

    .data-seccion-title {
        font-size: 36px !important;
        line-height: 42px !important;
    }

    .miga-de-pan {
        margin-bottom: 40px !important;
    }

}

.miga-de-pan {
    text-align: left;
    font: normal normal normal 16px/21px var(--dm) !important;
    color: #707070;
    margin-top: 50px;
    margin-bottom: 70px;
}

.miga-de-pan a {
    color: #707070;
}

.miga-de-pan a:hover {
    color: #707070;
}

.data-seccion-title {
    text-align: center;
    font: normal normal bold 48px/50px var(--dm);
    letter-spacing: 1.44px;
    color: var(--azul);
}

.data-seccion-subtitle {
    text-align: center;
    font: normal normal 500 20px/25px var(--dm);
    letter-spacing: 0px;
    color: var(--azul);
    max-width: 990px;
    margin-inline: auto;
}

/* ==================================================
   SERVICIOS COOL
   ================================================== */

#banner-seccion-servicio {
    background: url(/wp-content/uploads/2026/07/banner-ppal-servicios.jpg);
}


.servicios-items {
    width: 100%;
    padding: 85px 0 105px;
    background: #FFFFFF;
}

.servicios-items>.ld-container {
    width: 100%;
    max-width: 1240px;
    padding-right: 30px;
    padding-left: 30px;
}

.servicios-items .ld-row {
    margin-right: 0;
    margin-left: 0;
}

.servicios-items .vc_column_container,
.servicios-items .vc_column-inner {
    padding-right: 0;
    padding-left: 0;
}

.servicios-items-container {
    margin-bottom: 0;
}

.estructura-servicios-servicio-cool {
    display: flex;
    flex-direction: column;
    gap: 120px;
    width: 100%;
}

.proyecto-bloque-servicio-cool,
.instalacion-bloque-servicio-cool {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: center;
    gap: 70px;
    width: 100%;
}

.proyecto-foto-servicio-cool,
.instalacion-foto-servicio-cool {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 615 / 560;
    object-fit: cover;
    border-radius: 18px;
}

.proyecto-contenido-servicio-cool,
.instalacion-contenido-servicio-cool {
    width: 100%;
    max-width: 500px;
}

.proyecto-contenido-servicio-cool {
    justify-self: end;
}

.instalacion-contenido-servicio-cool {
    justify-self: start;
}

.proyecto-icono-servicio-cool,
.instalacion-icono-servicio-cool {
    display: block;
    width: 62px;
    height: auto;
    margin-bottom: 25px;
}

.proyecto-titulo-servicio-cool,
.instalacion-titulo-servicio-cool {
    margin: 0 0 25px;
    font-family: var(--dm);
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 50px;
    letter-spacing: 1.44px;
    text-align: left;
}

.proyecto-titulo-celeste-servicio-cool,
.proyecto-titulo-azul-servicio-cool,
.instalacion-titulo-celeste-servicio-cool,
.instalacion-titulo-azul-servicio-cool {
    display: block;
}

.proyecto-titulo-celeste-servicio-cool,
.instalacion-titulo-celeste-servicio-cool {
    color: var(--celeste);
}

.proyecto-titulo-azul-servicio-cool,
.instalacion-titulo-azul-servicio-cool {
    color: var(--azul);
}

.proyecto-texto-servicio-cool,
.instalacion-texto-servicio-cool {
    margin: 0 0 30px;
    font-family: var(--dm);
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 25px;
    letter-spacing: 0;
    color: #2E2E2E;
    text-align: left;
    text-wrap-style: balance;
}

.proyecto-boton-servicio-cool,
.instalacion-boton-servicio-cool {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    width: 192px;
    height: 55px;
    padding: 0 20px;
    border-radius: 30px;
    background: var(--celeste);
    font-family: var(--dm);
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0;
    color: var(--azul);
    text-decoration: none;
    transition:
        background-color 0.25s ease,
        color 0.25s ease,
        transform 0.25s ease;
}

.proyecto-boton-servicio-cool:hover,
.proyecto-boton-servicio-cool:focus,
.instalacion-boton-servicio-cool:hover,
.instalacion-boton-servicio-cool:focus {
    background: #113A75;
    color: #FFFFFF;
    text-decoration: none;
    transform: translateY(-2px);
}

.proyecto-flecha-servicio-cool,
.instalacion-flecha-servicio-cool {
    font-size: 13px;
}

.proyecto-boton-texto-servicio-cool,
.instalacion-boton-texto-servicio-cool {
    display: inline-block;
}

.tipo-de-proyecto {
    background: url(/wp-content/uploads/2026/07/Fondo-copo-1.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 369px;
}

.tipo-de-proyecto>div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.tipo-de-proyecto h2 {
    margin: 0;
}

.tipo-de-proyecto h3 {
    margin-block: 32px;
}



@media only screen and (min-width: 701px) and (max-width: 1000px) {

    .estructura-servicios-servicio-cool br {
        display: none;
    }

    .proyecto-titulo-servicio-cool,
    .instalacion-titulo-servicio-cool {
        font-size: 35px;
        line-height: 38px;
    }

    .proyecto-texto-servicio-cool,
    .instalacion-texto-servicio-cool {
        font-size: 16px;
        line-height: 21px;
    }

    .proyecto-boton-servicio-cool,
    .instalacion-boton-servicio-cool {
        width: 170px;
        height: 50px;
    }

    .servicios-items {
        padding-top: 70px;
        padding-bottom: 90px;
    }

    .servicios-items>.ld-container {
        padding-right: 25px;
        padding-left: 25px;
    }

    .estructura-servicios-servicio-cool {
        gap: 85px;
    }

    .proyecto-bloque-servicio-cool,
    .instalacion-bloque-servicio-cool {
        gap: 32px;
    }

    .proyecto-contenido-servicio-cool,
    .instalacion-contenido-servicio-cool {
        max-width: none;
    }

    .proyecto-icono-servicio-cool,
    .instalacion-icono-servicio-cool {
        width: 56px;
        margin-bottom: 10px;
    }

    .proyecto-titulo-servicio-cool,
    .instalacion-titulo-servicio-cool {
        margin-bottom: 20px;
    }

    .proyecto-texto-servicio-cool,
    .instalacion-texto-servicio-cool {
        margin-bottom: 25px;
    }

}


@media only screen and (max-width: 700px) {

    .servicios-items {
        padding-top: 50px;
        padding-bottom: 70px;
    }

    .servicios-items>.ld-container {
        padding-right: 18px;
        padding-left: 18px;
    }

    .estructura-servicios-servicio-cool {
        gap: 70px;
    }

    .proyecto-bloque-servicio-cool,
    .instalacion-bloque-servicio-cool {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .instalacion-foto-servicio-cool {
        order: -1;
    }

    .proyecto-foto-servicio-cool,
    .instalacion-foto-servicio-cool {
        border-radius: 14px;
    }

    .proyecto-contenido-servicio-cool,
    .instalacion-contenido-servicio-cool {
        max-width: none;
        justify-self: stretch;
    }

    .proyecto-icono-servicio-cool,
    .instalacion-icono-servicio-cool {
        width: 50px;
        margin-bottom: 18px;
    }

    .proyecto-titulo-servicio-cool,
    .instalacion-titulo-servicio-cool {
        margin-bottom: 18px;
        font-size: 36px;
        line-height: 41px;
        letter-spacing: 1px;
    }

    .proyecto-texto-servicio-cool,
    .instalacion-texto-servicio-cool {
        margin-bottom: 24px;
        font-size: 20px;
        line-height: 26px;
    }

    .proyecto-boton-servicio-cool,
    .instalacion-boton-servicio-cool {
        width: 165px;
        height: 48px;
        font-size: 16px;
        line-height: 22px;
    }

}


/* ==================================================
   NOSOTROS COOL
   ================================================== */

#banner-seccion-nosotros {
    background: url(/wp-content/uploads/2026/07/banner-ppal-quienes-somos-1.jpg);
}


@media only screen and (min-width: 900px) {

    #nuestra-historia-items .proyecto-bloque-servicio-cool,
    #nuestra-historia-items .instalacion-bloque-servicio-cool {
        gap: 0;
    }

    #nuestra-historia-items .instalacion-contenido-servicio-cool {
        justify-self: anchor-center;
    }

}


/* ==================================================
   CONTACTO  COOL
================================================== */

.txt-seccion-contacto>div {
    display: flex;
    align-items: center;
    flex-direction: column;
}

@media only screen and (min-width: 900px) {
    .fondo-seccion-contacto {
        background: url(/wp-content/uploads/2026/07/marca-de-agua.png);
        background-repeat: no-repeat;
        background-position-x: right;
        background-position-y: center;
    }
}

/* ========================
   FORMULARIO DE CONTACTO
=========================== */

.formulario-seccion-contacto {
    width: 100%;
    max-width: 849px;
    min-height: 496px;
    padding: 42px 55px;
    background: #fff;
    box-shadow: 0 3px 6px #00000073;
    border-radius: 20px;
    box-sizing: border-box;
    margin-inline: auto;
}

.formulario-seccion-contacto .wpcf7,
.formulario-seccion-contacto .wpcf7-form,
.formulario-seccion-contacto .wpcf7-form>p {
    width: 100%;
    margin: 0;
}

.formulario-seccion-contacto label,
.formulario-seccion-contacto br {
    display: none;
}

.formulario-seccion-contacto .wpcf7-form-control-wrap {
    display: block;
    width: 100%;
    margin-bottom: 10px;
}

.formulario-seccion-contacto input[type="text"],
.formulario-seccion-contacto input[type="email"],
.formulario-seccion-contacto input[type="tel"],
.formulario-seccion-contacto textarea {
    display: block;
    width: 100%;
    height: 48px;
    padding: 0 20px;
    border: 1px solid #113A75;
    border-radius: 10px;
    background: #fff;
    box-sizing: border-box;
    font: normal normal 400 16px/21px "DM Sans", sans-serif;
    color: #113A75;
    outline: none;
    box-shadow: none;
}

.formulario-seccion-contacto textarea {
    height: 142px;
    padding-top: 14px;
    resize: none;
}

.formulario-seccion-contacto input::placeholder,
.formulario-seccion-contacto textarea::placeholder {
    color: #113A75;
    opacity: 1;
}

.formulario-seccion-contacto input:focus,
.formulario-seccion-contacto textarea:focus {
    border-color: #2FCFEC;
}

.formulario-seccion-contacto input[type="submit"] {
    width: 154px;
    height: 59px;
    margin-top: 3px;
    padding: 0;
    border: 0;
    border-radius: 30px;
    background: #2FCFEC;
    box-shadow: none;
    font: normal normal 700 20px/26px "DM Sans", sans-serif;
    color: #1F394C;
    cursor: pointer;
}

.formulario-seccion-contacto input[type="submit"]:hover {
    background: #25bdd8;
}

.formulario-seccion-contacto .wpcf7-spinner {
    margin: 0 0 0 12px;
}

.formulario-seccion-contacto .wpcf7-response-output {
    margin: 15px 0 0;
    border-radius: 8px;
    font-family: "DM Sans", sans-serif;
}


@media only screen and (min-width: 701px) and (max-width: 1000px) {

    .formulario-seccion-contacto {
        max-width: 100%;
        min-height: auto;
        padding: 38px 45px;
    }
}



@media only screen and (max-width: 700px) {

    .formulario-seccion-contacto {
        max-width: 100%;
        min-height: auto;
        padding: 28px 20px;
        border-radius: 15px;
    }

    .formulario-seccion-contacto input[type="text"],
    .formulario-seccion-contacto input[type="email"],
    .formulario-seccion-contacto input[type="tel"] {
        height: 46px;
        padding: 0 15px;
        font-size: 14px;
        line-height: 19px;
    }

    .formulario-seccion-contacto textarea {
        height: 130px;
        padding: 13px 15px;
        font-size: 14px;
        line-height: 19px;
    }

    .formulario-seccion-contacto input[type="submit"] {
        width: 130px;
        height: 50px;
        font-size: 17px;
        line-height: 22px;
    }
}

/* =========================
   CANALES DE CONTACTO
   ========================*/

.segunda-seccion-contacto-title h2 {
    margin-inline: auto;
    width: fit-content;
    text-align: center;
    /* text-wrap-mode: nowrap; */
}

#segunda-seccion-contacto {
    width: 100%;
    padding: 70px 20px 90px;
}

#segunda-seccion-contacto>.ld-container {
    width: 100%;
    max-width: 930px;
    padding-right: 0;
    padding-left: 0;
}

#segunda-seccion-contacto .ld-row {
    margin-right: 0;
    margin-left: 0;
}

#segunda-seccion-contacto .vc_column_container,
#segunda-seccion-contacto .vc_column-inner {
    padding-right: 0;
    padding-left: 0;
}

#canales-de-contacto-container {
    margin-bottom: 0;
}

.grilla-canales-de-contacto {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 414px));
    justify-content: center;
    gap: 22px;
    width: 100%;
}



.tarjeta-whatsapp-canales-de-contacto,
.tarjeta-telefono-canales-de-contacto,
.tarjeta-email-canales-de-contacto,
.tarjeta-horarios-canales-de-contacto {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    min-height: 342px;
    padding: 25px 30px 26px;
    background: #FFFFFF;
    border-radius: 20px;
    box-shadow: 0 3px 6px #00000073;
    text-align: center;
}


.icono-whatsapp-canales-de-contacto,
.icono-telefono-canales-de-contacto,
.icono-email-canales-de-contacto,
.icono-horarios-canales-de-contacto {
    display: block;
    width: 40px;
    height: 40px;
    margin-bottom: 14px;
    object-fit: contain;
}



.titulo-whatsapp-canales-de-contacto,
.titulo-telefono-canales-de-contacto,
.titulo-email-canales-de-contacto,
.titulo-horarios-canales-de-contacto {
    margin: 0 0 28px;
    font-family: var(--dm);
    font-size: 24px;
    font-weight: 700;
    line-height: 25px;
    letter-spacing: 0;
    color: #113A75;
    text-align: center;
}


.texto-whatsapp-canales-de-contacto,
.texto-telefono-canales-de-contacto,
.texto-email-canales-de-contacto,
.texto-horarios-canales-de-contacto {
    width: 100%;
    max-width: 340px;
    margin: 0 0 25px;
    font-family: var(--dm);
    font-size: 18px;
    font-weight: 500;
    line-height: 25px;
    letter-spacing: 0;
    color: #113A75;
    text-align: center;
}



.tarjeta-whatsapp-canales-de-contacto .boton-whatsapp-canales-de-contacto,
.tarjeta-telefono-canales-de-contacto .boton-telefono-canales-de-contacto,
.tarjeta-email-canales-de-contacto .boton-email-canales-de-contacto,
.tarjeta-horarios-canales-de-contacto .boton-horarios-canales-de-contacto {
    align-self: center;
    margin-top: auto;
    white-space: nowrap;
    text-decoration: none;
}




@media only screen and (min-width: 701px) and (max-width: 1000px) {

    #segunda-seccion-contacto {
        padding: 60px 25px 75px;
    }

    #segunda-seccion-contacto>.ld-container {
        max-width: 850px;
    }

    .grilla-canales-de-contacto {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px;
    }

    .tarjeta-whatsapp-canales-de-contacto,
    .tarjeta-telefono-canales-de-contacto,
    .tarjeta-email-canales-de-contacto,
    .tarjeta-horarios-canales-de-contacto {
        min-height: 360px;
        padding-right: 24px;
        padding-left: 24px;
    }

}



@media only screen and (max-width: 700px) {

    #segunda-seccion-contacto {
        padding: 0 18px 60px;
    }

    .grilla-canales-de-contacto {
        grid-template-columns: 1fr;
        gap: 18px;
        max-width: 414px;
        margin-inline: auto;
    }

    .tarjeta-whatsapp-canales-de-contacto,
    .tarjeta-telefono-canales-de-contacto,
    .tarjeta-email-canales-de-contacto,
    .tarjeta-horarios-canales-de-contacto {
        min-height: 315px;
        padding: 25px 18px;
        border-radius: 16px;
    }

    .icono-whatsapp-canales-de-contacto,
    .icono-telefono-canales-de-contacto,
    .icono-email-canales-de-contacto,
    .icono-horarios-canales-de-contacto {
        width: 36px;
        height: 36px;
        margin-bottom: 13px;
    }

    .titulo-whatsapp-canales-de-contacto,
    .titulo-telefono-canales-de-contacto,
    .titulo-email-canales-de-contacto,
    .titulo-horarios-canales-de-contacto {
        margin-bottom: 22px;
        font-size: 22px;
        line-height: 25px;
    }

    .texto-whatsapp-canales-de-contacto,
    .texto-telefono-canales-de-contacto,
    .texto-email-canales-de-contacto,
    .texto-horarios-canales-de-contacto {
        max-width: 320px;
        margin-bottom: 24px;
        font-size: 16px;
        line-height: 23px;
    }

}


/* ==================================================
 Cinemark Santa Fe COOL
   ================================================== */

#banner-seccion-cinemark {
    background: url(/wp-content/uploads/2026/07/banner-ppal-cinemark-santa-fe.jpg);
}

/* ================================
   GALERÍA DE IMÁGENES
================================ */

.galeria-de-imagenes .lqd-img-gal {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.galeria-de-imagenes .lqd-img-gal-imgs {
    position: relative;
    width: 100%;
}

.galeria-de-imagenes .lqd-img-gal-imgs .carousel-items,
.galeria-de-imagenes .lqd-img-gal-imgs .flickity-viewport,
.galeria-de-imagenes .lqd-img-gal-imgs .carousel-item {
    height: 718px !important;
}

.galeria-de-imagenes .lqd-img-gal-imgs .carousel-item-inner,
.galeria-de-imagenes .lqd-img-gal-imgs .carousel-item-content,
.galeria-de-imagenes .lqd-img-gal-imgs figure,
.galeria-de-imagenes .lqd-img-gal-imgs .ld-carousel-parallax-wrap {
    width: 100%;
    height: 100%;
    margin: 0;
}

.galeria-de-imagenes .lqd-img-gal-imgs figure,
.galeria-de-imagenes .lqd-img-gal-imgs .ld-carousel-parallax-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
}

.galeria-de-imagenes .lqd-img-gal-imgs img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain;
    object-position: center;
    transform: none !important;
    will-change: auto !important;
}


/* Flechas */

.galeria-de-imagenes .lqd-img-gal-imgs .carousel-nav {
    position: absolute !important;
    inset: 0 !important;
    z-index: 5;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    padding: 0 5px;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    pointer-events: none;
}

.galeria-de-imagenes .lqd-img-gal-imgs .flickity-prev-next-button {
    position: static !important;
    width: 32px;
    height: 32px;
    margin: 0 !important;
    border: 1px solid #202020 !important;
    border-radius: 50%;
    background: #fff !important;
    background-image: none !important;
    color: #202020 !important;
    box-shadow: none !important;
    opacity: 1 !important;
    transform: none !important;
    pointer-events: auto;
    transition: background-color .2s ease, color .2s ease, transform .2s ease;
}

.galeria-de-imagenes .lqd-img-gal-imgs .flickity-prev-next-button:hover {
    background: #202020 !important;
    color: #fff !important;
    transform: scale(1.06) !important;
}

/* .galeria-de-imagenes .lqd-img-gal-imgs .flickity-prev-next-button:disabled {
    opacity: .35 !important;
    cursor: default;
} */

.galeria-de-imagenes .lqd-img-gal-imgs .flickity-prev-next-button::before,
.galeria-de-imagenes .lqd-img-gal-imgs .flickity-prev-next-button::after {
    display: none !important;
}

.galeria-de-imagenes .lqd-img-gal-imgs .flickity-prev-next-button svg path {
    fill: currentColor !important;
}


/* Miniaturas */

.galeria-de-imagenes .lqd-img-gal-thumbs {
    width: 100%;
    max-width: 570px;
    margin: 12px auto 0;
}

.galeria-de-imagenes .lqd-img-gal-thumbs .flickity-viewport {
    height: 58px !important;
}

.galeria-de-imagenes .lqd-img-gal-thumbs .carousel-item {
    padding: 0 4px !important;
}

.galeria-de-imagenes .lqd-img-gal-thumbs figure {
    height: 58px;
    margin: 0;
    overflow: hidden;
}

.galeria-de-imagenes .lqd-img-gal-thumbs img {
    display: block;
    width: 100% !important;
    height: 58px !important;
    object-fit: cover;
    opacity: .7;
    transition: opacity .2s ease;
}

.galeria-de-imagenes .lqd-img-gal-thumbs .is-nav-selected img {
    opacity: 1;
}

.galeria-de-imagenes .carousel-dots,
.galeria-de-imagenes .carousel-dots-mobile {
    display: none !important;
}


/* ================================
   VISTA MOBILE
================================ */

@media only screen and (max-width: 700px) {

    .galeria-de-imagenes .lqd-img-gal-imgs .carousel-items,
    .galeria-de-imagenes .lqd-img-gal-imgs .flickity-viewport,
    .galeria-de-imagenes .lqd-img-gal-imgs .carousel-item {
        height: min(120vw, 520px) !important;
    }

    .galeria-de-imagenes .lqd-img-gal-imgs figure {
        box-sizing: border-box;
        padding: 0 38px;
    }

    .galeria-de-imagenes .lqd-img-gal-imgs .carousel-nav {
        padding: 0 8px !important;
    }

    .galeria-de-imagenes .lqd-img-gal-imgs .flickity-prev-next-button {
        width: 30px;
        height: 30px;
    }

    .galeria-de-imagenes .lqd-img-gal-thumbs {
        max-width: 100%;
        margin-top: 10px;
        padding: 0 4px;
    }

    .galeria-de-imagenes .lqd-img-gal-thumbs .flickity-viewport,
    .galeria-de-imagenes .lqd-img-gal-thumbs figure,
    .galeria-de-imagenes .lqd-img-gal-thumbs img {
        height: 52px !important;
    }
}


/* ================================
   VISTA TABLET
================================ */

@media (min-width: 715px) and (max-width: 1000px) {

    .galeria-de-imagenes .lqd-img-gal-imgs .carousel-items,
    .galeria-de-imagenes .lqd-img-gal-imgs .flickity-viewport,
    .galeria-de-imagenes .lqd-img-gal-imgs .carousel-item {
        height: 600px !important;
    }

    .galeria-de-imagenes .lqd-img-gal-imgs figure {
        box-sizing: border-box;
        padding: 0 55px;
    }

    .galeria-de-imagenes .lqd-img-gal-thumbs {
        max-width: 560px;
    }

    .galeria-de-imagenes .lqd-img-gal-thumbs .carousel-item {
        width: 16.6667% !important;
    }
}


/* ================================
   TABLET HORIZONTAL
================================ */

@media (min-width: 1180px) and (max-width: 1290px) and (orientation: landscape) {

    .galeria-de-imagenes .lqd-img-gal-imgs .carousel-items,
    .galeria-de-imagenes .lqd-img-gal-imgs .flickity-viewport,
    .galeria-de-imagenes .lqd-img-gal-imgs .carousel-item {
        height: 620px !important;
    }
}


@media only screen and (max-width: 1000px) {

    .galeria-de-imagenes .lqd-img-gal-imgs .carousel-nav {
        top: 50% !important;
        right: 0 !important;
        bottom: auto !important;
        left: 0 !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 8px !important;
        justify-content: space-between !important;
        transform: translateY(-50%) !important;
        box-sizing: border-box;
    }

    .galeria-de-imagenes .lqd-img-gal-imgs .flickity-prev-next-button {
        position: relative !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
        flex: 0 0 auto;
    }
}

/* ==================================================
   PREFooter GALERÍAS
================================================== */

.prefooter-galerias-info {
    width: 100%;
    padding: 50px 20px;
    background: #DFEAF6;
}

.prefooter-galerias-info>.ld-container {
    width: 100%;
    max-width: 1200px;
    padding-right: 0;
    padding-left: 0;
}

.prefooter-galerias-info .ld-row {
    margin-right: 0;
    margin-left: 0;
}

.prefooter-galerias-info .vc_column_container,
.prefooter-galerias-info .vc_column-inner {
    padding-right: 0;
    padding-left: 0;
}

#prefooter-galerias-container {
    margin-bottom: 0;
}

.contenido-prefooter-galerias {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: start;
    gap: 60px;
    width: 100%;
}

.experiencia-prefooter-galerias,
.proyectos-prefooter-galerias,
.clientes-prefooter-galerias {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.titulo-experiencia-prefooter-galerias,
.titulo-proyectos-prefooter-galerias,
.titulo-clientes-prefooter-galerias {
    margin: 0 0 20px;
    font-family: var(--dm);
    font-size: 36px;
    font-weight: 700;
    line-height: 42px;
    letter-spacing: 0;
    color: var(--azul);
    text-align: center;
}

.texto-experiencia-prefooter-galerias,
.texto-proyectos-prefooter-galerias,
.texto-clientes-prefooter-galerias {
    max-width: 310px;
    margin: 0;
    font-family: var(--dm);
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0;
    color: var(--azul);
    text-align: center;
}


/* ==================================================
   TABLET: 701PX A 1000PX
================================================== */


@media only screen and (min-width: 701px) and (max-width: 1000px) {

    .prefooter-galerias-info {
        padding: 50px 35px;
    }

    .contenido-prefooter-galerias {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 40px;
        row-gap: 50px;
        max-width: 760px;
        margin-inline: auto;
    }

    .experiencia-prefooter-galerias,
    .proyectos-prefooter-galerias,
    .clientes-prefooter-galerias {
        width: 100%;
        min-width: 0;
    }

    .clientes-prefooter-galerias {
        grid-column: 1 / -1;
        justify-self: center;
        max-width: 420px;
    }

    .titulo-experiencia-prefooter-galerias,
    .titulo-proyectos-prefooter-galerias,
    .titulo-clientes-prefooter-galerias {
        margin-bottom: 16px;
    }

    .texto-experiencia-prefooter-galerias,
    .texto-proyectos-prefooter-galerias,
    .texto-clientes-prefooter-galerias {
        max-width: 320px;
    }

}


/* ==================================================
   MOBILE: HASTA 700PX
================================================== */

@media only screen and (max-width: 700px) {

    .prefooter-galerias-info {
        padding: 45px 20px;
    }

    .contenido-prefooter-galerias {
        grid-template-columns: 1fr;
        gap: 45px;
    }

    .titulo-experiencia-prefooter-galerias,
    .titulo-proyectos-prefooter-galerias,
    .titulo-clientes-prefooter-galerias {
        margin-bottom: 14px;
        font-size: 30px;
        line-height: 35px;
    }

    .texto-experiencia-prefooter-galerias,
    .texto-proyectos-prefooter-galerias,
    .texto-clientes-prefooter-galerias {
        max-width: 300px;
        font-size: 16px;
        line-height: 22px;
    }

}


/* ==================================================
 PROYECTOS COOL
   ================================================== */

#banner-seccion-proyectos {
    background: url(/wp-content/uploads/2026/07/banner-ppal-proyectos.jpg);
}

.proyectos-txt-container>div {
    display: flex;
    justify-content: center;
}

.proyectos-txt-container p {
    width: 50%;
}


.carousel-proyecto-container .carousel-items>div>div>div>div>div>div>div {
      /* max-width:  50% !important;
    width: 50% !important; */
}

.proyecto-item-carrusel {
    max-width: fit-content !important;
    width: fit-content !important;
}


.carousel-proyecto-container .carousel-items .dm48azul {
    margin-top: 15px;
    margin-bottom: 28px;

}

.carousel-proyecto-container .carousel-items .dm20azul {
    max-width: 900px;
}

.proyectos-industriales-txt>div {
    gap: 83px;
    padding-top: 50px;
    padding-bottom: 20px;
}

.proyectos-industriales-txt .dm48azul {
    width: 100%;
    margin-bottom: 68px;
}


.proyectos-industriales-txt .dm20azul {
    width: 44%;
}


.obras-desarrollos-container>div {
    gap: 4rem;
}

.obras-desarrollos-container .dm20azul {
    width: 547px;
}


@media only screen and (min-width: 1920px) {

     .carousel-proyecto>div {
        padding-left: 11% !important;
    } 

}

@media only screen and (max-width: 700px) {
    .carousel-container.carousel-proyecto-container .carousel-item {
        padding-inline: 2rem !important;
    }

    .proyectos-txt-container>div {
        flex-direction: column;
    }

    .proyectos-txt-container p {
        width: 100%;
        margin-bottom: 18px;
    }

    .proyectos-txt-container {
        margin-top: -25px;
    }

    .proyectos-industriales-txt .dm48azul {
        margin-bottom: 30px;
    }

    .proyectos-industriales-txt .dm20azul {
        width: 100%;
    }

    .proyectos-industriales-txt>div {
        gap: 50px;
    }

    .obras-desarrollos-container>div {
        flex-direction: column-reverse;
        gap: 10px;
    }

    .obras-desarrollos-container .dm20azul {
        width: 100%;
        margin-bottom: 25px;
    }


}

@media (min-width: 715px) and (max-width: 1000px) {

    .proyectos-industriales-txt>div {
        gap: 0;
    }

    .proyectos-industriales-txt .dm48azul {
        width: 22rem;
    }

    .obras-desarrollos-container>div {
        gap: 35px;
    }

    .obras-desarrollos-container .dm20azul,
    .obras-desarrollos-container .dm48azul {
        width: 100%;
    }

}


/* ==================================================
       PALMARES COOL
================================================== */

#banner-seccion-palmares {
    background: url(/wp-content/uploads/2026/07/banner-ppal-cinemark-palmares.jpg);
}




/* ==================================================
       ANIMACIONES 
================================================== */


.galeriaProyecto__principal,
.galeriaProyecto__imagen {
    overflow: hidden
}

.galeriaProyecto img {
    transition: transform .45s ease
}

.galeriaProyecto__principal:hover>img,
.galeriaProyecto__imagen:hover img {
    transform: scale(1.06)
}

@media (hover:hover) {
    .recuadro.unaCara {
        transition: .4s ease
    }

    .recuadro.unaCara img {
        transition: .4s ease
    }

    .recuadro.unaCara:hover {
        transform: translateY(-10px);
        box-shadow: 0 18px 35px rgba(0, 0, 0, .15)
    }

    .recuadro.unaCara:hover img {
        transform: scale(1.08) rotate(-2deg)
    }
}


/* ==================================================
      AJUSTES 
================================================== */

.titulo-experiencia-prefooter-galerias:hover,
.titulo-proyectos-prefooter-galerias:hover,
.titulo-clientes-prefooter-galerias:hover {
    color: #2FCFEC;
}

#footer-final{
	display:none;
}

@media only screen and (max-width:700px) {
    #banner-seccion-servicios-instalacion {
        background: url("/wp-content/uploads/2026/07/mobile-banner-ppal-instalacion.jpg") !important;
    }

	#footer-final{
		display:block;
	}
}



.grecaptcha-badge {
    opacity: 0;
}
#footer > section > div > div > div{
	padding: 0;
}
@media only screen and (max-width:700px) {
	#footer-final > div > div > div{
		margin: 0px !important;
		height: 1px !important;
	}

	#fila-footer > div > div > div{
		padding: 0 20px !important;
	}
}

.fondo-seccion-contacto form > div, .fondo-seccion-contacto textarea, .formulario-seccion-contacto textarea:focus{
	color: #113A75;
}