/*
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;
}

header .header-module.module-logo {
    width: 75px;
    padding-block: 15px;
}


#fila-header .menu-item>a {
    font-family: var(--dm);
    font-weight: 700;
    font-size: 20px;
    color: var(--azul);
}

#fila-header .col {
    align-items: center;
    justify-content: space-between;
}

.btnCeleste {
    width: 305px;
    height: 55px;
    font-size: 20px;
    background: var(--celeste);
    font-family: var(--dm);
    color: var(--azul);
    display: flex;
    align-items: center;
    border: 1px solid var(--celeste);
    border-radius: 30px;
    font-weight: 700;
    justify-content: center;
    gap: 12px;
}

.btnCeleste::before {
    content: url(/wp-content/uploads/2026/07/flecha-boton.svg);
}

.btnCeleste:hover {
    background-color: var(--azul);
    color: white;
    border: 1px solid var(--azul);
}

.btnCeleste:hover::before {
    content: url(/wp-content/uploads/2026/07/flecha-boton-blanca.svg);
}

.btnCeleste.btnHero:hover {
    background-color: white;
    color: var(--azul);
}

.btnCeleste.btnHero:hover::before {
    content: url(/wp-content/uploads/2026/07/flecha-boton.svg);
}


.btnCeleste.btnHeader::after {
    content: "+54 342 5153078";
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    opacity: 0;
    pointer-events: none;
    white-space: nowrap;
}


.btnCeleste.btnHeader:hover {
    color: transparent !important;
    gap: 0px;
}

.btnCeleste.btnHeader:hover::after {
    opacity: 1;
}

.btnCeleste.btnHeader:hover::before {
    content: url(/wp-content/uploads/2026/07/Icon-feather-phone.svg);
    padding-top: 10px;
}

.btnTransparente {
    width: 305px;
    height: 55px;
    font-size: 20px;
    background: transparent;
    font-family: var(--dm);
    color: white;
    display: flex;
    align-items: center;
    border: 1px solid white;
    border-radius: 30px;
    font-weight: 700;
    justify-content: center;
    gap: 12px;
}

.btnTransparente:hover {
    background-color: white;
    color: var(--azul);
}

.btnTransparente::before {
    content: url(/wp-content/uploads/2026/07/flecha-boton-blanca.svg);
}

.btnTransparente:hover::before {
    content: url(/wp-content/uploads/2026/07/flecha-boton.svg);
}

.btnCorto {
    width: 135px;
    height: 47px;
    font-size: 20px;
    background: white;
    font-family: var(--dm);
    color: var(--azul);
    display: flex;
    align-items: center;
    border: 1px solid white;
    border-radius: 30px;
    font-weight: 700;
    justify-content: center;
    gap: 12px;
}

.btnCorto:before {
    content: url(/wp-content/uploads/2026/07/flecha-boton.svg);
}

.contenedorBotones {
    display: flex;
    justify-content: center;
    gap: 20px;
}

#hero {
    height: 900px;
    display: flex;
    padding-top: 90px;
}

#hero>div.row-bg-wrap {
    /* content: url(/wp-content/uploads/2026/07/filtro-video.png);*/
    z-index: 1;
    opacity: 0.6;
}

#hero>div.ld-container {
    z-index: 2;
}

.zocalo {
    display: flex;
    justify-content: center;
    gap: 25px;
    background-color: #ffffff4a;
    border-radius: 38px;
    border: 1px solid white;
    padding-block: 20px;
}

.zocalo>div {
    display: flex;
    align-items: center;
    gap: 10px;
}

.zocalo>div>h3 {
    margin: 0px !important;
}

#hero .dm20blanco {
    margin-block: 70px;
}

#hero .zocalo {
    margin-top: 105px;
}

.paddingFila {
    padding-top: 50px;
    padding-bottom: 35px;
}

.contenedorRecuadros {
    display: flex;
    gap: 30px;
    justify-content: center;
}

.recuadro {
    width: 255px;
    height: 255px;
    background-color: white;
    box-shadow: 0px 3px 6px #1F394C73;
    border-radius: 20px;
}

.recuadro .frente {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: stretch;
    justify-content: center;
    padding-inline: 12px;
    text-align: center;
}

.recuadro .frente img {
    height: 45px;
}

.recuadro .dorso {
    flex-direction: column;
    align-items: center;
    height: stretch;
    justify-content: center;
    padding-inline: 15px;
    display: none;
}

.recuadro:not(.unaCara):hover {
    background-color: #B1D4F3;
}

.recuadro:not(.unaCara):hover .frente {
    display: none;
}

.recuadro:hover .dorso {
    display: flex;
}

.recuadro .dorso p {
    text-align: left;
    margin: 0px;
    margin-bottom: 15px;
}

#rubros {
    height: 497px;
    padding-top: 20px;
}

#rubros .recuadro {
    height: 197px;
}

.imgTexto {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.imgTexto>img {
    margin-bottom: 15px;
}

.unaCara {
    width: 298px;
    height: 315px;
}

.unaCara .frente p {
    text-align: left;
    margin-top: 15px;
}

.unaCara .frente {
    justify-content: flex-start;
    padding-top: 25px;
}

.unaCara .frente .dm22azul {
    height: 50px;
}

#decada {
    height: 473px;
}

#decada .dm36blanco:hover {
    color: var(--celeste);
}

.filaCol3 .vc_column-inner {
    max-width: 284px;
}

