/* /assets/css/footer.css */
footer.footer {
    background-color: #A7FFEB; /* Verde Pastel */
    color: #0c0c0c; /* Azul Oscuro */
    padding: 20px 0;
    margin: 0;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

footer .footer-content {
    margin: 0;
    width: 100%;
    max-width: 1200px; /* Limitar el ancho máximo */
    padding: 0 20px; /* Espaciado interno */
}

footer p {
    margin: 0;
    font-size: 1.2em;
}

footer .social-media {
    display: flex;
    justify-content: center;
    flex-wrap: wrap; /* Permite que los íconos de redes sociales se ajusten */
    gap: 10px; /* Espaciado entre los íconos */
    margin-top: 10px;
}

footer .social-media a {
    color: #0a7ff3; /* Azul Oscuro */
    text-decoration: none;
    font-size: 1.3em; /* Aumentar tamaño para mayor accesibilidad */
    transition: color 0.3s;
}

footer .social-media a:hover {
    color: #e90e3d; /* Rosa Suave */
}

/* Responsividad */
@media (max-width: 768px) {
    footer.footer {
        padding: 15px 0; /* Menos espacio en pantallas pequeñas */
    }

    footer p {
        font-size: 1em; /* Ajuste de tamaño de fuente para pantallas más pequeñas */
    }

    footer .social-media a {
        font-size: 1em; /* Reducir tamaño de los iconos en pantallas pequeñas */
        margin: 5px; /* Menos espacio entre los íconos */
    }

    footer .footer-content {
        padding: 0 10px; /* Menos espacio horizontal en pantallas pequeñas */
        
    }
}

/* Dispositivos muy pequeños (ej. móviles con pantallas muy pequeñas) */
@media (max-width: 480px) {
    footer p {
        font-size: 0.9em; /* Reducir aún más el tamaño de la fuente */
    }

    footer .social-media a {
        font-size: 1em; /* Asegurar que los íconos no se vean demasiado grandes */
        margin: 4px; /* Ajuste de margen */
    }
}