/* ============================================
   FOOTER
   ============================================ */

.footer { background: var(--black); color: var(--silver-dark); }
.footer-top { padding: 4rem 0 3rem; border-bottom: 1px solid var(--dark-3); }
.footer-grid { display: grid; grid-template-columns: 1.5fr 1fr 1.2fr; gap: 3rem; }
.footer-logo-wrap { display: flex; align-items: center; gap: 0.75rem; margin-bottom: 1.25rem; }
.footer-logo { height: 45px; filter: drop-shadow(0 0 5px rgba(255,255,255,0.1)); }
.footer-logo-name { display: block; font-family: 'Oswald', sans-serif; font-size: 1.3rem; font-weight: 700; color: var(--white); letter-spacing: 2px; }
.footer-logo-tagline { font-size: 0.6rem; color: var(--red); text-transform: uppercase; letter-spacing: 1.5px; }
.footer-brand p { font-size: 0.88rem; line-height: 1.7; margin-bottom: 1.25rem; }
.footer-social { display: flex; gap: 0.75rem; }
.footer-social a { width: 40px; height: 40px; border: 1px solid var(--dark-4); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1rem; color: var(--silver-dark); transition: var(--transition); }
.footer-social a:hover { background: var(--red); border-color: var(--red); color: var(--white); }
.footer-col h4 { color: var(--white); font-size: 1rem; font-family: 'Oswald', sans-serif; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 1.25rem; position: relative; padding-bottom: 0.75rem; }
.footer-col h4::after { content: ''; position: absolute; bottom: 0; left: 0; width: 30px; height: 3px; background: var(--red); border-radius: 3px; }
.footer-col ul { list-style: none; }
.footer-col ul li { margin-bottom: 0.6rem; }
.footer-col ul a { font-size: 0.88rem; display: flex; align-items: center; gap: 0.35rem; }
.footer-col ul:not(.footer-contact-list) a::before { content: '›'; color: var(--red); font-weight: 700; }
.footer-col ul a:hover { color: var(--red); padding-left: 5px; }
.footer-contact-list a i { color: var(--red); width: 18px; }
.footer-horario { font-size: 0.85rem; display: flex; align-items: center; gap: 0.5rem; color: var(--silver-dark); }
.footer-horario i { color: var(--red); }
.security-badges { display: flex; flex-direction: column; gap: 0.5rem; }
.security-badges span { display: flex; align-items: center; gap: 0.5rem; font-size: 0.82rem; }
.security-badges i { color: var(--green-wp); }
.footer-bottom { padding: 1.5rem 0; border-top: 1px solid var(--dark-3); }
.footer-bottom-inner { text-align: center; font-size: 0.82rem; }
.footer-bottom-inner p:last-child { margin-top: 0.25rem; opacity: 0.4; color: var(--red); }