.filaCol3 .vc_column_container {
    justify-content: center;
}

.filaImagenTexto {
    margin-block: 75px;
}


/*cuadricula imagenes ia*/
/* ==================================================
   CONTENEDOR GENERAL
================================================== */

.seccionGaleriaProyecto {
    width: 100%;
    padding: 25px 24px 10px;
    box-sizing: border-box;
}

.seccionGaleriaProyecto *,
.seccionGaleriaProyecto *::before,
.seccionGaleriaProyecto *::after {
    box-sizing: border-box;
}


/* ==================================================
   GRILLA PRINCIPAL

   615 px + 19 px + 615 px = 1249 px
================================================== */

.galeriaProyecto {
    width: 100%;
    max-width: 1249px;
    aspect-ratio: 1249 / 560;
    margin: 0 auto;

    display: grid;
    grid-template-columns: 49.2394% 49.2394%;
    column-gap: 1.5212%;
}


/* ==================================================
   IMAGEN PRINCIPAL
================================================== */

.galeriaProyecto__principal {
    position: relative;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    border-radius: 4px;
}

.galeriaProyecto__principal>img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* Degradado oscuro inferior */

.galeriaProyecto__principal::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;

    background: linear-gradient(0deg,
            rgba(31, 57, 76, 0.98) 0%,
            rgba(31, 57, 76, 0.76) 22%,
            rgba(31, 57, 76, 0.35) 42%,
            rgba(128, 128, 128, 0) 65%);
}


/* ==================================================
   INFORMACIÓN SOBRE LA IMAGEN
================================================== */

.galeriaProyecto__contenido {
    position: absolute;
    z-index: 2;

    left: clamp(24px, 8.78%, 54px);
    right: clamp(24px, 8.78%, 54px);
    bottom: clamp(24px, 6.43%, 36px);
}

.galeriaProyecto__categoria,
.galeriaProyecto__titulo,
.galeriaProyecto__descripcion {
    margin: 0;
}

.galeriaProyecto__categoria {
    font-weight: 600;
    text-transform: uppercase;
}

.galeriaProyecto__titulo {
    margin-bottom: 11px;
}

.galeriaProyecto__descripcion {
    max-width: 500px;
}

.galeriaProyecto__descripcion span {
    display: block;
}


/* ==================================================
   COLUMNA DERECHA

   279 px + 24 px + 257 px = 560 px
================================================== */

.galeriaProyecto__derecha {
    min-width: 0;
    min-height: 0;

    display: grid;
    grid-template-rows: 49.8214% 45.8929%;
    row-gap: 4.2857%;
}


/* ==================================================
   IMÁGENES INFERIORES

   298 px + 19 px + 298 px = 615 px
================================================== */

.galeriaProyecto__inferiores {
    min-width: 0;
    min-height: 0;

    display: grid;
    grid-template-columns: 48.4553% 48.4553%;
    column-gap: 3.0894%;
}


/* ==================================================
   ESTILOS GENERALES DE LAS IMÁGENES
================================================== */

.galeriaProyecto__imagen {
    min-width: 0;
    min-height: 0;
    margin: 0;
    overflow: hidden;
    border-radius: 4px;
}

.galeriaProyecto__imagen img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* ==================================================
   RESPONSIVE
================================================== */

@media (max-width: 767px) {

    .seccionGaleriaProyecto {
        padding: 32px 16px;
    }

    .galeriaProyecto {
        max-width: 615px;
        aspect-ratio: auto;

        grid-template-columns: 1fr;
        row-gap: 16px;
    }

    .galeriaProyecto__principal {
        aspect-ratio: 615 / 560;
    }

    .galeriaProyecto__derecha {
        grid-template-rows: auto auto;
        row-gap: 16px;
    }

    .galeriaProyecto__superior {
        aspect-ratio: 615 / 279;
    }

    .galeriaProyecto__inferiores {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 16px;
    }

    .galeriaProyecto__inferior {
        aspect-ratio: 298 / 257;
    }

    .galeriaProyecto__contenido {
        left: 24px;
        right: 24px;
        bottom: 24px;
    }

}

/*Fon cuadricula imagenes ia*/

#testimonios {
    height: 722px;
}





/*Testimonios ia*/
/* ==================================================
   TARJETA DE TESTIMONIO
   Medida máxima: 405,34 x 328 px
================================================== */

.tarjetaTestimonio {
    position: relative;

    display: flex;
    flex-direction: column;
    align-items: center;

    width: 405.34px;
    max-width: 100%;
    height: 328px;

    padding: 40px 38px 60px;

    background: #FFFFFF1F 0% 0% no-repeat padding-box;
    border: 1px solid #FFFFFF;
    border-radius: 21px;

    box-sizing: border-box;
    overflow: hidden;
}


/* ==================================================
   ESTRELLAS
================================================== */

.tarjetaTestimonio__estrellas {
    display: block;
    flex: 0 0 auto;

    width: 112px;
    height: 15px;

    object-fit: contain;
}


/* ==================================================
   COMILLAS
================================================== */

.tarjetaTestimonio__comillas {
    position: absolute;
    top: 31px;
    right: 20px;

    display: block;

    width: 33px;
    height: 33px;

    object-fit: contain;
}


/* ==================================================
   TEXTO DEL TESTIMONIO
================================================== */

.tarjetaTestimonio__texto {
    width: 100%;

    margin: 39px 0 0;

    text-align: left;
}


