/* ============================================================
   HD-EDITORIAL.CSS — HiperDiario × El País × BBC
   Se carga DESPUÉS de hd-mobile-2026.css
   Solo afecta móvil (max-width: 768px)
   Versión 1.0 — junio 2026
   ============================================================ */

/* ── TOKENS ─────────────────────────────────────────────────── */
:root {
  --hd-red:       #C1121F;
  --hd-red-dark:  #8B0D16;
  --hd-black:     #111111;
  --hd-ink:       #1A1A1A;
  --hd-steel:     #374151;
  --hd-mist:      #6B7280;
  --hd-rule:      #E5E7EB;
  --hd-surface:   #F9FAFB;
  --hd-white:     #FFFFFF;
  --hd-amber:     #D97706;
  --font-serif:   Georgia, 'Times New Roman', serif;
  --font-sans:    Arial, system-ui, sans-serif;
}

/* ── FUENTES DISPLAY ─────────────────────────────────────────── */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700;900&family=Roboto+Condensed:wght@600;700&display=swap');

/* ============================================================
   HEADER MÓVIL — negro editorial
   ============================================================ */
@media (max-width: 768px) {

  /* Fondo negro en toda la cabecera */
  header,
  .site-header,
  #masthead,
  nav.navbar,
  .navbar {
    background: var(--hd-black) !important;
    border-bottom: none !important;
    box-shadow: none !important;
  }

  /* Logo en blanco */
  header .navbar-brand,
  header .site-title,
  header .logo a,
  header a.brand {
    color: var(--hd-white) !important;
    font-family: 'Playfair Display', var(--font-serif) !important;
    font-size: 20px !important;
    font-weight: 900 !important;
    letter-spacing: -0.5px !important;
  }

  /* Ícono hamburguesa blanco */
  header .navbar-toggler,
  header .navbar-toggler span,
  header button[data-toggle="collapse"] {
    color: var(--hd-white) !important;
    border-color: rgba(255,255,255,0.3) !important;
  }

  header .navbar-toggler-icon {
    filter: invert(1) !important;
  }

  /* Menú desplegable oscuro */
  header .navbar-collapse,
  header .dropdown-menu,
  .navbar-nav .dropdown-menu {
    background: #1a1a1a !important;
    border: none !important;
  }

  header .navbar-nav .nav-link,
  header .navbar-nav > li > a {
    color: rgba(255,255,255,0.85) !important;
    font-family: 'Roboto Condensed', var(--font-sans) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    padding: 10px 20px !important;
    border-bottom: 1px solid rgba(255,255,255,0.07) !important;
    text-transform: capitalize !important;
  }

  header .navbar-nav .nav-link:hover,
  header .navbar-nav > li > a:hover {
    color: var(--hd-white) !important;
    background: rgba(193,18,31,0.15) !important;
  }

}

/* ============================================================
   BREAKING NEWS / TICKER
   ============================================================ */
@media (max-width: 768px) {

  /* Si existe un ticker o barra de últimas noticias */
  .ticker-wrap,
  .breaking-news,
  .latest-news-bar,
  .mg-latest-news-sec {
    background: var(--hd-red) !important;
    margin: 0 !important;
  }

  .ticker-wrap .ticker-label,
  .breaking-news .label,
  .mg-latest-news .bn_title {
    background: var(--hd-red-dark) !important;
    font-family: 'Roboto Condensed', var(--font-sans) !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
    color: var(--hd-white) !important;
  }

  .ticker-wrap a,
  .breaking-news a,
  .mg-latest-news .mg-latest-news-slider a {
    color: var(--hd-white) !important;
    font-family: 'Roboto Condensed', var(--font-sans) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
  }

}

/* ============================================================
   TARJETAS — categoría en ROJO (reemplaza azul #003c7d)
   ============================================================ */
