@import url('https://fonts-api.wp.com/css?family=Lora:400,400i,700,700i&display=swap');
/* Desarticulista - Custom CSS */

/* Hide Jetpack "Like this:" label */
.sd-content .sd-title,
.sharedaddy .sd-title { visibility: hidden; height: 0; margin: 0; }

/* Translate "Related" Jetpack header */
.jp-related-posts-i2__heading { font-size: 0 !important; }
.jp-related-posts-i2__heading::before { content: "Relacionados"; font-size: 16px; font-weight: 700; }

/* Hide empty sections */
.section56:empty, [class*="section"]:empty { display: none; }

/* DON'T MISS bar - hide */
#jp-notification-bar, .jp-notifications-bar, .foxnote { display: none !important; }

/* Source attribution for RSS content */
.entry-content p em { 
  display: block;
  font-size: 0.85em;
  color: #777;
  margin-top: 12px;
}

/* Article improvements */
.entry-content { font-size: 1.05em; line-height: 1.7; }

/* Tags */
.tagcloud a, .tags-links a { 
  border: 1px solid #ddd; 
  padding: 2px 8px; 
  border-radius: 3px; 
  font-size: 0.85em;
}

/* Related Posts heading */
.fox-related .section-title,
.related-posts-title,
[class*="related"] h2,
[class*="related"] h3 { font-size: 1em; text-transform: uppercase; letter-spacing: 1px; }

/* Hide DON'T MISS floating notification */
.foxbox--notification { display: none !important; }

/* SIGN UP button Spanish */
.mc4wp-form input[type="submit"] { }

/* ===== DESARTICULISTA - ESTILOS PERSONALIZADOS ===== */

/* Ocultar secciones vacías de video */
.section-video:empty { display: none; }

/* Mejorar legibilidad de artículos */
.entry-content p {
  line-height: 1.8;
  font-size: 1.05em;
}

/* Estilo sobrio para categorías en artículos */
.cat-links a {
  text-transform: uppercase;
  font-size: 0.75em;
  letter-spacing: 0.1em;
  font-weight: 600;
}

/* Newsletter - estilo limpio */
.wi-newsletter-form .newsletter-title {
  font-size: 1.4em;
  font-weight: 700;
}

/* Footer mejorado */
.site-footer {
  border-top: 3px solid #c0392b;
}

/* Reducir padding en móvil */
@media (max-width: 768px) {
  .entry-content {
    padding: 0 15px;
  }
}

/* Ocultar tags del tema demo que puedan quedar */
.tag-health,
.tag-science,
.tag-politics,
.tag-technology {
  display: none;
}

/* Mejorar visibilidad del tiempo de lectura */
.post-meta .reading-time {
  font-style: italic;
  color: #666;
}

/* Separador en footer */
.footer-bottom {
  border-top: 1px solid rgba(255,255,255,0.1);
  padding-top: 15px;
}


/* Hide demo Topics flyout in header */
.header56__flyout, 
[class*="flyout"],
[class*="topics-menu"],
#nav_menu-3, #nav_menu-4, #nav_menu-5, #nav_menu-6, #nav_menu-7, #nav_menu-8 { 
  display: none !important; 
}

/* Hide the header bottom bar Topics section */
.header_bottom56 .header_topics,
.header56__topics {
  display: none !important;
}

/* TOP AUTHORS → Authors header text */
.widgettitle { text-transform: uppercase; letter-spacing: 1px; }



/* === Jetpack English text fixes === */

/* Ocultar bloque Jetpack Subscriptions (Discover more / Subscribe now / Continue reading) */
.wp-block-jetpack-subscriptions,
.wp-block-jetpack-subscription-form,
.jetpack-free-plan-only-site,
.jetpack_subscription_widget { display: none !important; }

/* Traducir "Share this:" en botones de compartir */
.sharedaddy .sd-title { visibility: hidden !important; height: 0 !important; overflow: hidden !important; }
.sd-sharing-enabled .sd-title::before { content: "Compartir:" !important; visibility: visible !important; display: block !important; font-size: inherit; font-weight: bold; }

/* Ocultar "Like this:" - backup */
.sd-like-enabled .sd-title { display: none !important; }

