/*
Theme Name: Radio Carmelo Child
Theme URI: https://radiocarmelo.com
Description: Child theme de Hello Elementor para Radio Carmelo 1460AM. Sistema de diseño generado por web-design-seo.
Author: BuzIT
Author URI: https://buzit.uy
Template: hello-elementor
Version: 1.0.0
*/

/* Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@500;600;700&family=Inter:wght@400;500;600&display=swap');

/* Variables del design system */
:root {
  --rc-primary: #FF6600;
  --rc-secondary: #cc5200;
  --rc-dark: #1A1A1A;
  --rc-text: #1A1A1A;
  --rc-gray1: #F5F5F5;
  --rc-gray2: #E5E5E5;
  --rc-muted: #888888;

  --cat-locales: #FF6600;
  --cat-nacionales: #1E40AF;
  --cat-internacionales: #059669;
  --cat-deportes: #DC2626;
  --cat-rurales: #92400E;
  --cat-editoriales: #4B5563;
}

/* Base typography */
body { font-family: 'Inter', sans-serif; color: var(--rc-text); }
h1, h2, h3, h4, h5, h6 { font-family: 'Oswald', sans-serif; font-weight: 600; line-height: 1.2; }

/* Category badges (clases para usar en post listings y single) */
.rc-cat-badge {
  display: inline-block; color: white;
  padding: 4px 10px; font-size: 11px; font-weight: 500;
  letter-spacing: 0.8px; border-radius: 3px;
  text-transform: uppercase; font-family: 'Oswald', sans-serif;
}
.rc-cat-locales         { background: var(--cat-locales); }
.rc-cat-nacionales      { background: var(--cat-nacionales); }
.rc-cat-internacionales { background: var(--cat-internacionales); }
.rc-cat-deportes        { background: var(--cat-deportes); }
.rc-cat-rurales         { background: var(--cat-rurales); }
.rc-cat-editoriales     { background: var(--cat-editoriales); }

/* Live indicator pulse */
@keyframes rc-pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.4; }
}
.rc-live-dot {
  display: inline-block; width: 8px; height: 8px;
  background: #ef4444; border-radius: 50%;
  animation: rc-pulse 1.5s infinite;
}

/* Skip link accesibilidad */
.skip-link { position: absolute; left: -9999px; }
.skip-link:focus {
  left: 8px; top: 8px;
  background: var(--rc-primary); color: white;
  padding: 8px; z-index: 9999;
}