/*
Theme Name: Rionegrino
Theme URI: https://rionegrino.com
Description: Identidad de Rionegrino, medio digital de la provincia de Río Negro.
             Tema hijo de Twenty Twenty-Five. Toda la identidad vive en
             theme.json: cambiar la paleta o la tipografía es editar un archivo.
Author: Rionegrino
Template: twentytwentyfive
Version: 1.0
Text Domain: rionegrino
*/

/* Lo mínimo que theme.json no cubre. El resto es configuración, no CSS. */

.wp-site-blocks { --rn-petroleo: #14506B; --rn-terracota: #C05621; }

/* Marca tipográfica de la cabecera */
.site-title a, .wp-block-site-title a {
  font-family: "Source Serif 4", Georgia, serif;
  font-weight: 700; letter-spacing: 6px; text-transform: uppercase;
  color: var(--rn-petroleo); text-decoration: none;
}
.site-title::after, .wp-block-site-title::after {
  content: ""; display: block; width: 120px; height: 4px;
  background: var(--rn-terracota); margin-top: 6px;
}

/* La sección, antes del título de la nota */
.wp-block-post-terms a {
  background: var(--rn-petroleo); color: #fff; text-decoration: none;
  font-size: .72rem; font-weight: 700; letter-spacing: 1.6px;
  text-transform: uppercase; padding: 4px 12px; border-radius: 3px;
}

/* Firma y fecha: presentes, sin competir con el título */
.wp-block-post-author-name, .wp-block-post-date {
  color: #5A6472; font-size: .86rem;
}

/* Atribución al pie de la nota */
.wp-block-post-content p em:last-of-type {
  display: block; border-top: 1px solid #e3e7ec; padding-top: 12px;
  margin-top: 22px; color: #5A6472; font-size: .88rem;
}

/* Imagen destacada: horizontal y sin desbordes en celular */
.wp-block-post-featured-image img {
  width: 100%; height: auto; border-radius: 6px;
}

@media (max-width: 600px) {
  .site-title a, .wp-block-site-title a { letter-spacing: 3px; font-size: 1.4rem; }
}



/* ==========================================================================
   PORTADA — diseño editorial
   ========================================================================== */
:root{
  --rn-petroleo:#14506B; --rn-profundo:#0E3B50; --rn-terracota:#C05621;
  --rn-fondo:#F4F5F6; --rn-texto:#12161C; --rn-gris:#5A6472; --rn-borde:#E2E6EB;
  --rn-acento:var(--rn-petroleo);
  --rn-serif:"Source Serif 4",Georgia,"Times New Roman",serif;
  --rn-sans:"Source Sans 3",system-ui,-apple-system,"Segoe UI",sans-serif;
}
body{background:var(--rn-fondo);color:var(--rn-texto)}
.rn-portada{padding:22px 16px 60px}

/* --- CABECERA: barra blanca compacta, línea terracota --- */
.rn-cabecera{position:sticky;top:0;z-index:60;background:#fff;
  border-bottom:3px solid var(--rn-terracota);box-shadow:0 1px 4px rgba(18,22,28,.07)}
.rn-barra{align-items:center;gap:20px;padding-top:4px}
.rn-logo a{color:var(--rn-petroleo);font-family:var(--rn-serif)!important;
  font-size:30px!important;font-weight:700!important;letter-spacing:6px!important;
  text-transform:uppercase}
.rn-buscador .wp-block-search__input{border:1px solid #DDE2E8;background:#F7F8F9;
  padding:9px 16px;font-family:var(--rn-sans);font-size:14px;border-radius:999px}
.rn-nav{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.rn-nav::-webkit-scrollbar{display:none}
.rn-secciones{flex-wrap:nowrap!important}
.rn-secciones a{font-family:var(--rn-sans);font-size:13.5px;font-weight:600;
  color:var(--rn-gris);white-space:nowrap;text-decoration:none;
  padding:10px 0 12px;border-bottom:3px solid transparent}
.rn-secciones a:hover{color:var(--rn-petroleo);border-bottom-color:var(--rn-terracota)}

/* --- TIPOGRAFÍA --- */
.rn-t-xl a,.rn-t-l a,.rn-t-m a,.rn-t-s{font-family:var(--rn-serif);
  color:var(--rn-texto);text-decoration:none}
.rn-t-xl{margin:10px 0 12px}
.rn-t-xl a{font-size:37px;line-height:1.14;font-weight:700;letter-spacing:-.4px}
.rn-t-l{margin:12px 0 6px}.rn-t-l a{font-size:22px;line-height:1.22;font-weight:700}
.rn-t-m{margin:6px 0}.rn-t-m a{font-size:17px;line-height:1.28;font-weight:600}
.rn-t-s{font-size:16px;line-height:1.35;font-weight:600}
.rn-t-xl a:hover,.rn-t-l a:hover,.rn-t-m a:hover,.rn-t-s:hover{color:var(--rn-petroleo)}
.rn-bajada{font-family:var(--rn-sans);font-size:16.5px;line-height:1.5;
  color:#3F4956;margin:0 0 12px}
.rn-meta,.rn-hora,.rn-loc{font-family:var(--rn-sans);font-size:12.5px;
  color:var(--rn-gris);margin:0}
.rn-firma{position:relative;padding-right:13px;font-weight:600}
.rn-firma::after{content:"·";position:absolute;right:4px;font-weight:400}
.rn-etq{font-family:var(--rn-sans);font-size:11px;font-weight:800;letter-spacing:1.3px;
  text-transform:uppercase;color:var(--rn-terracota)}
.rn-etq-min{font-family:var(--rn-sans);font-size:10.5px;font-weight:700;
  letter-spacing:.9px;text-transform:uppercase;color:var(--rn-petroleo)}

/* --- IMÁGENES: proporción fija, sin deformar --- */
.rn-c-foto{display:block;overflow:hidden}
.rn-c-principal .rn-img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.rn-c-media .rn-img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;
  border-radius:8px 8px 0 0}
.rn-mini-img{width:100px;height:74px;object-fit:cover;border-radius:6px;display:block}
.rn-c-chica .rn-mini-img{width:84px;height:62px}

/* --- 1. APERTURA 65/35 --- */
.rn-apertura{display:grid;grid-template-columns:65fr 35fr;gap:24px;margin-bottom:26px}
.rn-c-principal{background:#fff;border-radius:10px;overflow:hidden;
  border:1px solid var(--rn-borde)}
.rn-c-cuerpo{padding:18px 22px 20px}
.rn-apertura-der{display:flex;flex-direction:column;gap:10px}
.rn-c-horizontal{display:flex;gap:13px;align-items:flex-start;justify-content:space-between;
  background:#fff;border:1px solid var(--rn-borde);border-radius:8px;padding:12px 14px}
.rn-c-horizontal:hover{border-color:#CBD3DB}
.rn-c-texto{flex:1 1 auto;min-width:0}
.rn-mini{flex:0 0 auto}

/* --- 2. ÚLTIMAS: franja densa --- */
.rn-ultimas{background:#fff;border:1px solid var(--rn-borde);
  border-left:4px solid var(--rn-terracota);border-radius:8px;
  padding:15px 20px 8px;margin-bottom:26px}
.rn-h-franja{font-family:var(--rn-sans);font-size:12px;font-weight:800;
  letter-spacing:1.7px;text-transform:uppercase;color:var(--rn-petroleo);margin:0 0 12px}
.rn-ultimas-lista,.rn-zona-lista{list-style:none;padding:0;margin:0}
.rn-c-compacta{display:flex;align-items:baseline;gap:11px;flex-wrap:wrap;
  padding:10px 0;border-bottom:1px solid #EDF0F3}
.rn-c-compacta:last-child{border-bottom:0}
.rn-hora{font-family:var(--rn-sans);font-variant-numeric:tabular-nums;font-weight:700;
  color:var(--rn-terracota);flex:0 0 42px;font-size:12.5px}
.rn-loc{margin-left:auto;font-size:11.5px;text-transform:uppercase;letter-spacing:.5px}

/* --- 3. BLOQUES EDITORIALES --- */
.rn-bloque-seccion{margin-bottom:28px}
.rn-h-seccion{display:flex;align-items:center;justify-content:space-between;
  margin-bottom:14px;border-bottom:2px solid var(--rn-borde);padding-bottom:0}
.rn-h-seccion h2{margin:0;font-family:var(--rn-sans);font-size:14px;font-weight:800;
  letter-spacing:1.4px;text-transform:uppercase;color:#fff;
  background:var(--rn-acento);padding:7px 14px;border-radius:4px 4px 0 0}
.rn-h-seccion h2 a{color:#fff;text-decoration:none}
.rn-vermas{font-family:var(--rn-sans);font-size:12.5px;font-weight:700;
  color:var(--rn-gris);text-decoration:none;padding-bottom:6px}
.rn-vermas:hover{color:var(--rn-terracota)}
.rn-bloque-grilla{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.rn-c-media{background:#fff;border:1px solid var(--rn-borde);border-radius:8px;
  overflow:hidden}
.rn-c-media .rn-t-l,.rn-c-media .rn-meta{padding:0 16px}
.rn-c-media .rn-t-l{margin-top:12px}
.rn-c-media .rn-meta{padding-bottom:15px}
.rn-bloque-lista{display:flex;flex-direction:column;gap:9px}

/* --- 4. ZONAS --- */
.rn-zonas{margin-bottom:16px}
.rn-zonas-grilla{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.rn-zona{background:#fff;border:1px solid var(--rn-borde);border-radius:8px;
  padding:14px 17px;border-top:3px solid var(--rn-terracota)}
.rn-zona h3{margin:0 0 9px;font-family:var(--rn-sans);font-size:12px;font-weight:800;
  letter-spacing:1.1px;text-transform:uppercase;color:var(--rn-petroleo)}
.rn-zona .rn-c-compacta{padding:8px 0}
.rn-zona .rn-hora{flex:0 0 38px}

/* --- CELULAR --- */
@media (max-width:900px){
  .rn-apertura,.rn-bloque-grilla{grid-template-columns:1fr;gap:14px}
  .rn-t-xl a{font-size:26px;letter-spacing:-.2px}
  .rn-t-l a{font-size:19px}
  .rn-t-m a{font-size:16px}
  .rn-portada{padding:14px 12px 44px}
  .rn-logo a{font-size:21px!important;letter-spacing:4px!important}
  .rn-mini-img{width:88px;height:66px}
  .rn-c-cuerpo{padding:14px 16px 16px}
  .rn-loc{margin-left:0;flex-basis:100%;margin-top:2px}
  .rn-apertura,.rn-ultimas,.rn-bloque-seccion{margin-bottom:18px}
  .rn-ultimas{padding:13px 15px 6px}
}

/* --- volver arriba --- */
.rn-arriba{position:fixed;right:16px;bottom:16px;z-index:70;width:44px;height:44px;
  border-radius:50%;border:none;background:var(--rn-petroleo);color:#fff;font-size:20px;
  cursor:pointer;opacity:0;pointer-events:none;transition:opacity .2s;
  box-shadow:0 2px 8px rgba(18,22,28,.2)}
.rn-arriba.visible{opacity:.94;pointer-events:auto}

/* --- más coberturas --- */
.rn-coberturas{max-width:780px;margin:40px auto 0;padding:0 16px}
.rn-cob-lista{list-style:none;padding:0;margin:0}
.rn-cob-item{display:flex;gap:14px;align-items:flex-start;justify-content:space-between;
  padding:12px 0;border-bottom:1px solid var(--rn-borde)}
.rn-cob-texto{flex:1 1 auto;min-width:0}
.rn-cob-titulo{display:block;font-family:var(--rn-serif);font-size:16px;line-height:1.3;
  color:var(--rn-texto);text-decoration:none;margin:3px 0;font-weight:600}
.rn-cob-img{width:92px;height:69px;object-fit:cover;border-radius:6px}

/* --- franja de cotizaciones --- */
.rn-dolar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;
  background:#fff;border:1px solid var(--rn-borde);border-radius:8px;
  padding:9px 16px;margin-bottom:18px;font-family:var(--rn-sans);font-size:13px}
.rn-dolar-rotulo{font-weight:800;letter-spacing:1.3px;text-transform:uppercase;
  font-size:11px;color:var(--rn-terracota)}
.rn-dolar ul{display:flex;gap:18px;list-style:none;margin:0;padding:0;flex-wrap:wrap}
.rn-dolar li{display:flex;gap:6px;align-items:baseline}
.rn-dolar b{font-weight:700;color:var(--rn-gris);font-size:12px}
.rn-dolar-val{font-weight:700;color:var(--rn-petroleo);font-variant-numeric:tabular-nums}
.rn-dolar-hora{margin-left:auto;font-size:11.5px;color:var(--rn-gris)}
@media (max-width:900px){
  .rn-dolar{gap:10px;padding:8px 12px;font-size:12.5px}
  .rn-dolar ul{gap:13px}
  .rn-dolar-hora{margin-left:0;flex-basis:100%}
}