/* ==========================================================================
   CSD VIAJES EXPERIENCE -- INSPIRACION (listado) Y ARTICULO -- DESIGN SYSTEM V2
   Aplicado exclusivamente vía CSS dirigido a clases nativas de Elementor
   (widgets "posts", "theme-post-title", "theme-post-content"). NO se modifica
   ni el contenido real de los 45 artículos ni la consulta dinámica que los
   trae -- solo su presentación visual.

   IMPORTANTE: los selectores de "Blog" listado y "posts" nativo se acotan con
   body.page-id-1100 / body.single-post para no afectar a otras páginas
   Elementor del sitio (legacy) que también usan widgets heading/posts.
   theme-post-title / theme-post-content son widgets exclusivos de la
   plantilla Theme Builder 1041 (condición include/singular/post) y no
   aparecen en ningún otro contexto, por lo que no requieren scope adicional.
   ========================================================================== */

/* --- Titulo de pagina "Blog" (heading widget, pagina 1100 UNICAMENTE) --- */
body.page-id-1100 .elementor-widget-heading .elementor-heading-title {
  font-family: var(--csd-serif);
  color: var(--csd-navy);
}
/* Hero band real para la seccion de titulo de /blog/ (id de elemento especifico, sin tocar contenido) */
body.page-id-1100 .elementor-element-21bee6a {
  background: var(--csd-navy) !important;
  padding: 72px 0 48px !important;
}
body.page-id-1100 .elementor-element-21bee6a .elementor-heading-title {
  color: #FFFFFF !important;
  font-size: clamp(30px, 3.8vw, 46px);
}

/* --- Grid de tarjetas: listado /blog/ (pagina 1100) y "mas articulos" al pie de cada articulo (single-post) --- */
body.page-id-1100 .elementor-posts--skin-cards .elementor-post__card,
body.single-post .elementor-posts--skin-cards .elementor-post__card {
  border: 1px solid var(--csd-border);
  border-radius: 2px;
  box-shadow: var(--csd-shadow-card);
  background: var(--csd-white);
  overflow: hidden;
  transition: box-shadow .2s ease;
}
body.page-id-1100 .elementor-posts--skin-cards .elementor-post__card:hover,
body.single-post .elementor-posts--skin-cards .elementor-post__card:hover {
  box-shadow: 0 6px 22px rgba(0,0,0,.16);
}
body.page-id-1100 .elementor-post__title, body.page-id-1100 .elementor-post__title a,
body.single-post .elementor-post__title, body.single-post .elementor-post__title a {
  font-family: var(--csd-serif) !important;
  color: var(--csd-navy) !important;
}
body.page-id-1100 .elementor-post__meta-data,
body.single-post .elementor-post__meta-data {
  color: var(--csd-muted) !important;
  font-size: 12px;
}
body.page-id-1100 .elementor-post__badge,
body.single-post .elementor-post__badge {
  background: var(--csd-gold) !important;
  color: var(--csd-navy) !important;
}
body.page-id-1100 .elementor-post__read-more,
body.single-post .elementor-post__read-more {
  color: var(--csd-gold) !important;
  font-weight: 600;
}
body.page-id-1100 .elementor-post__excerpt p,
body.single-post .elementor-post__excerpt p { color: var(--csd-text); }

/* --- Encabezados de sub-secciones dentro del listado/articulo (ej. "Vive Argentina", "Mas articulos") --- */
body.page-id-1100 .elementor-widget-heading .elementor-heading-title,
body.single-post .elementor-widget-heading .elementor-heading-title {
  font-family: var(--csd-serif);
  color: var(--csd-navy);
}

/* --- Titulo de articulo individual (widget theme-post-title, plantilla 1041 -- scope propio, exclusivo) --- */
.elementor-widget-theme-post-title {
  background: var(--csd-navy);
  padding: 56px var(--csd-pad-desktop) 40px;
  margin-bottom: 0 !important;
}
.elementor-widget-theme-post-title h1,
.elementor-widget-theme-post-title .elementor-heading-title {
  font-family: var(--csd-serif);
  color: #FFFFFF;
  font-size: clamp(28px, 3.6vw, 44px);
  text-align: center;
  max-width: var(--csd-content-max);
  margin: 0 auto;
}

/* --- Cuerpo del articulo (widget theme-post-content, contenido real -- scope propio, exclusivo) --- */
.elementor-widget-theme-post-content {
  max-width: var(--csd-editorial-max);
  margin: 0 auto;
  padding: var(--csd-space-2xl) var(--csd-pad-desktop);
}
.elementor-widget-theme-post-content h2 { font-family: var(--csd-serif); color: var(--csd-navy); }
.elementor-widget-theme-post-content h3 { font-family: var(--csd-serif); color: var(--csd-navy); }
.elementor-widget-theme-post-content p { font-size: 17px; line-height: 1.7; color: var(--csd-text); }
.elementor-widget-theme-post-content a { color: var(--csd-gold); }
.elementor-widget-theme-post-content img { border-radius: 2px; max-width: 100%; height: auto; }

@media (max-width: 760px) {
  .elementor-widget-theme-post-title { padding: 40px var(--csd-pad-mobile) 28px; }
  .elementor-widget-theme-post-content { padding: var(--csd-space-l) var(--csd-pad-mobile); }
  body.page-id-1100 .elementor-posts--skin-cards,
  body.single-post .elementor-posts--skin-cards { overflow-x: hidden; }
}