/**
 * Desarmaduría Águila · Footer
 * ──────────────────────────────────────────────────────────────────────────
 * Estructura:
 *   1. Barra de confianza (garantía, despacho, revisión, factura)
 *   2. Columnas (brand + contacto, empresa, ayuda, legal)
 *   3. Franja legal (copyright + pagos + envíos)
 *
 * Secciones:
 *   01. Footer wrapper
 *   02. Barra de confianza
 *   03. Columnas del footer
 *   04. Contacto (dirección, tel, email, horario)
 *   05. Franja legal
 *   06. Listas de pagos y envíos
 *   07. Responsive
 * ──────────────────────────────────────────────────────────────────────── */


/* ==========================================================================
   01. Footer wrapper
   ========================================================================== */

.aguila-footer {
    background: var(--color-grafito, #1E2329);
    color: var(--color-humo, #D1D5DB);
    font-size: .9375rem;
    margin-top: auto;
}


/* ==========================================================================
   02. Barra de confianza
   ========================================================================== */

.aguila-confianza-bar {
    background: var(--color-carbon, #111315);
    border-top: 1px solid rgba(255,255,255,.06);
    border-bottom: 1px solid rgba(255,255,255,.06);
}

.aguila-confianza-bar__inner {
    display: flex;
    justify-content: center;
    gap: 48px;
    max-width: 1280px;
    margin: 0 auto;
    padding: 20px 24px;
    flex-wrap: wrap;
}

.aguila-confianza-item {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--color-humo, #D1D5DB);
}

.aguila-confianza-item__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: rgba(249, 115, 22, .1);
    color: var(--color-naranja, #F97316);
}

.aguila-confianza-item__texto {
    font-weight: 600;
    font-size: .875rem;
    letter-spacing: .01em;
    color: #fff;
}

.aguila-confianza-item__sub {
    display: block;
    font-weight: 400;
    font-size: .75rem;
    color: var(--color-acero, #9CA3AF);
    margin-top: 1px;
}


/* ==========================================================================
   03. Columnas del footer
   ========================================================================== */

.aguila-footer__columnas {
    border-bottom: 1px solid rgba(255,255,255,.06);
}

.aguila-footer__inner {
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr 1fr;
    gap: 48px;
    max-width: 1280px;
    margin: 0 auto;
    padding: 56px 24px;
}

.aguila-footer__col h4 {
    font-family: var(--font-heading, 'Rajdhani', sans-serif);
    font-weight: 600;
    font-size: 1rem;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #fff;
    margin: 0 0 20px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(255,255,255,.06);
}

/* Links dentro de menús y widgets del footer */
.aguila-footer__col ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.aguila-footer__col li {
    margin: 0 0 10px;
}

.aguila-footer__col a {
    color: var(--color-humo, #D1D5DB);
    font-size: .875rem;
    transition: color .15s ease, padding-left .15s ease;
}
.aguila-footer__col a:hover {
    color: var(--color-naranja, #F97316);
    padding-left: 3px;
}

/* Widget titles dentro del footer */
.aguila-footer__col .widget-title,
.aguila-footer__col .widgettitle {
    display: none; /* evitar doble h4 */
}


/* ==========================================================================
   04. Contacto (columna brand)
   ========================================================================== */

.aguila-footer__col--brand .custom-logo-link {
    display: inline-block;
    margin-bottom: 16px;
}
.aguila-footer__col--brand .custom-logo-link img {
    max-height: 48px;
    width: auto;
}

.aguila-footer-logo-link {
    display: inline-block;
    margin-bottom: 16px;
}

.aguila-brand-logo--footer {
    display: block;
    width: min(240px, 100%);
    height: auto;
}

.aguila-footer-logo {
    font-family: var(--font-heading, 'Rajdhani', sans-serif);
    font-weight: 700;
    font-size: 1.5rem;
    margin: 0 0 16px;
    color: #fff;
}

.aguila-footer__tagline {
    color: var(--color-acero, #9CA3AF);
    font-size: .875rem;
    line-height: 1.5;
    margin: 0 0 20px;
}

.aguila-footer__contacto {
    list-style: none;
    margin: 0;
    padding: 0;
}

.aguila-footer__contacto li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 0 0 12px;
    font-size: .875rem;
    color: var(--color-humo, #D1D5DB);
    line-height: 1.4;
}

.aguila-footer__contacto li svg {
    flex-shrink: 0;
    margin-top: 2px;
    color: var(--color-naranja, #F97316);
}

.aguila-footer__contacto a {
    color: var(--color-humo, #D1D5DB);
}
.aguila-footer__contacto a:hover {
    color: var(--color-naranja, #F97316);
}


/* ==========================================================================
   05. Franja legal
   ========================================================================== */

.aguila-footer__legal {
    background: var(--color-carbon, #111315);
    border-top: 1px solid rgba(255,255,255,.04);
}

.aguila-footer__legal .aguila-footer__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    flex-wrap: wrap;
    padding-top: 20px;
    padding-bottom: 20px;
}

.aguila-footer__copy {
    margin: 0;
    font-size: .8125rem;
    color: var(--color-acero, #9CA3AF);
}


/* ==========================================================================
   06. Listas de pagos y envíos
   ========================================================================== */

.aguila-footer__pagos,
.aguila-footer__envios {
    display: flex;
    align-items: center;
    gap: 8px;
}

.aguila-footer__pagos-label,
.aguila-footer__envios-label {
    font-size: .75rem;
    color: var(--color-acero, #9CA3AF);
    white-space: nowrap;
}

.aguila-pagos-list,
.aguila-envios-list {
    display: flex;
    gap: 6px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.aguila-pagos-list li,
.aguila-envios-list li {
    padding: 3px 10px;
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 4px;
    font-size: .75rem;
    color: var(--color-humo, #D1D5DB);
    white-space: nowrap;
}


/* ==========================================================================
   07. Responsive
   ========================================================================== */

@media (max-width: 1024px) {
    .aguila-footer__inner {
        grid-template-columns: 1fr 1fr;
        gap: 40px;
    }

    .aguila-footer__col--brand {
        grid-column: 1 / -1;
    }

    .aguila-confianza-bar__inner {
        gap: 24px;
    }
}

@media (max-width: 768px) {
    .aguila-confianza-bar__inner {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 16px;
        padding: 16px;
    }

    .aguila-footer__inner {
        grid-template-columns: 1fr;
        gap: 32px;
        padding: 40px 16px;
    }

    .aguila-footer__col--brand {
        grid-column: auto;
    }

    .aguila-footer__legal .aguila-footer__inner {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    .aguila-footer__pagos,
    .aguila-footer__envios {
        flex-wrap: wrap;
    }
}

@media (max-width: 480px) {
    .aguila-confianza-bar__inner {
        grid-template-columns: 1fr;
    }
}