/* ==================================================
   NOMBRE DEL AUTOR
================================================== */

.tarjetaTestimonio__autor {
    flex: 0 0 auto;

    width: 100%;

    margin: auto 0 0;

    text-align: center;
}


/* ==================================================
   AJUSTE PARA PANTALLAS MÁS ANGOSTAS
================================================== */

@media (max-width: 380px) {

    .tarjetaTestimonio {
        padding-right: 28px;
        padding-left: 28px;
    }

    .tarjetaTestimonio__comillas {
        right: 16px;
    }

}

/*Fin testimonios ia*/

.wpb_wrapper:has(>.tarjetaTestimonio) {
    justify-self: center;
}

#testimonios .carousel-item {
    width: fit-content !important;
}


#formulario-home {
    height: 1024px;
    align-content: center;
}


/*FORMULARIO IA*/
/* ==================================================
   CONTENEDOR GENERAL
================================================== */
.wpcf7-response-output:not(.page-id-251 .wpcf7-response-output) {
    color: white !important;
}

.lqd-contact-form textarea:focus:not(.page-id-251 .lqd-contact-form textarea:focus) {
    color: white !important;
}

.formulario-contacto-industrial {
    width: 100%;
    max-width: 1111px;
    margin: 0 auto;

    text-align: left !important;
}

.formulario-contacto-industrial,
.formulario-contacto-industrial *,
.formulario-contacto-industrial *::before,
.formulario-contacto-industrial *::after {
    box-sizing: border-box;
}


/* ==================================================
   RESETEOS DE WORDPRESS Y CONTACT FORM 7
================================================== */

.formulario-contacto-industrial p {
    margin: 0 !important;
    padding: 0 !important;
}

.formulario-contacto-industrial br {
    display: none !important;
}

.formulario-contacto-industrial .wpcf7-form-control-wrap {
    display: block;
    width: 100%;

    margin: 0 !important;
    padding: 0 !important;
}


/* ==================================================
   GRILLA PRINCIPAL
================================================== */

.formulario-contacto-industrial__grilla {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));

    width: 100%;

    column-gap: 28px;
    row-gap: 35px;
}


/* ==================================================
   CONTENEDOR DE CADA CAMPO
================================================== */

.formulario-contacto-industrial__campo {
    display: flex;
    flex-direction: column;
    align-items: stretch;

    width: 100%;
    min-width: 0;

    margin: 0 !important;
    padding: 0 !important;

    text-align: left !important;
}


/* ==================================================
   LABELS
================================================== */

.formulario-contacto-industrial__campo>label {
    display: block !important;
    align-self: flex-start !important;

    width: auto !important;
    max-width: 100%;

    margin: 0 0 8px !important;
    padding: 0 !important;

    text-align: left !important;
}


/* Refuerzo frente a estilos globales del theme */

.formulario-contacto-industrial label.dm16blanco {
    display: block !important;
    float: none !important;

    width: auto !important;

    margin-right: 0 !important;
    margin-left: 0 !important;

    text-align: left !important;
}


/* ==================================================
   INPUTS Y TEXTAREA
================================================== */

.formulario-contacto-industrial input[type="text"],
.formulario-contacto-industrial input[type="email"],
.formulario-contacto-industrial input[type="tel"],
.formulario-contacto-industrial textarea {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 12px 18px !important;

    font-family: var(--dm);
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 21px;
    text-align: left;
    color: #ffffff;

    background: rgba(255, 255, 255, 0.35);
    border: 1px solid #ffffff;
    border-radius: 10px !important;

    outline: none;
    box-shadow: none;

    appearance: none;
    -webkit-appearance: none;

    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        box-shadow 0.25s ease;
}


/* ==================================================
   ALTURA DE LOS INPUTS
================================================== */

.formulario-contacto-industrial input[type="text"],
.formulario-contacto-industrial input[type="email"],
.formulario-contacto-industrial input[type="tel"] {
    height: 50px !important;
    min-height: 50px !important;
    max-height: 50px !important;
}


/* ==================================================
   CAMPO DE MENSAJE
================================================== */

.formulario-contacto-industrial__campo--mensaje {
    margin-top: 40px !important;
}

.formulario-contacto-industrial textarea {
    height: 136px !important;
    min-height: 136px !important;
    max-height: 136px !important;

    resize: none !important;
}


/* ==================================================
   ESTADOS DE FOCO
================================================== */

.formulario-contacto-industrial input[type="text"]:focus,
.formulario-contacto-industrial input[type="email"]:focus,
.formulario-contacto-industrial input[type="tel"]:focus,
.formulario-contacto-industrial textarea:focus {
    background: rgba(255, 255, 255, 0.45);
    border-color: #ffffff;

    box-shadow:
        0 0 0 2px rgba(255, 255, 255, 0.18);
}


/* ==================================================
   AUTOCOMPLETADO DEL NAVEGADOR
================================================== */

.formulario-contacto-industrial input:-webkit-autofill,
.formulario-contacto-industrial input:-webkit-autofill:hover,
.formulario-contacto-industrial input:-webkit-autofill:focus,
.formulario-contacto-industrial input:-webkit-autofill:active {
    -webkit-text-fill-color: #ffffff;
    caret-color: #ffffff;

    box-shadow:
        0 0 0 1000px rgba(91, 125, 145, 0.95) inset;

    transition:
        background-color 9999s ease-in-out 0s;
}


