/* Footer 13 — réplica de bbcasita.cl. Medidas del footer de Elementor del sitio:
   borde superior verde de 4px, 100px de relleno, títulos h5 en gris (accent), logo de
   350px, redes en cuadros grises de 40px y franja inferior gris de 68px. */

.gpf-footer-13 {
    background-color: #FFFFFF;
}

.gpf-footer-13 .gpf-footer-13__top {
    padding: 100px 0;
    border-top: 4px solid var(--gpf-bbc-secondary);
}

.gpf-footer-13 .gpf-footer-13__cols {
    display: flex;
    flex-wrap: wrap;
}

.gpf-footer-13 .gpf-footer-13__col {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 10px;
}

.gpf-footer-13 .gpf-footer-13__col--nav {
    text-align: right;
}

.gpf-footer-13 h5.gpf-footer-13__title {
    margin-bottom: 20px;
    color: var(--gpf-bbc-accent);
}

.gpf-footer-13 .gpf-footer-13__list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.gpf-footer-13 .gpf-footer-13__list li + li {
    margin-top: 10px;
}

.gpf-footer-13 .gpf-footer-13__list a {
    display: inline-flex;
    align-items: baseline;
    gap: 5px;
    font-size: 16px;
    line-height: 24px;
    text-decoration: none;
    transition: color 0.3s;
}

/* En bbcasita el teléfono y el email quedan con el color de enlace del tema (hello-elementor)
   y no con el del resto de la lista: se replica tal cual no pintándolos desde aquí. El :where()
   deja la regla sin peso extra para que el hover de abajo la siga pisando */
.gpf-footer-13 .gpf-footer-13__list a:where(:not([href^="tel:"]):not([href^="mailto:"])) {
    color: var(--gpf-bbc-text);
}

.gpf-footer-13 .gpf-footer-13__list a:hover {
    color: var(--gpf-bbc-secondary);
}

.gpf-footer-13 .gpf-footer-13__list i {
    flex: 0 0 auto;
    width: 1.25em;
    color: var(--gpf-bbc-text);
    font-size: 14px;
    text-align: center;
}

/* ---------- Logo, lema y redes ---------- */

.gpf-footer-13 .gpf-footer-13__brand {
    padding: 10px 10px 0;
    margin-bottom: 50px;
    text-align: center;
}

.gpf-footer-13 .gpf-footer-13__logo {
    display: inline-block;
    margin-bottom: 20px;
}

.gpf-footer-13 .gpf-footer-13__logo img {
    display: block;
    width: 350px;
    max-width: 100%;
    height: auto;
}

.gpf-footer-13 .gpf-footer-13__slogan {
    margin: 0 0 20px;
    font-size: 16px;
    line-height: 24px;
}

.gpf-footer-13 .gpf-footer-13__social .elementor-social-icons-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 5px;
}

.gpf-footer-13 .gpf-footer-13__social .elementor-social-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 0;
    border-radius: 10%;
    background-color: var(--gpf-bbc-accent) !important;
    font-size: 20px;
    text-decoration: none;
}

.gpf-footer-13 .gpf-footer-13__social .elementor-social-icon i {
    color: #FFFFFF !important;
    font-size: 20px;
}

.gpf-footer-13 .gpf-footer-13__social .elementor-social-icon:hover {
    opacity: 0.9;
}

/* ---------- Franja de derechos ---------- */

.gpf-footer-13 .gpf-footer-13__bottom {
    display: flex;
    align-items: center;
    min-height: 68px;
    background-color: var(--gpf-bbc-accent);
}

.gpf-footer-13 .gpf-footer-13__copy {
    width: 50%;
    margin: 0;
    padding: 10px;
    color: #FFFFFF;
    font-family: var(--gpf-bbc-font-text), sans-serif;
    font-size: 16px;
    line-height: 1.4;
}

.gpf-footer-13 .gpf-footer-13__copy a {
    color: #FFFFFF;
}

@media (max-width: 1024px) {
    .gpf-footer-13 .gpf-footer-13__copy {
        width: 65%;
    }
}

@media (max-width: 767px) {
    .gpf-footer-13 .gpf-footer-13__top {
        padding: 50px 10px;
    }

    .gpf-footer-13 .gpf-footer-13__col {
        flex-basis: 100%;
        max-width: 100%;
        text-align: center;
    }

    .gpf-footer-13 .gpf-footer-13__copy {
        width: 100%;
        text-align: center;
    }
}