@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,opsz,wght@0,18..144,300..900;1,18..144,300..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap');

.merriweather-simple {
  font-family: "Merriweather", serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}


.open-sans-simple {
  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

.space-mono-regular {
  font-family: "Space Mono", monospace;
  font-weight: 400;
  font-style: normal;
}
/* ======================
   COLORES PRINCIPALES - MODO CLARO
   ====================== */
.bg-amarillo { background-color: #fba616; }
.bg-naranja { background-color: #fa5d12; }
.bg-azul { background-color: #0c0443; }
.bg-azulfiestas { background-color: #1e00e4; }
.bg-rojofiestas { background-color: #da0000; }

.text-amarillo { color: #fba616; }
.text-naranja { color: #fa5d12; }
.text-azul { color: #0c0443; }
.text-negro { color: #000; }

.bg-gradient-fiestaspatrias { background: linear-gradient(to right, #f91616, #fcfcfc, #070ac8); opacity: 0.5;}

/* Tonalidades / Modo claro */
.bg-blanco { background-color: #ffff; }
.bg-morado-claro { background-color: #d2cbd3; }
.bg-morado-medio { background-color: #837ba4; }
.bg-morado-oscuro { background-color: #4c446a; }
.bg-morado-gris { background-color: #5f5b82; }
.bg-morado-muy-oscuro { background-color: #3b335d; }
.bg-gris-azulado { background-color: #44446a; }
.bg-azul-muy-oscuro { background-color: #0c0424; }

.text-morado-claro { color: #d2cbd3; }
.text-morado-medio { color: #837ba4; }
.text-morado-oscuro { color: #4c446a; }
.text-morado-gris { color: #5f5b82; }
.text-morado-muy-oscuro { color: #3b335d; }
.text-gris-azulado { color: #44446a; }
.text-azul-muy-oscuro { color: #0c0424; }

/* ======================
   BOTONES - MODO CLARO
   ====================== */
.boton-amarillo {
  background-color: #fba616;
  color: white;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  text-decoration: none;
  transition: background-color 0.3s;
}
.boton-amarillo:hover { background-color: #fa5d12; }

.boton-azul {
  background-color: #0c0443;
  color: white;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  text-decoration: none;
  transition: background-color 0.3s;
}
.boton-azul:hover { background-color: #0c0424; }

/* ======================
   CARDS - MODO CLARO
   ====================== */
.card-header {
  border-bottom: 3px solid #0c0443;
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
}

/* ======================
   MODO OSCURO
   ====================== */
.dark .bg-amarillo { background-color: #837ba4; }
.dark .bg-naranja { background-color: #5f5b82; }
.dark .bg-azul { background-color: #0c0424; }

.dark .text-amarillo { color: #fba616; }
.dark .text-naranja { color: #fa5d12; }
.dark .text-azul { color: #13c8ec; }
.dark .text-negro { color: #ffff; }

/* Tonalidades / Modo oscuro */
.dark .bg-blanco { background-color: #0c0424; }
.dark .bg-morado-claro { background-color: #3b335d; }
.dark .bg-morado-medio { background-color: #44446a; }
.dark .bg-morado-oscuro { background-color: #5f5b82; }
.dark .bg-morado-gris { background-color: #4c446a; }
.dark .bg-morado-muy-oscuro { background-color: #0c0424; }
.dark .bg-gris-azulado { background-color: #0c0424; }

.dark .text-morado-claro { color: #d2cbd3; }
.dark .text-morado-medio { color: #837ba4; }
.dark .text-morado-oscuro { color: #5f5b82; }
.dark .text-morado-gris { color: #4c446a; }
.dark .text-morado-muy-oscuro { color: #3b335d; }
.dark .text-gris-azulado { color: #44446a; }
.dark .text-azul-muy-oscuro { color: #0c0424; }

/* Botones Modo oscuro */
.dark .boton-amarillo { background-color: #837ba4; color: #d2cbd3; }
.dark .boton-amarillo:hover { background-color: #5f5b82; }

.dark .boton-azul { background-color: #0c0424; color: #d2cbd3; }
.dark .boton-azul:hover { background-color: #3b335d; }

/* Cards Modo oscuro */
.dark .card-header { border-bottom: 3px solid #d2cbd3; }

/* Hover para links */
a.hover-text-amarillo:hover { color: #fba616; }
a.hover-text-naranja:hover { color: #fa5d12; }
a.hover-text-azul:hover { color: #0c0443; }
button.hover-text-amarillo:hover { color: #fba616; }

/* Hover para botones */
.boton-amarillo:hover { background-color: #fa5d12; }
.boton-azul:hover { background-color: #0c0424; }