@media (max-width: 768px) {

  /* Badge de categoría — rojo editorial */
  .recent-news .post h4.category a,
  .post h4.category a,
  .card .category a,
  .entry-category a,
  .post-category a {
    background: var(--hd-red) !important;
    color: var(--hd-white) !important;
    font-family: 'Roboto Condensed', var(--font-sans) !important;
    font-size: 9px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.07em !important;
    padding: 3px 8px !important;
    border-radius: 2px !important;
  }

  /* Títulos de noticias — serif más elegante */
  .recent-news .post .content h2,
  .recent-news .post .content h2 a,
  .post .content h2,
  .post .content h2 a {
    font-family: 'Playfair Display', var(--font-serif) !important;
    font-size: 1.1rem !important;
    line-height: 1.28 !important;
    font-weight: 700 !important;
    letter-spacing: -0.01em !important;
  }

  /* Fecha / metadatos */
  .recent-news .post .content .date,
  .recent-news .post .content span,
  .post .content .date,
  .post-meta,
  .entry-date {
    font-family: 'Roboto Condensed', var(--font-sans) !important;
    font-size: 10px !important;
    letter-spacing: 0.04em !important;
    color: rgba(255,255,255,0.7) !important;
  }

  /* Títulos de sección — línea roja */
  h3.section-title,
  .section-title,
  h2.section-title,
  .widget-title,
  .block-title {
    font-family: 'Roboto Condensed', var(--font-sans) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
    border-bottom: none !important;
    border-left: 3px solid var(--hd-red) !important;
    padding: 0 0 0 10px !important;
    margin: 20px 0 12px !important;
    color: var(--hd-ink) !important;
  }

}

/* ============================================================
   TARJETAS HORIZONTALES (imagen derecha, texto izquierda)
   Para listas de noticias secundarias
   ============================================================ */
