/* =================================================================
   FOOTER + KIT DIGITAL
================================================================= */
/* Footer claro: fondo #f8f2e7 y texto #1f4448. Títulos de columna en negrita. */
footer { background: #f8f2e7; color: #1f4448; padding: 4rem 5% 2rem; }
.footer-grid { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: 1.5fr 1fr 1fr 1fr; gap: 3rem; margin-bottom: 3rem; }
.footer-brand img { height: 75px; margin-bottom: 1.5rem; }
.footer-brand p { font-family: var(--serif); font-style: italic; color: #1f4448; font-size: 1rem; line-height: 1.7; max-width: 320px; }
.footer-col h4 { font-family: var(--sans); font-size: 0.75rem; letter-spacing: 0.3em; text-transform: uppercase; color: #1f4448; margin-bottom: 1.5rem; font-weight: 700; }
.footer-col ul { list-style: none; }
.footer-col li { margin-bottom: 0.7rem; font-size: 0.9rem; }
.footer-col a { color: #1f4448; text-decoration: none; transition: color 0.3s; font-family: var(--serif); cursor: pointer; background: none; border: none; padding: 0; font-size: inherit; text-align: left; }
.footer-col a:hover { color: var(--orange); }
.footer-social { display: flex; gap: 1rem; margin-top: 1rem; }
.footer-social a { width: 42px; height: 42px; border-radius: 50%; border: 1px solid rgba(31,68,72,0.35); display: flex; align-items: center; justify-content: center; color: #1f4448; transition: all 0.3s; }
.footer-social a:hover { background: var(--orange); border-color: var(--orange); color: #ffffff; }
.footer-social svg { width: 18px; height: 18px; }
.kit-digital { max-width: 1200px; margin: 0 auto 2rem; padding: 2.5rem 0; border-top: 1px solid rgba(31,68,72,0.15); border-bottom: 1px solid rgba(31,68,72,0.15); text-align: center; }
.kit-digital-text { font-size: 0.72rem; letter-spacing: 0.2em; color: #1f4448; margin-bottom: 1.5rem; font-weight: 500; line-height: 1.5; max-width: 900px; margin-left: auto; margin-right: auto; }
.kit-digital-logos { background: var(--white); padding: 1.5rem 2rem; border-radius: 4px; display: inline-block; max-width: 100%; }
.kit-digital-logos img { max-width: 100%; height: auto; max-height: 70px; }
.footer-bottom { max-width: 1200px; margin: 0 auto; padding-top: 2rem; text-align: center; font-size: 0.82rem; color: rgba(31,68,72,0.75); }
.footer-bottom p { margin-bottom: 0.5rem; }
/* Frase informativa discreta (AEO): pequeña y poco destacada, sin llamar la atención. */
.footer-seo { font-size: 0.68rem; color: rgba(31,68,72,0.5); font-weight: 400; letter-spacing: 0.02em; }
.footer-legal-links { margin-top: 1rem; display: flex; justify-content: center; gap: 2rem; flex-wrap: wrap; }
.footer-legal-links button { background: none; border: none; color: rgba(31,68,72,0.85); text-decoration: underline; cursor: pointer; font-family: var(--sans); font-size: 0.82rem; }
.footer-legal-links button:hover { color: var(--orange); }

/* Responsive — footer */
@media (max-width: 1024px) {
    .footer-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 768px) {
    .footer-grid { grid-template-columns: 1fr; gap: 2rem; }
}