/* =========================
   LAPTOP PEQUEÑA
========================= */

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

    .panel_contacto_hero_titulo{

        font-size: 52px;

    }

    .panel_contacto_cta_titulo{

        font-size: 40px;

    }

}

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

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

    /* HERO */

    .panel_contacto_hero_overlay{

        flex-direction: column;

    }

    .panel_contacto_hero_contenido{

        width: 100%;

    }

    .panel_contacto_hero_titulo{

        font-size: 48px;

        max-width: 100%;

    }

    .panel_contacto_hero_descripcion{

        max-width: 100%;

    }

    .panel_contacto_hero_imagen_container{

        width: 100%;

    }

    .panel_contacto_hero_imagen{

        height: 550px;

    }

    /* CONTACTO PRINCIPAL */

    .panel_contacto_principal{

        flex-direction: column;

    }

    .panel_contacto_formulario_container,
    .panel_contacto_info_container{

        width: 100%;

    }

    /* FAQ */

    .panel_contacto_faq_grid{

        grid-template-columns: 1fr;

    }

    /* CTA */

    .panel_contacto_cta_overlay{

        flex-direction: column;
        align-items: flex-start;

    }

    .panel_contacto_cta_titulo{

        font-size: 38px;

    }

}

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

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

    /* HERO */

    .panel_contacto_hero{

        padding-top: 100px;
        padding-bottom: 70px;

    }

    .panel_contacto_hero_overlay{

        gap: 45px;

    }

    .panel_contacto_hero_titulo{

        font-size: 38px;

    }

    .panel_contacto_hero_descripcion{

        font-size: 16px;

    }

    .panel_contacto_hero_imagen{

        height: 420px;

        border-radius: 22px;

    }

    /* BENEFICIOS */

    .panel_contacto_beneficio_item{

        align-items: flex-start;

    }

    /* FORM */

    .panel_contacto_formulario_container{

        padding: 30px 24px;

    }

    .panel_contacto_formulario_titulo{

        font-size: 30px;

    }

    .panel_contacto_input_fila{

        flex-direction: column;

        gap: 28px;

    }

    .panel_contacto_boton_enviar{

        width: 100%;

        justify-content: center;

    }

    /* INFO */

    .panel_contacto_info_card{

        padding: 30px 24px;

    }

    .panel_contacto_info_titulo{

        font-size: 26px;

    }

    /* FAQ */

    .panel_contacto_faq_titulo{

        font-size: 34px;

    }

    .panel_contacto_faq_item{

        padding: 24px;

    }

    .panel_contacto_faq_pregunta h3{

        font-size: 18px;

    }

    /* CTA */

    .panel_contacto_cta_overlay{

        padding: 40px 28px;

    }

    .panel_contacto_cta_titulo{

        font-size: 32px;

    }

    .panel_contacto_cta_botones{

        width: 100%;

        flex-direction: column;

        align-items: stretch;

    }

    .panel_contacto_cta_whatsapp,
    .panel_contacto_cta_propiedades{

        width: 100%;

        text-align: center;

    }

}

/* =========================
   MOBILE PEQUEÑO
========================= */

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

    .panel_contacto_hero_titulo{

        font-size: 32px;

    }

    .panel_contacto_hero_imagen{

        height: 320px;

    }

    .panel_contacto_cta_titulo{

        font-size: 28px;

    }

    .panel_contacto_faq_titulo{

        font-size: 28px;

    }

}