/* ============================================
   TuVivienda.co — Sección Actualidad / Noticias
   Encolar desde functions.php del child theme
   ============================================ */

:root {
  --tv-bg: #FAFAF8;
  --tv-ink: #2A2A28;
  --tv-ink-soft: #6B6B66;
  --tv-accent: #EA6A2E;      /* naranja del logo */
  --tv-accent-deep: #D93A2B; /* rojo del ".CO" */
  --tv-blue: #1E7FC2;        /* azul de los edificios */
  --tv-line: #E8E5DE;
  --tv-radius: 10px;
}

.actualidad-wrap {
  max-width: 1180px;
  margin: 0 auto;
  padding: 40px 24px 80px;
  background: var(--tv-bg);
  color: var(--tv-ink);
  font-family: 'Inter', -apple-system, sans-serif;
}

/* ---------- Hero ---------- */
.actualidad-breadcrumb {
  font-size: 13px;
  color: var(--tv-ink-soft);
  margin-bottom: 16px;
}
.actualidad-breadcrumb a { color: var(--tv-ink-soft); text-decoration: none; }
.actualidad-breadcrumb a:hover { color: var(--tv-accent); }
.actualidad-breadcrumb span { margin: 0 6px; }

.actualidad-title {
  font-family: 'Georgia', 'Merriweather', serif;
  font-size: 42px;
  font-weight: 700;
  line-height: 1.1;
  margin: 0 0 12px;
  color: var(--tv-ink);
}

.actualidad-desc {
  font-size: 17px;
  color: var(--tv-ink-soft);
  max-width: 640px;
  margin: 0 0 28px;
}

/* ---------- Pills de subcategorías ---------- */
.actualidad-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 40px;
  padding-bottom: 24px;
  border-bottom: 1px solid var(--tv-line);
}

.pill {
  display: inline-flex;
  align-items: center;
  padding: 8px 16px;
  border-radius: 999px;
  background: #fff;
  border: 1px solid var(--tv-line);
  color: var(--tv-ink);
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: border-color .15s ease, color .15s ease;
}
.pill:hover { border-color: var(--tv-accent); color: var(--tv-accent); }
.pill--active {
  background: var(--tv-ink);
  border-color: var(--tv-ink);
  color: #fff;
}
.pill--active:hover { color: #fff; }

/* ---------- Grid principal ---------- */
.actualidad-body {
  display: grid;
  grid-template-columns: 1fr 300px;
  gap: 48px;
}

.actualidad-main {
  display: grid;
  grid-template-columns: 1fr;
  gap: 32px;
}

.noticia-card { border-bottom: 1px solid var(--tv-line); padding-bottom: 28px; }
.noticia-card__link { display: block; text-decoration: none; color: inherit; }

.noticia-card--featured {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 28px;
  align-items: center;
}
.noticia-card--featured .noticia-card__link { display: grid; grid-template-columns: subgrid; grid-column: span 2; }

.noticia-card__media { border-radius: var(--tv-radius); overflow: hidden; margin-bottom: 14px; }
.noticia-card__media img { width: 100%; display: block; }

.noticia-card__cat {
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .04em;
  color: var(--tv-accent-deep);
  margin-bottom: 8px;
}

.noticia-card__title {
  font-family: 'Georgia', 'Merriweather', serif;
  font-size: 22px;
  line-height: 1.3;
  margin: 0 0 8px;
  color: var(--tv-ink);
}
.noticia-card--featured .noticia-card__title { font-size: 30px; }

.noticia-card__excerpt {
  font-size: 15px;
  color: var(--tv-ink-soft);
  margin: 0 0 12px;
}

.noticia-card__meta {
  font-size: 13px;
  color: var(--tv-ink-soft);
  display: flex;
  gap: 8px;
}

/* ---------- Sidebar ---------- */
.sidebar-block { margin-bottom: 32px; }
.sidebar-block h3 {
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: .04em;
  color: var(--tv-ink-soft);
  margin: 0 0 16px;
}
.sidebar-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 14px; }
.sidebar-list a { color: var(--tv-ink); text-decoration: none; font-size: 15px; line-height: 1.4; }
.sidebar-list a:hover { color: var(--tv-accent); }

.sidebar-block--cta {
  background: var(--tv-blue);
  color: #fff;
  padding: 24px;
  border-radius: var(--tv-radius);
}
.sidebar-block--cta h3 { color: rgba(255,255,255,.75); }
.sidebar-block--cta p { font-size: 14px; margin: 0 0 16px; }
.sidebar-cta-btn {
  display: inline-block;
  background: #fff;
  color: var(--tv-blue);
  padding: 10px 18px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
}

/* ---------- Responsive ---------- */
@media (max-width: 860px) {
  .actualidad-body { grid-template-columns: 1fr; }
  .noticia-card--featured,
  .noticia-card--featured .noticia-card__link { grid-template-columns: 1fr; }
  .actualidad-title { font-size: 32px; }
}