/* ==================================================
   BOTÓN
================================================== */

.formulario-contacto-industrial__acciones {
    position: relative;

    display: flex;
    justify-content: center;
    align-items: center;

    width: 100%;

    margin: 35px 0 0 !important;
    padding: 0 !important;
}

.formulario-contacto-industrial input[type="submit"].formulario-contacto-industrial__boton {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    width: auto !important;
    min-width: 116px;
    height: 45px !important;

    margin: 0 !important;
    padding: 0 30px !important;

    font-family: var(--dm);
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 21px;
    text-align: center;
    color: #123a57;

    background: #31c4e8;
    border: 0;
    border-radius: 999px;

    outline: none;
    box-shadow: none;
    cursor: pointer;

    transition:
        transform 0.25s ease,
        background-color 0.25s ease,
        box-shadow 0.25s ease;
}

.formulario-contacto-industrial input[type="submit"].formulario-contacto-industrial__boton:hover {
    color: #123a57;
    background: #ffffff;

    transform: translateY(-2px);

    box-shadow:
        0 7px 18px rgba(0, 0, 0, 0.15);
}

.formulario-contacto-industrial input[type="submit"].formulario-contacto-industrial__boton:active {
    transform: translateY(0);
}


/* ==================================================
   SPINNER DE CONTACT FORM 7
================================================== */

.formulario-contacto-industrial__acciones .wpcf7-spinner {
    position: absolute;
    left: calc(50% + 72px);

    margin: 0 !important;
}


/* ==================================================
   VALIDACIONES
================================================== */

.formulario-contacto-industrial .wpcf7-not-valid {
    border-color: #ffb4b4 !important;
}

.formulario-contacto-industrial .wpcf7-not-valid-tip {
    display: block;

    margin: 5px 0 0 !important;

    font-family: var(--dm);
    font-weight: 400;
    font-size: 13px;
    line-height: 17px;
    text-align: left !important;
    color: #ffffff;
}


/* ==================================================
   MENSAJE DE RESPUESTA
================================================== */

.formulario-contacto-industrial .wpcf7-response-output {
    margin: 25px 0 0 !important;
    padding: 12px 16px !important;

    font-family: var(--dm);
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #ffffff;

    border: 1px solid #ffffff !important;
    border-radius: 8px;
}


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

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

    .formulario-contacto-industrial__grilla {
        grid-template-columns: 1fr;

        row-gap: 18px;
    }

    .formulario-contacto-industrial__campo--mensaje {
        margin-top: 18px !important;
    }

    .formulario-contacto-industrial textarea {
        height: 150px !important;
        min-height: 150px !important;
        max-height: 150px !important;
    }

    .formulario-contacto-industrial__acciones {
        margin-top: 28px !important;
    }

}

/*FIN FORMULARIO IA*/


/*FOOTER IA*/
/* ==================================================
   CONTENEDOR INTERNO DEL FOOTER
================================================== */

.footer-cooldynamics {
    width: 100%;
    min-height: 466px;

    padding: 0 24px 35px;

    /*   background:
        transparent linear-gradient(180deg, #113A75 0%, #1F394C 100%) 0% 0% no-repeat padding-box;*/

    box-sizing: border-box;
}

.footer-cooldynamics,
.footer-cooldynamics *,
.footer-cooldynamics *::before,
.footer-cooldynamics *::after {
    box-sizing: border-box;
}


/* ==================================================
   CONTENIDO PRINCIPAL
================================================== */

.footer-cooldynamics__contenido {
    display: grid;
    /* grid-template-columns: 250px 170px 240px 160px;*/
    grid-template-columns: 302px 170px 240px 160px;
    justify-content: center;
    align-items: start;

    column-gap: 70px;

    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}


/* ==================================================
   COLUMNAS
================================================== */

.footer-cooldynamics__columna {
    min-width: 0;
    padding-top: 76px;
}

.footer-cooldynamics__columna--marca {
    padding-top: 0;
}


/* ==================================================
   LOGO
================================================== */

.footer-cooldynamics__logo {
    display: block;

    width: 206px;
    height: 218px;

    margin: 0 0 40px;

    text-decoration: none;
}

.footer-cooldynamics__logo img {
    display: block;

    width: 206px;
    height: 218px;

    object-fit: contain;
}


/* ==================================================
   DESCRIPCIÓN
================================================== */

.footer-cooldynamics__descripcion {
    width: 100%;
    max-width: 343px;

    margin: 0;
}


/* ==================================================
   TÍTULOS
================================================== */

.footer-cooldynamics__titulo {
    margin: 0 0 27px;

    font-weight: 700;
}


/* ==================================================
   BLOQUES
================================================== */

.footer-cooldynamics__bloque {
    width: 100%;
}

.footer-cooldynamics__bloque--horarios {
    margin-top: 36px;
}


/* ==================================================
   ENLACES Y DATOS
================================================== */

.footer-cooldynamics__lista {
    display: flex;
    flex-direction: column;

    gap: 14px;
}

.footer-cooldynamics__enlace,
.footer-cooldynamics__dato {
    display: flex;
    align-items: flex-start;

    gap: 10px;

    width: max-content;
    max-width: 100%;

    margin: 0;

    text-decoration: none;
}

.footer-cooldynamics__enlace {
    transition:
        opacity 0.25s ease,
        transform 0.25s ease;
}

