/* ————— Pie de página con semicírculo turquesa ————— */
#footer {
    position: relative;
    background: #fff;
    overflow: visible;
    text-align: left;
    color: #fff;
}

#footer::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 150vw;
    height: 80vw;
    background: #348CAB;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    z-index: 0;
}

/* ————— Contenedor interno encima del semicírculo ————— */
#footer .footer-inner {
    position: relative;
    z-index: 1;
}

/* ————— Tipografía blanca en todo el footer ————— */
#footer h3,
#footer h2,
#footer h6,
#footer p,
#footer a,
#footer span {
    color: #fff !important;
}

/* ————— Iconos de teléfono y correo en negro ————— */
#footer .contact-list i {
    margin-right: 8px;
    color: #000 !important;
}

/* ————— Enlace subrayado para Libro de Reclamaciones ————— */
#footer .reclamations-link {
    text-decoration: underline;
}

/* ————— Ajustes responsivos del semicírculo ————— */
@media (min-width: 1600px) {
    #footer::before {
        width: 170vw;
        height: 75vw;
    }
}

@media (min-width: 2000px) {
    #footer::before {
        width: 220vw;
        height: 70vw;
    }
}

@media (min-width: 2400px) {
    #footer::before {
        width: 250vw;
        height: 50vw;
    }
}

/* ————— Ajustes específicos de layout ————— */
#footer .section-header {
    margin-bottom: 2rem;
}

#footer .section-header__primary .title {
    text-align: left;
}

#footer .contact-block {
    text-align: left;
}

#footer .contact-list li {
    margin-bottom: 0.5rem;
}

#footer .contact-list a {
    display: inline-flex;
    align-items: center;
}

/* ————— Campos de formularios ————— */
#footer .contact-form input,
#footer .contact-form textarea,
#footer .mc-form input {
    color: #333;
}

/* ————— Responsive: footer blanco en pantallas pequeñas ————— */
@media (max-width: 768px) {
    #footer {
        background: #fff !important;
    }

    #footer h3,
    #footer h2,
    #footer h6,
    #footer p,
    #footer a,
    #footer span {
        color: #000 !important;
    }

    /* Iconos siguen en negro */
    #footer .contact-list i {
        color: #000 !important;
    }
}