/* ==========================================================
   MEJORA UX: Footer Integrado al Tema
   ========================================================== */

/* --- 1. MODO CLARO (Light Mode) --- */

/* Verde */
html:not([data-bs-theme="dark"]) body[data-theme="verde"] .site-footer {
    background-color: #e3fcec;
    /* Verde suave más oscuro que #f0fff0 */
    color: #0a3622;
    border-top-color: rgba(25, 135, 84, 0.3) !important;
}

html:not([data-bs-theme="dark"]) body[data-theme="verde"] .footer-text,
html:not([data-bs-theme="dark"]) body[data-theme="verde"] .footer-link {
    color: #0f5132 !important;
}

/* Rosa */
html:not([data-bs-theme="dark"]) body[data-theme="rosa"] .site-footer {
    background-color: #ffe6f0;
    /* Rosa suave más oscuro que #fff0f5 */
    color: #681840;
    border-top-color: rgba(214, 51, 132, 0.3) !important;
}

html:not([data-bs-theme="dark"]) body[data-theme="rosa"] .footer-text,
html:not([data-bs-theme="dark"]) body[data-theme="rosa"] .footer-link {
    color: #842029 !important;
}

/* Azul */
html:not([data-bs-theme="dark"]) body[data-theme="azul"] .site-footer {
    background-color: #e6f2ff;
    /* Azul suave más oscuro que #f0f7ff */
    color: #052c65;
    border-top-color: rgba(13, 110, 253, 0.3) !important;
}

html:not([data-bs-theme="dark"]) body[data-theme="azul"] .footer-link {
    color: #084298 !important;
}

/* Lavanda */
html:not([data-bs-theme="dark"]) body[data-theme="lavanda"] .site-footer {
    background-color: #f1ecff;
    /* Lavanda suave */
    color: #3b2366;
    border-top-color: rgba(111, 66, 193, 0.3) !important;
}

html:not([data-bs-theme="dark"]) body[data-theme="lavanda"] .footer-text,
html:not([data-bs-theme="dark"]) body[data-theme="lavanda"] .footer-link {
    color: #4c2f85 !important;
}

/* Naranja */
html:not([data-bs-theme="dark"]) body[data-theme="naranja"] .site-footer {
    background-color: #fff4e6;
    /* Naranja suave */
    color: #66330a;
    border-top-color: rgba(253, 126, 20, 0.3) !important;
}

html:not([data-bs-theme="dark"]) body[data-theme="naranja"] .footer-text,
html:not([data-bs-theme="dark"]) body[data-theme="naranja"] .footer-link {
    color: #8f460d !important;
}

/* Turquesa */
html:not([data-bs-theme="dark"]) body[data-theme="turquesa"] .site-footer {
    background-color: #e6fffb;
    /* Turquesa suave */
    color: #0d543e;
    border-top-color: rgba(32, 201, 151, 0.3) !important;
}

html:not([data-bs-theme="dark"]) body[data-theme="turquesa"] .footer-text,
html:not([data-bs-theme="dark"]) body[data-theme="turquesa"] .footer-link {
    color: #116b4f !important;
}

/* Tema Oscuro (en modo claro) */
html:not([data-bs-theme="dark"]) body[data-theme="oscuro"] .site-footer {
    background-color: #2b3035;
    /* Un gris oscuro */
    border-top-color: #495057 !important;
}

html:not([data-bs-theme="dark"]) body[data-theme="oscuro"] .footer-text {
    color: #adb5bd !important;
}

html:not([data-bs-theme="dark"]) body[data-theme="oscuro"] .footer-link {
    color: #dee2e6 !important;
}

/* --- 2. MODO OSCURO (Dark Mode) --- */

/* Verde */
html[data-bs-theme="dark"] body[data-theme="verde"] .site-footer {
    background-color: #0d260d;
    /* Verde muy oscuro */
    border-top-color: rgba(25, 135, 84, 0.2) !important;
    color: #adb5bd;
}

/* Rosa */
html[data-bs-theme="dark"] body[data-theme="rosa"] .site-footer {
    background-color: #260d19;
    /* Rosa muy oscuro */
    border-top-color: rgba(214, 51, 132, 0.2) !important;
    color: #adb5bd;
}

/* Azul */
html[data-bs-theme="dark"] body[data-theme="azul"] .site-footer {
    background-color: #0a1424;
    /* Azul muy oscuro */
    border-top-color: rgba(13, 110, 253, 0.2) !important;
    color: #adb5bd;
}

/* Lavanda */
html[data-bs-theme="dark"] body[data-theme="lavanda"] .site-footer {
    background-color: #160829;
    /* Lavanda muy oscuro */
    border-top-color: rgba(111, 66, 193, 0.2) !important;
    color: #adb5bd;
}

/* Naranja */
html[data-bs-theme="dark"] body[data-theme="naranja"] .site-footer {
    background-color: #2e1202;
    /* Naranja muy oscuro */
    border-top-color: rgba(253, 126, 20, 0.2) !important;
    color: #adb5bd;
}

/* Turquesa */
html[data-bs-theme="dark"] body[data-theme="turquesa"] .site-footer {
    background-color: #04211a;
    /* Turquesa muy oscuro */
    border-top-color: rgba(32, 201, 151, 0.2) !important;
    color: #adb5bd;
}

/* Oscuro Native */
html[data-bs-theme="dark"] body[data-theme="oscuro"] .site-footer {
    background-color: #1a1d20;
    /* Casi negro */
    border-top-color: #343a40 !important;
    color: #adb5bd;
}

/* Enlaces comunes en dark mode */
html[data-bs-theme="dark"] .footer-link,
html[data-bs-theme="dark"] .footer-text {
    color: #adb5bd !important;
}

html[data-bs-theme="dark"] .footer-link:hover {
    color: #fff !important;
}