.footer-cooldynamics__enlace:hover {
    color: #ffffff;
    opacity: 0.75;
    transform: translateX(3px);
}


/* ==================================================
   ÍCONOS DE INFORMACIÓN
================================================== */

.footer-cooldynamics__icono {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;

    width: 14px;
    height: 21px;
}

.footer-cooldynamics__icono svg {
    display: block;

    width: 14px;
    height: 14px;

    fill: none;
    stroke: #ffffff;
    stroke-width: 1.5;
    stroke-linecap: round;
    stroke-linejoin: round;
}


/* ==================================================
   REDES SOCIALES
================================================== */

.footer-cooldynamics__redes {
    display: flex;
    align-items: center;

    gap: 18px;
}

.footer-cooldynamics__red-social {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 22px;
    height: 22px;

    color: #ffffff;
    text-decoration: none;

    transition:
        opacity 0.25s ease,
        transform 0.25s ease;
}

.footer-cooldynamics__red-social:hover {
    color: #ffffff;
    opacity: 0.7;
    transform: translateY(-3px);
}

.footer-cooldynamics__red-social svg {
    display: block;

    width: 21px;
    height: 21px;

    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.footer-cooldynamics__red-social:nth-child(2) svg,
.footer-cooldynamics__red-social:nth-child(3) svg {
    fill: currentColor;
    stroke: none;
}


/* ==================================================
   CRÉDITO
================================================== */

.footer-cooldynamics__credito {
    display: flex;
    justify-content: center;

    width: 100%;
    max-width: 1200px;

    margin: 72px auto 0;
}

.footer-cooldynamics__credito a {
    text-align: center;
    text-decoration: none;

    transition: opacity 0.25s ease;
}

.footer-cooldynamics__credito a:hover {
    color: #ffffff;
    opacity: 0.7;
}

/* ==================================================
   TABLET: DE 701 PX A 1050 PX
================================================== */

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

    .footer-cooldynamics {
        padding-right: 40px;
        padding-left: 40px;
    }

    .footer-cooldynamics__contenido {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 70px;
        row-gap: 45px;

        width: 100%;
        max-width: 760px;
        margin: 0 auto;
    }

    .footer-cooldynamics__columna {
        width: 100%;
        min-width: 0;
        padding-top: 0;
    }

    .footer-cooldynamics__columna--marca {
        grid-column: 1 / -1;
        grid-row: 1;
    }

    .footer-cooldynamics__descripcion {
        width: 100%;
        max-width: none;
    }

    .footer-cooldynamics__columna--ubicacion {
        grid-column: 1;
        grid-row: 2 / span 2;
    }

    .footer-cooldynamics__columna--contacto {
        grid-column: 2;
        grid-row: 2;
    }

    .footer-cooldynamics__columna--redes {
        grid-column: 2;
        grid-row: 3;
    }

    .footer-cooldynamics__credito {
        margin-top: 55px;
    }

    .footer-cooldynamics__logo>img {
        width: 170px;
        height: unset;
    }

    .footer-cooldynamics__logo {
        margin-bottom: 0px;
    }

}


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

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

    .footer-cooldynamics {
        width: 100%;
        min-height: auto;
        /* padding: 0 30px 28px;*/
        padding: 0 0px 28px;
        overflow: hidden;
    }

    .footer-cooldynamics__contenido {
        display: flex;
        flex-direction: column;

        width: 100%;
        /*  max-width: 284px;*/
        margin: 0 auto;
        gap: 0;
    }

    .footer-cooldynamics__columna,
    .footer-cooldynamics__columna--marca,
    .footer-cooldynamics__columna--ubicacion,
    .footer-cooldynamics__columna--contacto,
    .footer-cooldynamics__columna--redes {
        display: block;

        width: 100%;
        min-width: 0;
        max-width: 100%;

        padding-top: 0;

        grid-column: auto !important;
        grid-row: auto !important;
    }


    /* Columna de marca */

    .footer-cooldynamics__columna--marca {
        margin-bottom: 27px;
    }

    .footer-cooldynamics__logo {
        display: block;

        width: 108px;
        height: auto;

        margin: 0 0 20px;
    }

    .footer-cooldynamics__logo img {
        display: block;

        width: 108px;
        height: auto;
    }

    .footer-cooldynamics__descripcion {
        width: 100%;
        max-width: 100%;
        margin: 0;
    }


    /* Ubicación y horario */

    .footer-cooldynamics__columna--ubicacion {
        margin-bottom: 27px;
    }

    .footer-cooldynamics__bloque--horarios {
        margin-top: 28px;
    }


    /* Contacto */

    .footer-cooldynamics__columna--contacto {
        margin-bottom: 27px;
    }


    /* Redes */

    .footer-cooldynamics__columna--redes {
        margin-bottom: 0;
    }


    /* Títulos */

    .footer-cooldynamics__titulo {
        width: 100%;
        margin: 0 0 17px;
        text-align: left;
    }


    /* Datos y enlaces */

    .footer-cooldynamics__enlace,
    .footer-cooldynamics__dato {
        display: flex;
        align-items: flex-start;

        width: 100%;
        max-width: 100%;

        gap: 13px;
    }

    .footer-cooldynamics__enlace>span:last-child,
    .footer-cooldynamics__dato>span:last-child {
        min-width: 0;
        max-width: calc(100% - 27px);

        overflow-wrap: anywhere;
        word-break: normal;
    }

    .footer-cooldynamics__lista {
        width: 100%;
        gap: 8px;
    }


    /* Redes sociales */

    .footer-cooldynamics__redes {
        justify-content: flex-start;
        gap: 20px;
    }

    .footer-cooldynamics__red-social,
    .footer-cooldynamics__red-social svg {
        width: 24px;
        height: 24px;
    }


    /* Crédito */

    .footer-cooldynamics__credito {
        width: 100%;
        max-width: 284px;

        margin: 31px auto 0;
    }

    .footer-cooldynamics__credito a {
        display: block;

        width: 100%;
        text-align: center;
    }

}

