:root {
  --color-fondo-oscuro: #1a140d;
  --color-dorado: #d99a4e;
  --color-dorado-claro: #f2d9b3;
  --color-texto-claro: #f0e6d8;
  --color-texto-muted: #a89484;
  --color-borde-dorado: rgba(217,154,78,0.25);
  --color-dorado-gradient: linear-gradient(90deg, #d99a4e, #f2d9b3);
  --color-fondo-oscuro-gradient: linear-gradient(135deg, #2b1f13 0%, #150f09 100%);
}

/* 1. Dorado Clásico (Default) */
html.theme-dorado {
  --color-fondo-oscuro: #1a140d;
  --color-dorado: #d99a4e;
  --color-dorado-claro: #f2d9b3;
  --color-texto-claro: #f0e6d8;
  --color-texto-muted: #a89484;
  --color-borde-dorado: rgba(217,154,78,0.25);
  --color-dorado-gradient: linear-gradient(90deg, #d99a4e, #f2d9b3);
  --color-fondo-oscuro-gradient: linear-gradient(135deg, #2b1f13 0%, #150f09 100%);
}

/* 2. Amanecer */
html.theme-amanecer {
  --color-fondo-oscuro: #120e1a;
  --color-dorado: #ff8b57;
  --color-dorado-claro: #ffe2d1;
  --color-texto-claro: #f0e6d8;
  --color-texto-muted: #a89484;
  --color-borde-dorado: rgba(255,139,87,0.25);
  --color-dorado-gradient: linear-gradient(90deg, #aff84d, #ff8b57, #ec6eff);
  --color-fondo-oscuro-gradient: linear-gradient(135deg, #222c15 0%, #301d14 50%, #291530 100%);
}

/* 3. Océano Verde-Azul */
html.theme-oceano {
  --color-fondo-oscuro: #0a0e1c;
  --color-dorado: #006798;
  --color-dorado-claro: #bce2f5;
  --color-texto-claro: #f0e6d8;
  --color-texto-muted: #a89484;
  --color-borde-dorado: rgba(0,103,152,0.25);
  --color-dorado-gradient: linear-gradient(90deg, #4ba271, #006798, #3a095e);
  --color-fondo-oscuro-gradient: linear-gradient(135deg, #112019 0%, #071924 50%, #12091d 100%);
}

/* 4. Amatista Neón */
html.theme-amatista {
  --color-fondo-oscuro: #14091f;
  --color-dorado: #b72ffc;
  --color-dorado-claro: #f5d6ff;
  --color-texto-claro: #f0e6d8;
  --color-texto-muted: #a89484;
  --color-borde-dorado: rgba(183,47,252,0.25);
  --color-dorado-gradient: linear-gradient(90deg, #8a35f9, #b72ffc, #df28fd);
  --color-fondo-oscuro-gradient: linear-gradient(135deg, #1b0e2f 0%, #250d30 50%, #2d0b33 100%);
}

/* 5. Pastel Romántico */
html.theme-pastel {
  --color-fondo-oscuro: #0f121d;
  --color-dorado: #8f7dab;
  --color-dorado-claro: #fde2eb;
  --color-texto-claro: #f0e6d8;
  --color-texto-muted: #a89484;
  --color-borde-dorado: rgba(143,125,171,0.25);
  --color-dorado-gradient: linear-gradient(90deg, #164e6d, #8f7dab, #fdb2c9);
  --color-fondo-oscuro-gradient: linear-gradient(135deg, #0a171f 0%, #201a26 50%, #302126 100%);
}

/* 6. Fuego Áureo */
html.theme-fuego {
  --color-fondo-oscuro: #1c0d0d;
  --color-dorado: #f97316;
  --color-dorado-claro: #fef3c7;
  --color-texto-claro: #fef2f2;
  --color-texto-muted: #fca5a5;
  --color-borde-dorado: rgba(249,115,22,0.25);
  --color-dorado-gradient: linear-gradient(90deg, #ef4444, #f97316, #eab308);
  --color-fondo-oscuro-gradient: linear-gradient(135deg, #2d0e0e 0%, #30170a 50%, #2c2105 100%);
}

/* 7. Esmeralda */
html.theme-esmeralda {
  --color-fondo-oscuro: #0a1c15;
  --color-dorado: #10b981;
  --color-dorado-claro: #a7f3d0;
  --color-texto-claro: #ecfdf5;
  --color-texto-muted: #6ee7b7;
  --color-borde-dorado: rgba(16,185,129,0.25);
  --color-dorado-gradient: linear-gradient(90deg, #10b981, #059669, #0d9488);
  --color-fondo-oscuro-gradient: linear-gradient(135deg, #092419 0%, #051d14 50%, #061d1b 100%);
}

/* 8. Aurora Boreal */
html.theme-aurora {
  --color-fondo-oscuro: #06121e;
  --color-dorado: #06b6d4;
  --color-dorado-claro: #cffafe;
  --color-texto-claro: #eff6ff;
  --color-texto-muted: #93c5fd;
  --color-borde-dorado: rgba(6,182,212,0.25);
  --color-dorado-gradient: linear-gradient(90deg, #22c55e, #06b6d4, #3b82f6);
  --color-fondo-oscuro-gradient: linear-gradient(135deg, #0b2c15 0%, #022329 50%, #0a1b33 100%);
}

/* 9. Atardecer Cósmico */
html.theme-atardecer {
  --color-fondo-oscuro: #0e0b1c;
  --color-dorado: #7c3aed;
  --color-dorado-claro: #eedffc;
  --color-texto-claro: #faf5ff;
  --color-texto-muted: #d8b4fe;
  --color-borde-dorado: rgba(124,58,237,0.25);
  --color-dorado-gradient: linear-gradient(90deg, #1e3a8a, #7c3aed, #f97316);
  --color-fondo-oscuro-gradient: linear-gradient(135deg, #08122c 0%, #1b0c33 50%, #30170a 100%);
}

/* 10. Cobre y Madera */
html.theme-cobre {
  --color-fondo-oscuro: #140f0c;
  --color-dorado: #b45309;
  --color-dorado-claro: #fef3c7;
  --color-texto-claro: #fffbeb;
  --color-texto-muted: #f59e0b;
  --color-borde-dorado: rgba(180,83,9,0.25);
  --color-dorado-gradient: linear-gradient(90deg, #78350f, #b45309, #d97706);
  --color-fondo-oscuro-gradient: linear-gradient(135deg, #271306 0%, #210f03 100%);
}

/* 11. Cyberpunk */
html.theme-cyberpunk {
  --color-fondo-oscuro: #0d071a;
  --color-dorado: #d946ef;
  --color-dorado-claro: #fdf4ff;
  --color-texto-claro: #faf5ff;
  --color-texto-muted: #c084fc;
  --color-borde-dorado: rgba(217,70,239,0.25);
  --color-dorado-gradient: linear-gradient(90deg, #06b6d4, #d946ef, #8b5cf6);
  --color-fondo-oscuro-gradient: linear-gradient(135deg, #032126 0%, #260c2a 50%, #1a0f30 100%);
}

/* 12. Platino Minimal */
html.theme-platino {
  --color-fondo-oscuro: #0f172a;
  --color-dorado: #94a3b8;
  --color-dorado-claro: #f1f5f9;
  --color-texto-claro: #f8fafc;
  --color-texto-muted: #cbd5e1;
  --color-borde-dorado: rgba(148,163,184,0.25);
  --color-dorado-gradient: linear-gradient(90deg, #475569, #94a3b8, #cbd5e1);
  --color-fondo-oscuro-gradient: linear-gradient(135deg, #19202c 0%, #1e293b 100%);
}

/* ==========================================
   APLICAR DEGRADADOS A ELEMENTOS CLAVE 
   ========================================== */

body {
  background: var(--color-fondo-oscuro-gradient) !important;
  background-attachment: fixed !important;
}

.avisos-section,
.noticias-section,
.pan-de-vida-section,
.galeria-section,
.theme-selector-section {
  background-color: transparent !important;
  background: transparent !important;
}

/* Títulos y Logos con Texto en Degradado */
.logo, 
.section-title,
.module-title,
.admin-logo,
.aviso-mapa-subtitulo {
  background: var(--color-dorado-gradient) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  display: inline-block !important;
}

/* Línea decorativa del título de sección */
.section-title::after {
  background: var(--color-dorado-gradient) !important;
  border: none !important;
}

/* Botón de la galería */
.btn-galeria-more {
  border: 2px solid transparent !important;
  border-image: var(--color-dorado-gradient) 1 !important;
  color: var(--color-dorado) !important;
  background: transparent !important;
}
.btn-galeria-more:hover {
  background: var(--color-dorado-gradient) !important;
  color: var(--color-fondo-oscuro) !important;
  -webkit-text-fill-color: var(--color-fondo-oscuro) !important;
}

/* Iconos Sociales */
.social-icons a:hover {
  background: var(--color-dorado-gradient) !important;
  color: var(--color-fondo-oscuro) !important;
  border-color: transparent !important;
}

/* Botones de Mapas Colapsables */
.btn-toggle-mapas {
  border: 2px solid transparent !important;
  border-image: var(--color-dorado-gradient) 1 !important;
  color: var(--color-dorado) !important;
  background: transparent !important;
}
.btn-toggle-mapas:hover {
  background: var(--color-dorado-gradient) !important;
  color: var(--color-fondo-oscuro) !important;
}