/* Tipografías y utilidades compartidas — header estándar CreativeCR */
@font-face {
  font-family: 'BatmanForever';
  src: url('../../fonts/batman-forever-font-betterstudio.com/batmfo__.ttf');
  font-display: swap;
}
@font-face {
  font-family: 'GreatVibes';
  src: url('../../fonts/great_vibes/greatvibes-regular.ttf');
  font-display: swap;
}
@font-face {
  font-family: 'Rufina';
  src: url('../../fonts/rufina/rufina-regular.ttf');
  font-display: swap;
}
@font-face {
  font-family: 'Rufina';
  src: url('../../fonts/rufina/rufina-bold.ttf');
  font-weight: 700;
  font-display: swap;
}

:root {
  --bg-light: #ffffff;
  --text-light: #1f2937;
}

.light {
  --bg: var(--bg-light);
  --text: var(--text-light);
}

.dark {
  --bg: #1a202c;
  --text: #f7fafc;
}

.font-batman { font-family: 'BatmanForever', sans-serif; }
.font-great-vibes { font-family: 'GreatVibes', cursive; }
.font-rufina { font-family: 'Rufina', serif; }
.font-rufina-bold { font-family: 'Rufina', serif; font-weight: 700; }

.glow {
  text-shadow: 0 0 10px rgba(245, 170, 95, 0.6);
  filter: drop-shadow(0 0 8px rgba(245, 170, 95, 0.4));
}

img.site-header-logo {
  width: 3rem !important;
  height: 3rem !important;
  max-width: 3rem !important;
  object-fit: cover;
}

@media (min-width: 768px) {
  img.site-header-logo {
    width: 3.5rem !important;
    height: 3.5rem !important;
    max-width: 3.5rem !important;
  }
}