/*FIN FOOTER IA*/


#fila-footer {
    background: transparent linear-gradient(180deg, #113A75 0%, #1F394C 100%) 0% 0% no-repeat padding-box;
}

#fila-footer .wpb_raw_code {
    margin-bottom: 0px !important;
}

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

    .zocalo {
        gap: 20px;
        flex-wrap: wrap;
    }

    .contenedorRecuadros {
        flex-wrap: wrap;
    }

    #rubros {
        height: auto;
    }

    #rubros .row-bg {
        background-size: cover;
        background-position: center;
    }

    #decada {
        height: auto;
    }

    #decada .dm36blanco {
        font-size: 28px;
    }

    .footer-cooldynamics__contenido {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .footer-cooldynamics__columna--marca {
        grid-column: 1 / -1;
        grid-row: 1;
    }

    .footer-cooldynamics__descripcion {
        max-width: unset;
    }

    .footer-cooldynamics__columna--ubicacion {
        grid-column: 1;
        grid-row: 2 / span 2;
    }

    .footer-cooldynamics__columna--contacto {
        grid-column: 2;
        grid-row: 2;
    }

    .footer-cooldynamics__columna--redes {
        grid-column: 2;
        grid-row: 3;
    }

}

.mobile {
    display: none;
}

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

    .desktop {
        display: none;
    }

    .mobile {
        display: block;
    }

    header .logo-default {
        width: 55px;
    }

    #hero {
        padding-top: 25px;
        height: auto;
    }

    #hero .dm65blanco,
    #hero .dm20blanco {
        text-align: left;
    }

    #hero .dm20blanco {
        margin-block: 40px;
    }

    .contenedorBotones {
        flex-direction: column;
        align-items: center;
        margin-top: 90px;
    }

    #hero .zocalo {
        margin-top: 60px;
        justify-content: flex-start;
        padding-left: 15px;
        border-radius: 20px;
        flex-direction: column;
    }

    .dm20azul:not(.fwBold) {
        text-align: left;
    }

    .carousel-dots-mobile .flickity-page-dots {
        margin-top: 0px;
        margin-bottom: 35px;
    }

    #decada {
        padding-bottom: 35px;
    }

    #decada .filaCol3 {
        border: 1px solid white;
        border-radius: 20px;
        max-width: 340px;
        margin-inline: auto;
    }

    #decada .filaCol3 .vc_column_container {
        border-bottom: 1px solid #dddada30;
        padding-inline: 15px;
    }

    .filaImagenTexto>div>div {
        flex-direction: column-reverse;
    }

    .filaImagenTexto {
        margin-block: 40px;
    }

    .tarjetaTestimonio {
        width: 345.34px;
    }

    footer br {
        display: none;
    }

    #formulario-home {
        height: auto;
        padding-top: 35px;
    }
}

/*FIN HOME*/

/*SERVICIOS>PROYECTOS*/

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


/*Grilla números con ia*/
/* ==================================================
   CONTENEDOR GENERAL
================================================== */

.pasos-proceso {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));

    width: 100%;
    max-width: 1111px;
    min-height: 286px;

    margin: 0 auto;
    padding: 35px 32px;

    column-gap: 32px;
    row-gap: 10px;

    background: #b1d4f347;
    border-radius: 20px;

    box-sizing: border-box;
}

.pasos-proceso,
.pasos-proceso *,
.pasos-proceso *::before,
.pasos-proceso *::after {
    box-sizing: border-box;
}


/* ==================================================
   CADA PASO
================================================== */

.pasos-proceso__item {
    display: grid;
    grid-template-columns: 88px minmax(0, 1fr);
    align-items: center;

    width: 100%;
    min-width: 0;
}


/* ==================================================
   NÚMEROS
================================================== */

.pasos-proceso__numero {
    display: block;

    width: 82px;
    max-width: 100%;
    height: auto;

    margin: 0;
}


/* ==================================================
   TEXTOS
================================================== */

.pasos-proceso__texto {
    width: 100%;

    margin: 0 !important;
    padding: 0;

    text-align: left !important;
}


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

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

    .pasos-proceso {
        grid-template-columns: repeat(2, minmax(0, 1fr));

        padding: 32px 28px;

        column-gap: 30px;
        row-gap: 30px;
    }

    .pasos-proceso__item {
        grid-template-columns: 78px minmax(0, 1fr);
    }

    .pasos-proceso__numero {
        width: 70px;
    }

}


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

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

    .pasos-proceso {
        grid-template-columns: 1fr;

        min-height: auto;

        padding: 28px 22px;

        row-gap: 25px;

        border-radius: 16px;
    }

    .pasos-proceso__item {
        grid-template-columns: 70px minmax(0, 1fr);
    }

    .pasos-proceso__numero {
        width: 62px;
    }

    .pasos-proceso__texto br {
        display: none;
    }

}

