footer {
    width: 100%;
    height: auto;
    padding: 3em 0;
    background-color: #007CD5;
    color: #fff;
}

.cont-footer-principal {
    display: flex;
    flex-wrap: wrap; /* 👈 importante para responsive */
    justify-content: space-around;
    gap: 2em;
    padding: 0 2em;
}

/* imagen */
.img-footer {
    width: 130px;
    height: auto;
}
.img-footer img {
    width: 100%;
}

/* páginas */
.footer-pages a p {
    opacity: 64%;
    color: #fff !important;
    margin: 0.3em 0;
}

/* contacto */
.grid-icons-footer div {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-bottom: 1em;
}
.footer-contacto div img {
    max-width: 30px;
    height: auto;
    opacity: 64%;
}
.footer-contacto p {
    opacity: 64%;
    margin: 0;
}

/* copyright */
.registrada {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    padding: 3em 2em 0 2em;
}
.registrada div p {
    font-size: 13px;
}

/* 🔻 MEDIA QUERIES PARA RESPONSIVE 🔻 */

@media (max-width: 768px) {
    .cont-footer-principal {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .footer-pages,
    .footer-contacto,
    .img-footer {
        margin-bottom: 2em;
    }

    .grid-icons-footer div {
        justify-content: center;
    }

    .registrada {
        flex-direction: column;
        align-items: center;
        gap: 1em;
        text-align: center;
    }
}
footer a[href^="tel"] {
    color: inherit;
    text-decoration: none;
}
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700&family=Open+Sans:wght@400;600&display=swap');

/* Títulos principales */
h1, h2, .titulo-principal {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
}

/* Subtítulos y textos secundarios */
body{
    font-family: 'Open Sans', sans-serif;
    font-weight: 340;
}