/*
Theme Name:   El Rufino
Theme URI:    https://elrufino.ar
Description:  Tema hijo para El Rufino — medio digital local de Rufino, Santa Fe, Argentina.
Author:       El Rufino
Author URI:   https://elrufino.ar
Template:     newsup
Version:      1.0.0
Text Domain:  el-rufino-theme
Tags:         news, blog, custom-colors, custom-logo, featured-images, responsive-layout
*/

/* === Importar Google Fonts === */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700;800&family=Source+Serif+4:wght@400;600&family=Inter:wght@400;500;600&display=swap');

/* === Variables === */
:root {
  --er-red:    #c0271b;
  --er-dark:   #1a1a1a;
  --er-cream:  #f5f0e8;
  --er-light:  #f9f7f3;
  --er-border: #e0ddd8;
  --er-gold:   #8b6914;
}

/* === Reset básico === */
*, *::before, *::after { box-sizing: border-box; }

body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 16px;
  line-height: 1.7;
  color: var(--er-dark);
  background: var(--er-light);
}

/* === Masthead / Header === */
#masthead,
.site-header,
header.site-header {
  background: var(--er-red) !important;
  border-bottom: 3px solid #9a1f14 !important;
}

.site-branding,
.site-title,
.site-title a,
.site-description {
  color: #fff !important;
  text-shadow: none !important;
}

.site-title {
  font-family: 'Playfair Display', Georgia, serif !important;
  font-size: 32px !important;
  font-weight: 800 !important;
  letter-spacing: -.5px;
}

.site-title a:hover { color: rgba(255,255,255,.85) !important; text-decoration: none !important; }

.site-description {
  font-size: 11px !important;
  text-transform: uppercase;
  letter-spacing: .8px;
  font-weight: 400;
  color: rgba(255,255,255,.75) !important;
}

/* === Breaking news ticker === */
.breaking-news-bar,
.breaking-news,
.er-ticker {
  background: var(--er-dark);
  color: #fff;
  padding: 6px 0;
  font-size: 13px;
  font-weight: 500;
  border-bottom: 1px solid #333;
}
.breaking-news-bar .breaking-label {
  background: var(--er-red);
  padding: 4px 12px;
  margin-right: 12px;
  font-weight: 700;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .5px;
}

/* === Navigation === */
.main-navigation,
#site-navigation {
  background: var(--er-dark) !important;
}

.main-navigation ul li a,
#site-navigation ul li a {
  color: rgba(255,255,255,.85) !important;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: .2px;
  padding: 12px 16px !important;
}

.main-navigation ul li a:hover,
#site-navigation ul li a:hover {
  color: #fff !important;
  background: rgba(255,255,255,.1) !important;
}

/* === Typography === */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Playfair Display', Georgia, serif;
  line-height: 1.2;
  color: var(--er-dark);
}

.entry-title,
.post-title {
  font-family: 'Playfair Display', Georgia, serif;
  font-weight: 700;
}

.entry-title a { color: var(--er-dark) !important; text-decoration: none !important; }
.entry-title a:hover { color: var(--er-red) !important; }

.entry-content,
.post-excerpt {
  font-family: 'Source Serif 4', Georgia, serif;
  font-size: 17px;
  line-height: 1.75;
  color: #2a2a2a;
}

/* === Category labels === */
.cat-links a,
.category-label,
.entry-meta .cat-links a {
  background: var(--er-red) !important;
  color: #fff !important;
  padding: 2px 10px !important;
  border-radius: 3px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .5px !important;
  text-decoration: none !important;
}

/* === Article cards === */
.post,
article.post {
  background: #fff;
  border: 1px solid var(--er-border);
  border-radius: 6px;
  overflow: hidden;
  margin-bottom: 20px;
  transition: box-shadow .2s;
}

.post:hover {
  box-shadow: 0 2px 12px rgba(0,0,0,.08);
}

/* === Links === */
a { color: var(--er-red); }
a:hover { color: #9a1f14; }

/* === Blockquote === */
blockquote {
  border-left: 4px solid var(--er-red);
  margin: 24px 0;
  padding: 12px 20px;
  background: var(--er-cream);
  font-style: italic;
  color: #444;
}

/* === WhatsApp subscribe block === */
.er-wa-block {
  background: #e8f5e9;
  border: 1px solid #c8e6c9;
  border-radius: 8px;
  padding: 20px 24px;
  text-align: center;
  margin: 20px 0;
}
.er-wa-block h4 { font-size: 16px; margin: 0 0 6px; color: #1b5e20; }
.er-wa-block p  { font-size: 13px; color: #2e7d32; margin: 0 0 12px; }
.er-wa-block a {
  display: inline-block;
  background: #25d366;
  color: #fff !important;
  padding: 10px 22px;
  border-radius: 20px;
  font-weight: 600;
  font-size: 14px;
  text-decoration: none !important;
}

/* === Footer === */
.site-footer,
footer.site-footer {
  background: var(--er-dark) !important;
  color: rgba(255,255,255,.8) !important;
  padding: 40px 0 20px !important;
  border-top: 3px solid var(--er-red);
}

.site-footer .site-title,
.site-footer .widget-title {
  color: #fff !important;
  font-family: 'Playfair Display', serif;
}

.site-footer a {
  color: rgba(255,255,255,.7) !important;
}
.site-footer a:hover {
  color: #fff !important;
}

/* === Sidebar === */
.widget-title {
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .7px;
  color: var(--er-text3, #666);
  border-bottom: 2px solid var(--er-red);
  padding-bottom: 8px;
  margin-bottom: 12px;
}

/* === Error/debug override === */
/* Suppress PHP error display in footer */
.er-suppress-errors { display: none !important; }

/* === Responsive === */
@media (max-width: 768px) {
  .site-title { font-size: 24px !important; }
  .entry-content { font-size: 16px; }
  .er-wa-block { padding: 16px; }
  body { font-size: 15px; }
}

@media (max-width: 480px) {
  .site-title { font-size: 20px !important; }
}