/* =========================================================
  ESTILOS GENERALES
  ========================================================= */
.contacto_footer{position: relative;display: flex;align-items: center;width: 100%;min-height: 32vh;}
.contacto_footer .bg-opacity{position: absolute;inset: 0;z-index: 2;background: linear-gradient(90deg, rgba(11,29,38,.82) 0%, rgba(11,29,38,.55) 55%, rgba(11,29,38,.35) 100%);}
.contacto_footer .seccion_container{
    background-size: cover;
    background-position: center;
    width: 100%;
    align-self: stretch;
    display: flex;
    align-items: center;
}
/* En el inicio este banner va justo después de "Sustentabilidad" (foto) y
   antes del footer vino. Fondo claro lo funde con la sección de Partners
   (misma zona clara) y deja el vino como el único cierre fuerte, en el
   footer, en vez de repetirlo dos veces seguidas. */
.contacto_footer_home{
    background-image: none;
    background-color: var(--bg-2, #f6f6f2);
}
.contacto_footer_home .bg-opacity{
    background: none;
}
.contacto_footer .contacto_footer_home .info_txt{
    color: #1c1c1c;
}
.contacto_footer .contacto_footer_home .info_txt h3{
    color: var(--header-maroon, #711c2e);
}
.contacto_footer .contacto_footer_home .info_txt p{
    color: #1c1c1c;
    opacity: .75;
}
.contacto_footer_home .btn_info .btn__white{
    color: #fff !important;
    background: linear-gradient(to bottom, var(--header-maroon, #711c2e), var(--header-maroon-dark, #3a0f18)) !important;
}
.contacto_footer_home .btn_info .btn__white::after{
    background: linear-gradient(to bottom, var(--header-maroon-dark, #3a0f18), var(--header-maroon, #711c2e)) !important;
}
.contacto_footer_mensaje{
    background-image: url("../img/bg/the-atacama-desert-2832866_1280.jpg");
}
.contacto_footer_about{
    background-image: url("../img/bg/moutains-3828854_1280.jpg");
}
.contacto_footer_blog{
    background-image: url("../img/bg/glacier-4859386_1280.jpeg");
}
.contacto_footer .contacto_footer_info{
    display: flex;
    align-items: center;
}
.contacto_footer .info_txt{
    z-index: 3;
    color: var(--paper);
}
.contacto_footer .info_txt h3{
    font-family: "Playfair Display", "Poppins", serif;
    font-weight: 800;
    text-transform: none;
    font-size: 1.8em;
    margin-bottom: .3em;
}
.contacto_footer .info_txt p{
    opacity: .88;
    max-width: 34em;
}
.contacto_footer .btn_info{
    z-index: 3;
}
.contacto_footer .btn_info .btn__white{
    border-radius: 999px !important;
    font-weight: 700 !important;
    padding: .8em 2em !important;
}
/* =========================================================
  RESPONSIVE: MÓVILES / TABLET (≤ 959px)
  ========================================================= */
@media (max-width:959px){
    .contacto_footer .seccion_container{padding: 2em 10%;text-align: center;}
}

/* =========================================================
  RESPONSIVE: ESCRITORIO (≥ 960px)
  ========================================================= */
@media (min-width:960px){
    .contacto_footer .seccion_container{padding: 5em 17%;}
    .contacto_footer .info_txt{padding-right: 3em;}
}