/*
    Created on: 12 dic 2022
    Author: QTZ Desarrollo
    Description: Estilos para la zona Bottom de una web en wordpress construída con WP Bakery bajo el theme GeneratePress
    version: 1.1
    Updated: 16 jun 2023
*/

.vx-bottom.contenedor {
    padding: var(--margin-null);

    margin-top: var(--margin-null);
    margin-bottom: var(--margin-null);
}
.contenedor-columna.zona-bottom {
    padding: var(--margin-max) var(--margin-max) var(--margin-min) var(--margin-max);
}
#text-2 > .contenedor-columna.zona-bottom {
    padding: var(--margin-max) var(--margin-max) var(--margin-min) var(--margin-max);
}
#heateor_sss_follow-2 > .contenedor-columna.zona-bottom {
    padding: var(--margin-min) var(--margin-max);
}

/* cajas formulario */

.contenedor-columna.zona-bottom .news-suscription {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
}
.contenedor-columna.zona-bottom .news-suscription .news-col {
    text-align: left;
    padding: var(--margin-min);
    flex: auto 1 1;
}
.contenedor-columna.zona-bottom .news-suscription .news-col.titulo h2 {
    margin: 15px 0;
    border-bottom: unset;
    padding-bottom: 0;
    font-family: var(--font-alt);
    font-size: 2.5rem;
}
.contenedor-columna.zona-bottom .news-suscription .news-col.titulo p {
    font-size: 1.2rem;
    display: inline-block;
}
@media only screen and (min-width: 992px) {
    .contenedor-columna.zona-bottom .news-suscription .news-col {
        max-width: 50%;
    }
    .contenedor-columna.zona-bottom .news-suscription .news-col:first-child {
        border-right: 2px solid var(--color-secundario);
    }
}

@media only screen and (min-width: 1250px) {
    .contenedor-columna.zona-bottom .news-suscription .news-col {
    }
    .contenedor-columna.zona-bottom .news-suscription .news-col {
        max-width: 60%;
    }
    .contenedor-columna.zona-bottom .news-suscription .news-col:first-child {
        max-width: 40%;
    }
}
@media only screen and (max-width: 992px) {
    .contenedor-columna.zona-bottom .news-suscription .news-col.titulo p {
        margin-bottom: 0;
    }
    .contenedor-columna.zona-bottom .news-suscription .news-col.titulo {
        border-bottom: 2px solid var(--color-secundario);
    }
}

/* redes sociales */

.vx-bottom .heateor_sss_svg {
    background-color: transparent !important;
    background: transparent !important;
    border: 2px solid var(--color-secundario);
    transition: all var(--transition-vel) ease-in-out;
}
.vx-bottom .heateor_sss_svg span {
}
.vx-bottom div.heateor_sss_follow_ul a {
    margin: 12px!important;
}
.vx-bottom .heateor_sss_svg svg path,
.vx-bottom .heateor_sss_svg svg circle {
    fill: var(--color-secundario);
    transition: all var(--transition-vel) ease-in-out;
}
.vx-bottom a[class*="heateor_sss_"] {
    transition: all var(--transition-vel) ease-in-out;
}
/*a[class*="heateor_sss_"]:hover .heateor_sss_svg svg path,
a[class*="heateor_sss_"]:hover .heateor_sss_svg svg circle {
    fill: var(--color-blanco);
}*/
.vx-bottom a[class*="heateor_sss_"]:hover .heateor_sss_svg {
    background-color: var(--color-secundario)!important;
    background: var(--color-secundario)!important;
}
.vx-bottom a[class*="heateor_sss_"]:hover .heateor_sss_svg svg path,
.vx-bottom a[class*="heateor_sss_"]:hover .heateor_sss_svg svg circle {
    fill: var(--color-background);
}

.vx-bottom h4.widget-title {
    text-align: center;
    margin-bottom: var(--margin-null);
    font-family: var(--font-titulos);
    margin-top: var(--margin-regular);
}