@media (max-width: 768px) {

  /* Si existen tarjetas con clase .post-list o similar */
  .post-list .post,
  .sidebar-posts .post,
  .related-posts .post {
    display: flex !important;
    flex-direction: row !important;
    gap: 12px !important;
    align-items: flex-start !important;
    padding: 12px 0 !important;
    border-bottom: 1px solid var(--hd-rule) !important;
    min-height: auto !important;
    position: relative !important;
    border-radius: 0 !important;
    overflow: visible !important;
    background: var(--hd-white) !important;
  }

  .post-list .post figure,
  .sidebar-posts .post figure {
    position: relative !important;
    inset: auto !important;
    width: 90px !important;
    height: 70px !important;
    flex-shrink: 0 !important;
    border-radius: 2px !important;
    overflow: hidden !important;
  }

  .post-list .post figure img,
  .sidebar-posts .post figure img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  .post-list .post .content,
  .sidebar-posts .post .content {
    position: relative !important;
    flex: 1 !important;
    padding: 0 !important;
    background: transparent !important;
  }

  .post-list .post .content h2,
  .sidebar-posts .post .content h2 {
    font-family: 'Playfair Display', var(--font-serif) !important;
    font-size: 13px !important;
    line-height: 1.3 !important;
    color: var(--hd-ink) !important;
    margin-bottom: 4px !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  .post-list .post .content h2 a,
  .sidebar-posts .post .content h2 a {
    color: var(--hd-ink) !important;
  }

  .post-list .post::after,
  .sidebar-posts .post::after {
    display: none !important;
  }

  .post-list .post h4.category,
  .sidebar-posts .post h4.category {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    margin-bottom: 4px !important;
  }

  .post-list .post .content .date,
  .sidebar-posts .post .content .date {
    color: var(--hd-mist) !important;
  }

}

/* ============================================================
   RANKING / MÁS VISTAS
   ============================================================ */
@media (max-width: 768px) {

  .most-viewed .post,
  .popular-posts .post,
  .top-posts .post {
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
    padding: 10px 0 !important;
    border-bottom: 1px solid var(--hd-rule) !important;
    counter-increment: ranking !important;
    min-height: auto !important;
    position: relative !important;
    border-radius: 0 !important;
  }

  /* Número de ranking */
  .most-viewed .post::before,
  .popular-posts .post::before {
    content: counter(ranking) !important;
    font-family: 'Playfair Display', var(--font-serif) !important;
    font-size: 28px !important;
    font-weight: 900 !important;
    color: var(--hd-rule) !important;
    line-height: 1 !important;
    min-width: 28px !important;
    flex-shrink: 0 !important;
  }

  .most-viewed,
  .popular-posts {
    counter-reset: ranking !important;
  }

  .most-viewed .post figure,
  .popular-posts .post figure {
    display: none !important;
  }

  .most-viewed .post::after,
  .popular-posts .post::after {
    display: none !important;
  }

  .most-viewed .post .content,
  .popular-posts .post .content {
    position: relative !important;
    padding: 0 !important;
    background: transparent !important;
  }

  .most-viewed .post .content h2,
  .popular-posts .post .content h2 {
    font-family: 'Playfair Display', var(--font-serif) !important;
    font-size: 13px !important;
    color: var(--hd-ink) !important;
    line-height: 1.3 !important;
  }

  .most-viewed .post .content h2 a,
  .popular-posts .post .content h2 a {
    color: var(--hd-ink) !important;
  }

}

/* ============================================================
   BOTTOM NAVIGATION
   ============================================================ */
@media (max-width: 768px) {

  /* Espacio para que el contenido no quede detrás */
  body { padding-bottom: 60px !important; }

  /* El nav se inyecta via PHP o ya existe en el tema */
  .hd-bottom-nav {
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    background: var(--hd-white) !important;
    border-top: 1px solid var(--hd-rule) !important;
    display: grid !important;
    grid-template-columns: repeat(5, 1fr) !important;
    z-index: 9999 !important;
    padding-bottom: env(safe-area-inset-bottom) !important;
  }

  .hd-nav-item {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 8px 0 6px !important;
    gap: 3px !important;
    color: var(--hd-mist) !important;
    text-decoration: none !important;
    -webkit-tap-highlight-color: transparent !important;
  }

  .hd-nav-item.active,
  .hd-nav-item:hover {
    color: var(--hd-red) !important;
  }

  .hd-nav-item svg {
    width: 22px !important;
    height: 22px !important;
  }

  .hd-nav-label {
    font-family: 'Roboto Condensed', var(--font-sans) !important;
    font-size: 9px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
  }

}

/* ============================================================
   ANUNCIOS — etiquetados
   ============================================================ */
@media (max-width: 768px) {

  .hd-ad-wrap {
    background: var(--hd-surface) !important;
    border-top: 0.5px solid var(--hd-rule) !important;
    border-bottom: 0.5px solid var(--hd-rule) !important;
    padding: 4px 0 8px !important;
    text-align: center !important;
    margin: 8px 0 !important;
  }

  .hd-ad-label {
    display: block !important;
    font-family: var(--font-sans) !important;
    font-size: 9px !important;
    color: var(--hd-mist) !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    margin-bottom: 4px !important;
  }

}

/* ============================================================
   ARTÍCULO INDIVIDUAL
   ============================================================ */
@media (max-width: 768px) {

  /* Título del artículo */
  .single .entry-title,
  .single h1.post-title,
  article h1 {
    font-family: 'Playfair Display', var(--font-serif) !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: -0.02em !important;
    color: var(--hd-ink) !important;
    margin-bottom: 12px !important;
  }

  /* Cuerpo del artículo */
  .single .entry-content p,
  article .content p {
    font-family: var(--font-serif) !important;
    font-size: 16px !important;
    line-height: 1.75 !important;
    color: var(--hd-steel) !important;
    margin-bottom: 1.2rem !important;
  }

  /* Metadatos del artículo */
  .single .entry-meta,
  .post-meta,
  article .meta {
    font-family: 'Roboto Condensed', var(--font-sans) !important;
    font-size: 11px !important;
    color: var(--hd-mist) !important;
    border-bottom: 1px solid var(--hd-rule) !important;
    padding-bottom: 10px !important;
    margin-bottom: 16px !important;
  }

}

/* ============================================================
   SELECCIÓN DE TEXTO
   ============================================================ */
::selection {
  background: var(--hd-red);
  color: var(--hd-white);
}

/* ============================================================
   PAGINACIÓN
   ============================================================ */
@media (max-width: 768px) {

  .pagination .page-numbers.current,
  .pagination .page-numbers:hover {
    background: var(--hd-red) !important;
    border-color: var(--hd-red) !important;
    color: var(--hd-white) !important;
  }

}<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:media="http://search.yahoo.com/mrss/" 
	>
<channel>
	<title>
	Comentarios en: Milan Kundera y su obra maestra “La insoportable levedad del ser”	</title>
	<atom:link href="https://hiperdiario.com.mx/cultura/milan-kundera-y-su-obra-maestra-la-insoportable-levedad-del-ser/feed/" rel="self" type="application/rss+xml" />
	<link>https://hiperdiario.com.mx/cultura/milan-kundera-y-su-obra-maestra-la-insoportable-levedad-del-ser/</link>
	<description>Periódico de Noticias Digitales de Durango y México así como el clima, reality shows, Youtube y Facebook y Tik tok</description>
	<lastBuildDate>Wed, 12 Jul 2023 16:11:54 +0000</lastBuildDate>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.0</generator>
</channel>
</rss>