/*Fin Grilla números con ia*/


/*Acordion*/

.accordion-title>a {
    font-family: var(--dm);
    font-weight: 600;
    font-size: 20px;
    letter-spacing: 0px;
    line-height: 26px;
    color: white;
    padding-inline: 30px;
}

.accordion-title {
    height: 77px;
    align-content: center;
}

.accordion-content .dm20blanco {
    text-align: left;
    padding-inline: 30px;
}

.accordion-item.panel {
    border: 1px solid var(--unnamed-color-ffffff);
    background-color: #ffffff61;
    border-radius: 10px;
    margin-bottom: 22px;
}

#filaAcordion {
    /* min-height: 974px;*/
}

.marcagua {
    position: absolute;
    z-index: -1;
    right: calc((100vw - 100%) / -2);
    top: -210px;
    width: 500px;
}

@media only screen and (max-width: 600px) {
    .accordion-title>a {
        font-size: 18px;
        line-height: 23px;
    }
}

/*Fin SERVICIOS>PROYECTOS*/



/*SERVICIOS>INSTALACION*/

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

.grillaImgText {
    display: flex;
}

.recuadro.ancho {
    width: 546px;
    height: 255px;
}

/*
.recuadro.ancho .frente {
    background-image: url(/wp-content/uploads/2026/07/Sistemas-VRV.png);
}
    */


.text50 {
    display: flex;
    gap: 30px;
    margin-bottom: 60px;
}

.text50 h2,
.text50 p {
    width: 50%;
    display: flex;
    text-align: left;
    margin: 0px !important;
    padding-left: 13px;
    padding-right: 55px;
}

.contenedorRecuadros:has(.recuadro.ancho) {
    flex-wrap: wrap;
    margin-bottom: 55px;
}

.contenedorRecuadros>div.recuadro.ancho:nth-child(1) .frente {
    background-image: url(/wp-content/uploads/2026/07/Sistemas-VRV-1.png);
}

.contenedorRecuadros>div.recuadro.ancho:nth-child(2) .frente {
    background-image: url(/wp-content/uploads/2026/07/equipos-rooftop-1.png);
}

.contenedorRecuadros>div.recuadro.ancho:nth-child(3) .frente {
    background-image: url(/wp-content/uploads/2026/07/HVAC.png);
}

.contenedorRecuadros>div.recuadro.ancho:nth-child(4) .frente {
    background-image: url(/wp-content/uploads/2026/07/equipos-rooftop-1.png);
}


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

    .text50 h2,
    .text50 p {
        width: 100%;
        padding-inline: 0px !important;
        text-align: center;
    }

    .text50 {
        flex-direction: column;
    }

    .recuadro.ancho {
        width: 100%;

    }

    .recuadro.ancho .frente {
        border-radius: 20px !important;
        background-size: cover;
    }
}

/*Fin SERVICIOS>INSTALACION*/


/*SERVICIOS>Reparacion*/

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

.servicios-items.filaRep {
    padding: 45px 0 85px !important;
}

.page-id-369 .pasos-proceso {
    min-height: 218px;
}

@media only screen and (max-width: 900px) {
    .servicios-items.filaRep {
        padding-top: 0px !important;
        padding-bottom: 35px !important;
    }
}

/*fin SERVICIOS>Reparacion*/

/*SERVICIOS>Mantenimiento*/


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






/* cambios Maxi */

/* ===== POPUP VIDEO ===== */
.popup-video-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.85);
    z-index: 9999;
    justify-content: center;
    align-items: center;
}

.popup-video-overlay.activo {
    display: flex;
}

.popup-video-contenedor {
    position: relative;
    width: 80%;
    max-width: 900px;
}

.popup-video-embed {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    height: 0;
}

.popup-video-embed iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.popup-video-cerrar {
    position: absolute;
    top: -40px;
    right: 0;
    background: none;
    border: none;
    color: #fff;
    font-size: 32px;
    line-height: 1;
    cursor: pointer;
}

@media (max-width: 767px) {
    .popup-video-contenedor {
        width: 95%;
    }

    .popup-video-cerrar {
        top: -35px;
        font-size: 28px;
    }
}



.burbujaFlotante {
    position: fixed;
    z-index: 25;
    bottom: 95px;
    width: 75px;
    right: 22px;
}

@media (max-width: 900px) {

    .burbujaFlotante {
        right: 21px;
    }

}

.zocalo-mobile {
    display: none;
}

@media (max-width: 600px) {

    .burbujaFlotante {
        display: none;
    }

    .marcagua {
        display: none;
    }

    footer .dm14blanco {
        font-size: 15px;
    }

    .joinchat {
        bottom: 110px !important;
    }

    body {
        margin-bottom: 50px;
    }


    .zocalo-mobile {
        display: flex;
        background-color: var(--celeste);
        position: fixed;
        bottom: 0px;
        width: 100%;
        height: 60px;
        font-family: var(--dm);
        font-weight: 600;
        font-size: 22px;
        letter-spacing: 0px;
        line-height: 25px;
        color: var(--azul);
        justify-content: center;
        align-items: center;
        z-index: 10;
        gap: 10px;
    }

    .zocalo-mobile::before {
        content: url(/wp-content/uploads/2026/07/Icon-feather-phone-azul.svg);
    }

}

/*
#filaAcordion:not(.page-id-207 #filaAcordion, .page-id-314 #filaAcordion, .page-id-369 #filaAcordion, .page-id-400 #filaAcordion) {
    display: none !important;
}
*/

