/* ============================================
   FOOTER — variables de color editables aquí
   Paleta azul corporativo (#1565C0)
   ============================================ */
.pie-sitio {
    --footer-bg: linear-gradient(135deg, #1565c0 0%, #0d47a1 100%);
    --footer-bg-alt: transparent;
    --footer-border: rgba(255, 255, 255, 0.18);
    --footer-texto: rgba(255, 255, 255, 0.82);
    --footer-texto-suave: rgba(255, 255, 255, 0.78);
    --footer-titulo: #ffffff;
    --footer-enlace: rgba(255, 255, 255, 0.78);
    --footer-enlace-hover: #ffffff;
    --footer-boton-bg: #ffffff;
    --footer-boton-bg-hover: #eaf2ff;
    --footer-boton-texto: #1565c0;
    --footer-boton-texto-hover: #0d47a1;
    --footer-icono-bg: rgba(255, 255, 255, 0);
    --footer-icono-texto: rgba(255, 255, 255, 0.82);
    --footer-icono-hover: rgba(255, 255, 255, 0.2);
    --footer-icono-hover-texto: #ffffff;
    --footer-input-bg: #ffffff;
    --footer-input-texto: #1f2937;
    --footer-input-placeholder: #94a3b8;
    --footer-input-border: rgba(255, 255, 255, 0.35);
    --footer-input-border-focus: #ffffff;
    --footer-sombra: rgba(21, 101, 192, 0.2);
}

.pie-sitio {
    background: var(--footer-bg);
    border-top: 1px solid var(--footer-border);
}

.pie-sitio .pie-sitio__barra-inferior {
    border-top: 1px solid var(--footer-border);
    background: var(--footer-bg-alt);
}

.pie-sitio .text-on-surface-variant,
.pie-sitio [class*="text-on-surface-variant"] {
    color: var(--footer-texto);
}

.pie-sitio .text-primary,
.pie-sitio h2 {
    color: var(--footer-titulo);
}

.pie-sitio ul a,
.pie-sitio a[href] {
    color: var(--footer-enlace);
    transition: color 0.2s ease;
}

.pie-sitio ul a:hover,
.pie-sitio a[href]:hover {
    color: var(--footer-enlace-hover);
}

.pie-sitio a:focus-visible {
    outline: 3px solid #ffffff;
    outline-offset: 3px;
}

.pie-sitio .bg-white {
    background: var(--footer-icono-bg);
    color: var(--footer-icono-texto);
}

.pie-sitio .bg-white:hover,
.pie-sitio .bg-white:focus-visible {
    background: var(--footer-icono-hover);
    color: var(--footer-icono-hover-texto);
}

.pie-sitio .bg-secondary,
.pie-sitio button[type="button"] {
    background: var(--footer-boton-bg);
    color: var(--footer-boton-texto);
}

.pie-sitio .bg-secondary:hover,
.pie-sitio button[type="button"]:hover {
    background: var(--footer-boton-bg-hover);
    color: var(--footer-boton-texto-hover);
}

.pie-sitio #footerEmail,
.pie-sitio input[type="email"] {
    background: var(--footer-input-bg);
    color: var(--footer-input-texto);
    border-color: var(--footer-input-border);
}

.pie-sitio #footerEmail::placeholder,
.pie-sitio input[type="email"]::placeholder {
    color: var(--footer-input-placeholder);
}

.pie-sitio #footerEmail:focus,
.pie-sitio input[type="email"]:focus {
    border-color: var(--footer-input-border-focus);
}

@media (prefers-reduced-motion: reduce) {
    .pie-sitio a {
        transition: none;
    }
}