/* Fix Related Posts heading - correct selector */
.jp-relatedposts-headline { font-size: 0 !important; }
.jp-relatedposts-headline em { font-size: 0 !important; }
.jp-relatedposts-headline::before { content: "También puede interesarte"; font-size: 16px !important; font-style: normal; font-weight: bold; }

/* Fix Jetpack Related Posts heading */
.jp-relatedposts-headline { font-size: 0 !important; }
.jp-relatedposts-headline em { font-size: 0 !important; display: inline; }
.jp-relatedposts-headline::before { content: "También puede interesarte"; font-size: 16px !important; font-style: normal; font-weight: bold; display: block; }

/* Negritas reales en el cuerpo (el tema solo cargaba Lora 400 y el navegador fingia la negrita) */
.entry-content strong, .entry-content b,
.post-content strong, .post-content b,
.entry-content h1, .entry-content h2, .entry-content h3,
.post-content h1, .post-content h2, .post-content h3 { font-weight: 700; }


/* ===== Espacio publicitario de primera plana (18/09/2026, acotado 22/09/2026) =====
   Ocupa el hueco que deja la nota principal cuando la columna izquierda
   se estira para igualar la columna de tres notas de la derecha.
   OJO: va acotado al bloque superior (legacy-667161bcc4779). Sin ese prefijo
   el selector alcanza tambien a Politica y Tecnologia, que usan la misma
   estructura, y ahi asoma una franja del banner.
   Ancho fijo 726 px, alto variable 200-320 px. Arte a 1452x640, zona segura y=150 a y=485. */
.legacy-667161bcc4779 .row56__col--big > .blog56--grid > article.post56--grid { display: flex; flex-direction: column; }
.legacy-667161bcc4779 .row56__col--big > .blog56--grid > article.post56--grid > .thumbnail56,
.legacy-667161bcc4779 .row56__col--big > .blog56--grid > article.post56--grid > .post56__text { flex: 0 0 auto; }
.legacy-667161bcc4779 .row56__col--big > .blog56--grid > article.post56--grid::after,
.legacy-667161bcc4779 .row56__col--big > .blog56--grid > article.post56--grid > .ad56 {
  content: "";
  display: block;
  flex: 1 1 auto;
  min-height: 0;
  margin-top: 16px;
  background: #0a0a0a url("https://desarticulista.com/wp-content/uploads/2026/09/banner-portada-desarticulista-1452x640-1.png") center center / cover no-repeat;
}
/* cuando el snippet del pie inserta el enlace real, se apaga el pseudoelemento */
.legacy-667161bcc4779 .row56__col--big > .blog56--grid > article.post56--grid.has-ad56::after { display: none; }
/* en celular las columnas se apilan y no sobra espacio: alto fijo 726x240 */
@media (max-width: 767px) {
  .legacy-667161bcc4779 .row56__col--big > .blog56--grid > article.post56--grid::after,
  .legacy-667161bcc4779 .row56__col--big > .blog56--grid > article.post56--grid > .ad56 {
    flex: 0 0 auto;
    aspect-ratio: 726 / 240;
    min-height: 80px;
  }
}

/* ===== Anuncio del bloque final "Lo ultimo de Desarticulista" (22/09/2026) =====
   La rejilla de 4 columnas muestra 10 notas: sobran dos celdas en la ultima fila.
   El anuncio ocupa esas dos celdas: 599x283 px. Arte a 1200x566.
   No agrega fila ni cambia la altura de la rejilla. */
.legacy-667161bcc4e83 .blog56--grid::after,
.legacy-667161bcc4e83 .blog56--grid > .ad56b {
  content: "";
  display: block;
  grid-column: span 2;
  min-width: 0;
  background: #0a0a0a url("https://desarticulista.com/wp-content/uploads/2026/09/banner-bloque-final-hechos-y-cifras-1200x566-1.png") center center / cover no-repeat;
}
.legacy-667161bcc4e83 .blog56--grid.has-ad56b::after { display: none; }
/* en tableta y celular la rejilla se reacomoda y el anuncio necesita alto propio */
@media (max-width: 1023px) {
  .legacy-667161bcc4e83 .blog56--grid::after,
  .legacy-667161bcc4e83 .blog56--grid > .ad56b { aspect-ratio: 599 / 283; }
}
@media (max-width: 767px) {
  .legacy-667161bcc4e83 .blog56--grid::after,
  .legacy-667161bcc4e83 .blog56--grid > .ad56b { grid-column: span 1; }
}