/*BLOG*/

.lqd-post-cover .lqd-post-media,
.lqd-post-cover .entry-title {
    display: none !important;
}

.lqd-post-cover {
    margin-bottom: 0px !important;
}

.lqd-single-post-content {
    display: flex;
    flex-direction: column;
}

.lqd-single-post-content>.lqd-post-cover {
    order: 1;
}

.lqd-single-post-content>#data-secciones {
    order: 0;
}

.lqd-single-post-content>.vc_row {
    order: 3;
}

.single-post .miga-de-pan {
    margin-bottom: 0px !important;
}

.cat-links a {
    color: var(--celeste) !important;
    background-color: white !important;
}

.dm18gris li::marker {
    font-size: 1.5em;
}

#comments {
    display: none;
}

/*
.pos-rel .lqd-lp-meta {
    display: none !important;
}
*/

.lqd-lp-cat a {
    color: var(--celeste) !important;
    background-color: white !important;
}

.lqd-lp-date,
.lqd-lp-author {
    display: none !important;
}

.lqd-lp-header .lqd-lp-title>a {
    margin-top: 0px !important;
    font-family: var(--dm);
    font-weight: 600;
    font-size: 23px;
    letter-spacing: 0px;
    line-height: 21px;
    color: var(--azul);
}

.related-posts-title {
    margin-top: 0px !important;
    font-family: var(--dm);
    font-weight: 600;
    font-size: 40px;
    letter-spacing: 0px;
    line-height: 21px;
    color: var(--azul);
}

.nav-subtitle {
    font-family: var(--dm);
    font-weight: 600 !important;
    font-size: 20px !important;
    letter-spacing: 0px !important;
    line-height: 21px !important;
    color: var(--azul) !important;
    background-color: var(--celeste) !important;
}


#banner-seccion-blog {
    background: url("/wp-content/uploads/2026/07/banner-ppal-27-7.jpg");
    background-position: right !important;
}

.lqd-lp-cat>li>a,
.cat-links a {
    pointer-events: none;
}

.related-posts .lqd-lp-style-13 .lqd-lp-cat {
    background-color: transparent !important;
    padding-inline: 10px;
}

.lqd-lp-img .lqd-lp-meta:not(:only-child).pos-b-l {
    margin: 10px;
}

nav.post-nav .nav-subtitle {
    font-family: var(--dm) !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    letter-spacing: 0px !important;
    line-height: 24px !important;
    text-transform: none;
}

.ld-ajax-loadmore {
    font-family: var(--dm);
    font-weight: 600 !important;
    font-size: 20px !important;
    letter-spacing: 0px !important;
    line-height: 21px !important;
    /*color: var(--azul) !important;*/
    background-color: var(--celeste) !important;
    border-radius: 30px;
    margin-bottom: 35px;
}

.nav-subtitle:hover {
    background-color: var(--azul) !important;
    color: white !important;
}

.nav-subtitle:hover svg {
    stroke: white !important;
}

.ld-ajax-loadmore:not(.all-items-loaded)>span:before {
    content: url(/wp-content/uploads/2026/07/flecha-boton.svg);
    margin-right: 5px;
}

.ld-ajax-loadmore:hover {
    background-color: var(--azul) !important;
    color: white !important;
}

.ld-ajax-loadmore:hover .static::after {
    color: white !important;
}

.ld-ajax-loadmore:not(.all-items-loaded)>span:hover:before {
    content: url(/wp-content/uploads/2026/07/flecha-boton-blanca.svg);
}

.nav-title {
    font-family: var(--dm);
    font-weight: 500;
    font-size: 18px;
    letter-spacing: 0px;
    line-height: 24px;
    color: var(--azul);
}

.ld-ajax-loadmore .static {
    font-size: 0;
}

.ld-ajax-loadmore .static::after {
    content: "Cargar más";
    font-family: var(--dm);
    font-weight: 700;
    font-size: 18px;
    letter-spacing: 0px;
    line-height: 30px;
    color: var(--azul);
}

.ld-ajax-loadmore>span {
    padding: 0.6em 2.333em !important;
}

/* LOADING → CARGANDO */
.liquid-pf-nav .ld-ajax-loadmore .loading .text-uppercase {
    font-size: 0 !important;
}

.liquid-pf-nav .ld-ajax-loadmore .loading .text-uppercase::after {
    content: "Cargando";
    font-size: 12px;
    line-height: inherit;
    text-transform: none;
    letter-spacing: normal;
    font-family: var(--dm);
    font-weight: 700;
    color: var(--azul);
}

/* ALL ITEMS LOADED → TODOS LOS ARTÍCULOS CARGADOS */
.liquid-pf-nav .ld-ajax-loadmore .all-loaded {
    font-size: 0 !important;
}

.liquid-pf-nav .ld-ajax-loadmore .all-loaded::before {
    content: "Todos los artículos cargados";
    font-size: 16px;
    line-height: inherit;
    font-family: var(--dm);
    font-weight: 700;
    color: var(--azul);
}

.page-id-535 .marcagua {
    top: -65px;
    width: 451px;
}

@media only screen and (max-width: 600px) {
    nav.post-nav .nav-subtitle {
        width: 255px !important;
    }

    .lqd-blog-post-style-6 .lqd-post-header {
        padding-top: 0px !important;
    }
}