/* ============================================================
   Por La Calle Del Medio — Brand CSS (Dirección A · Editorial moderno)
   Tokens + estilos base de componentes para el plugin WordPress/Divi.
   Encolar desde class-pcm-assets.php. Las clases usan el prefijo .pcm-
   para no colisionar con Divi.
   ============================================================ */

/* ---- Fuente ---- */
/* Encolar Libre Franklin (Google Fonts o local). Pesos: 400 500 600 700 800 */
/* @import opcional si no se encola por wp_enqueue_style:
   @import url('https://fonts.googleapis.com/css2?family=Libre+Franklin:wght@400;500;600;700;800&display=swap'); */

:root{
  /* Colores */
  --pcm-black:#15140F;
  --pcm-black-footer:#131310;
  --pcm-amber:#F4B400;        /* configurable por el cliente */
  --pcm-white:#FFFFFF;
  --pcm-cream:#FAFAF7;
  --pcm-cream-2:#F4F3EE;
  --pcm-text:#54524A;
  --pcm-text-2:#6E6C63;
  --pcm-muted:#8A887E;
  --pcm-border:#E6E4DE;
  --pcm-divider:#EFEEE9;
  --pcm-border-dark:#2C2A24;
  --pcm-footer-text:#A7A49B;
  --pcm-footer-link:#D9D7CF;
  --pcm-footer-muted:#6E6C63;   /* (faltaba en el bundle: usado por .pcm-footer__copy) */
  --pcm-text-2:#6E6C63;
  --pcm-cream-2:#F4F3EE;
  --pcm-border-dark:#2C2A24;

  /* Tipografía */
  --pcm-font:'Libre Franklin', system-ui, -apple-system, sans-serif;

  /* Espaciado */
  --pcm-pad-x:44px;
  --pcm-pad-x-mobile:18px;
  --pcm-content:1200px;
  --pcm-sidebar:312px;
  --pcm-gap:30px;

  /* Radios */
  --pcm-r-img:3px;
  --pcm-r-card:4px;
  --pcm-r-pill:100px;
}

/* ---- Base ---- */
.pcm-root,.pcm-root *,.pcm-root *::before,.pcm-root *::after{box-sizing:border-box}
.pcm-root{font-family:var(--pcm-font);color:var(--pcm-black);-webkit-font-smoothing:antialiased}
.pcm-root img{max-width:100%;height:auto}
.pcm-root a{color:inherit;text-decoration:none}
.pcm-wrap{max-width:var(--pcm-content);margin:0 auto;padding-left:var(--pcm-pad-x);padding-right:var(--pcm-pad-x)}

/* ---- Etiqueta de categoría (barra ámbar + texto) ---- */
.pcm-eyebrow{display:flex;align-items:center;gap:8px;margin-bottom:10px}
.pcm-eyebrow__bar{width:16px;height:2px;background:var(--pcm-amber);flex:none}
.pcm-eyebrow__bar--lg{width:26px;height:3px}
.pcm-eyebrow__txt{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--pcm-black)}

/* ---- Títulos ---- */
.pcm-h1{font-size:38px;line-height:1.08;font-weight:800;letter-spacing:-.02em;margin:0 0 18px;text-wrap:balance}
.pcm-section-title{font-size:25px;font-weight:800;letter-spacing:-.01em;margin:0}
.pcm-card__title{font-size:18px;line-height:1.26;font-weight:700;margin:0 0 8px}
.pcm-feature__title{font-size:26px;line-height:1.16;font-weight:800;letter-spacing:-.015em;margin:0 0 10px;text-wrap:balance}

/* ---- Cuerpo / meta ---- */
.pcm-excerpt{font-size:16px;line-height:1.6;color:var(--pcm-text);margin:0 0 12px}
.pcm-meta{font-size:12px;font-weight:500;color:var(--pcm-muted)}

/* ---- Imagen / placeholder ---- */
.pcm-img{display:block;border-radius:var(--pcm-r-img);overflow:hidden;background:#ECEBE5}
.pcm-img--16-10{aspect-ratio:16/10}
.pcm-img--4-3{aspect-ratio:4/3}
.pcm-img--16-9{aspect-ratio:16/9}
.pcm-img--1-1{aspect-ratio:1/1}
.pcm-img img{width:100%;height:100%;object-fit:cover;display:block}

/* ---- Tarjeta ---- */
.pcm-card{display:block}
.pcm-card .pcm-img{margin-bottom:13px}
.pcm-card:hover .pcm-card__title{text-decoration:underline;text-decoration-color:var(--pcm-amber);text-underline-offset:3px}

/* ---- Encabezado de sección (con barra y borde inferior) ---- */
.pcm-sechead{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:14px;border-bottom:2px solid var(--pcm-black)}
.pcm-sechead__left{display:flex;align-items:center;gap:11px}
.pcm-sechead__bar{width:8px;height:25px;background:var(--pcm-amber)}
.pcm-sechead__link{font-size:13px;font-weight:600;color:var(--pcm-black)}

/* ---- Grillas ---- */
.pcm-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--pcm-gap)}
.pcm-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:28px var(--pcm-gap)}
.pcm-body{display:grid;grid-template-columns:1fr var(--pcm-sidebar);gap:40px}

/* ---- Destacada de archivo ---- */
.pcm-feature{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:center;padding-bottom:30px;margin-bottom:30px;border-bottom:2px solid var(--pcm-black)}

/* ---- Lo más leído ---- */
.pcm-mostread{border:1px solid var(--pcm-border);border-radius:var(--pcm-r-card);padding:18px 16px}
.pcm-mostread__item{display:flex;gap:13px;align-items:flex-start;padding:12px 0;border-top:1px solid var(--pcm-divider)}
.pcm-mostread__n{font-size:22px;line-height:.9;font-weight:800;color:var(--pcm-amber);min-width:22px}

/* ---- Tendencias ---- */
.pcm-trending{background:var(--pcm-panel);border-top:1px solid var(--pcm-border)}
.pcm-trending__n{font-size:30px;line-height:.9;font-weight:800;color:var(--pcm-amber)}

/* ---- Banner publicidad ---- */
.pcm-ad{border:1px solid var(--pcm-border);border-radius:var(--pcm-r-card);position:relative;display:flex;align-items:center;justify-content:center;background:#FAFAF7}
.pcm-ad__label{position:absolute;top:8px;left:12px;font:600 9px ui-monospace,monospace;letter-spacing:.1em;color:#A9A79C}

/* ---- Píldora de Tag ---- */
.pcm-tagpill{display:inline-flex;align-items:center;background:var(--pcm-black);color:#fff;padding:10px 18px;border-radius:var(--pcm-r-pill);font-size:26px;font-weight:700;letter-spacing:-.01em}
.pcm-root a.pcm-tagpill{color:#fff}
.pcm-tagpill__hash{color:var(--pcm-amber)}

/* ---- Cabecera de autor ---- */
.pcm-author{background:var(--pcm-cream)}
.pcm-author__avatar{width:96px;height:96px;border-radius:50%;border:2px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.1);object-fit:cover}

/* ---- Footer ---- */
.pcm-footer{background:var(--pcm-black-footer);color:#fff}
.pcm-footer__cols{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px;padding-bottom:32px;border-bottom:1px solid var(--pcm-border-dark)}
.pcm-footer__link{font-size:14px;font-weight:500;color:var(--pcm-footer-link)}
.pcm-footer__copy{padding-top:20px;font-size:12px;font-weight:500;color:var(--pcm-footer-muted);text-align:center}

/* ---- Scroll infinito ---- */

/* ============================================================
   Responsive
   ============================================================ */
@media (max-width:980px){
  .pcm-grid-3{grid-template-columns:1fr 1fr}
  .pcm-body{grid-template-columns:1fr}
}
@media (max-width:767px){
  .pcm-wrap{padding-left:var(--pcm-pad-x-mobile);padding-right:var(--pcm-pad-x-mobile)}
  .pcm-grid-3,.pcm-grid-2{grid-template-columns:1fr}
  .pcm-h1{font-size:25px}
  .pcm-feature{grid-template-columns:1fr}
  /* Tarjetas en lista horizontal (imagen a la izquierda) */
  .pcm-card--mobile-row{display:flex;gap:14px;align-items:flex-start}
  .pcm-card--mobile-row .pcm-img{width:118px;flex:none;aspect-ratio:1/1;margin-bottom:0}
}

/* ============================================================
   Componentes adicionales (layouts que faltaban en el bundle base)
   Necesarios para el render de los módulos del plugin.
   ============================================================ */

/* ---- Placeholder rayado (post sin imagen destacada) ---- */
.pcm-img__ph{display:block;width:100%;height:100%;
  background:repeating-linear-gradient(135deg,#ECEBE5 0 10px,#E3E1DA 10px 20px)}

/* ---- Cuerpo de la tarjeta (wrapper de texto) ---- */
.pcm-card__body{display:block}

/* ---- Hero (home) ---- */
.pcm-hero{display:grid;grid-template-columns:1.02fr 1.18fr;gap:42px;align-items:center}
.pcm-hero__media .pcm-img{margin:0}
.pcm-hero-wrap{padding-top:34px;padding-bottom:34px}

/* ---- Sección con grilla ---- */
.pcm-section{padding-top:30px;padding-bottom:30px}
.pcm-section + .pcm-section{padding-top:0}

/* ---- Tendencias (grid de items numerados) ---- */
.pcm-trending{padding:34px 0}
.pcm-trending__grid{margin-top:4px}
.pcm-trending__item{display:flex;gap:14px;align-items:flex-start}
.pcm-trending__txt{display:block}

/* ---- Lo más leído (título) ---- */
.pcm-mostread__title{font-size:18px;margin:0 0 4px}
.pcm-mostread__item:first-of-type{border-top:none}

/* ---- Banner publicidad: reserva de alto (anti-CLS) ---- */
.pcm-ad-wrap{display:flex;justify-content:center;padding:10px 0}
.pcm-ad{width:var(--pcm-ad-w,970px);height:var(--pcm-ad-h,90px);max-width:100%}
@media (max-width:767px){
  .pcm-ad{width:var(--pcm-ad-mw,300px);height:var(--pcm-ad-mh,250px)}
  .pcm-ad--hide-mobile{display:none}
}

/* ---- Cabecera de archivo (categoría / tag) ---- */
.pcm-archhead{padding-top:30px;padding-bottom:22px;border-bottom:1px solid var(--pcm-border)}
.pcm-breadcrumb{font-size:13px;color:var(--pcm-muted);margin-bottom:14px}
.pcm-breadcrumb__cur{color:var(--pcm-black);font-weight:600}
.pcm-archhead__title{display:flex;align-items:center;gap:16px;font-size:46px}
.pcm-archhead__bar{width:8px;height:.82em;background:var(--pcm-amber);flex:none;border-radius:1px}
.pcm-archhead__desc{max-width:62ch;font-size:17px;margin:0 0 12px}
.pcm-archhead__count{font-size:13px;font-weight:600;color:var(--pcm-muted)}
.pcm-archhead__eyebrow{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;color:var(--pcm-muted);margin-bottom:12px}
.pcm-archhead__eyebrow--amber{color:var(--pcm-amber)}
.pcm-tagpill{margin-bottom:14px}
.pcm-archhead__desc + .pcm-archhead__count{display:block;margin-top:2px}

/* ---- Cabecera de autor (fondo crema) ---- */
.pcm-author{padding:34px 0;border-bottom:1px solid var(--pcm-border)}
.pcm-author__inner{display:flex;gap:24px;align-items:flex-start}
.pcm-author__name{font-size:34px;margin:0 0 6px}
.pcm-author__role{font-size:14px;font-weight:600;color:var(--pcm-text);margin:0 0 12px}
.pcm-author__bio{max-width:60ch;font-size:15px;margin:0 0 14px}
.pcm-author__foot{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.pcm-author__socials{display:inline-flex;gap:8px}
.pcm-author__social{width:30px;height:30px;border-radius:50%;border:1px solid #D8D6CE;
  display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}

/* ---- Layout main + sidebar de archivo ---- */
.pcm-archive{padding-top:26px;padding-bottom:40px}
.pcm-archive__sidebar > * + *{margin-top:24px}
.pcm-sidebar-sticky{position:sticky;top:24px}

/* ---- "Cargar más" (fallback sin IO / noscript) ---- */
.pcm-loadmore{display:inline-block;margin-top:14px;padding:11px 22px;border:1px solid var(--pcm-black);
  border-radius:var(--pcm-r-pill);font-size:14px;font-weight:600;color:var(--pcm-black);
  background:#fff;cursor:pointer}
.pcm-loadmore:hover{background:var(--pcm-black);color:#fff}

/* ============================================================
   Responsive de los componentes adicionales
   ============================================================ */
@media (max-width:980px){
  .pcm-hero{grid-template-columns:1fr;gap:18px}
  .pcm-trending__grid{grid-template-columns:1fr 1fr}
}
@media (max-width:767px){
  .pcm-archhead__title{font-size:32px}
  .pcm-author__inner{flex-direction:column;align-items:center;text-align:center}
  .pcm-author__foot{justify-content:center}
  .pcm-trending__grid{grid-template-columns:1fr}
}

/* ============================================================
   Nota individual (single post) — plantilla templates/single.php
   ============================================================ */
.pcm-single__header{padding-top:30px;padding-bottom:22px}
.pcm-single__title{font-size:40px;margin:10px 0 14px}
.pcm-single__excerpt{max-width:68ch;font-size:18px;margin:0 0 14px}
.pcm-single__media{margin-top:34px;margin-bottom:40px}
.pcm-single__media .pcm-img{border-radius:6px;overflow:hidden}
.pcm-single__body-wrap{padding-top:6px;padding-bottom:72px}
.pcm-single__main{max-width:100%;min-width:0}
.pcm-meta__author{font-weight:600;text-decoration:underline;text-decoration-color:transparent;transition:text-decoration-color .15s}
.pcm-meta__author:hover{text-decoration-color:currentColor}

/* ---- Tipografía del cuerpo de la nota ---- */
.pcm-single__content{font-size:18px;line-height:1.8;max-width:70ch;color:var(--pcm-text)}
.pcm-single__content > *:first-child{margin-top:0}
.pcm-single__content p{margin:0 0 22px}
.pcm-single__content h2{
  font-size:26px;line-height:1.3;margin:44px 0 18px;font-weight:800;color:var(--pcm-black);
  padding-bottom:10px;border-bottom:2px solid var(--pcm-border);
}
.pcm-single__content h3{font-size:21px;line-height:1.35;margin:34px 0 14px;font-weight:700;color:var(--pcm-black)}
.pcm-single__content h4{font-size:17px;line-height:1.4;margin:28px 0 10px;font-weight:700;color:var(--pcm-black);
  text-transform:uppercase;letter-spacing:.04em}
.pcm-single__content h2:first-child,
.pcm-single__content h3:first-child{margin-top:0}
.pcm-single__content strong,.pcm-single__content b{color:var(--pcm-black);font-weight:700}
.pcm-single__content a{color:var(--pcm-black);text-decoration:underline;text-decoration-color:var(--pcm-amber);
  text-underline-offset:3px;font-weight:600}

/* ---- Listas: viñetas y numeración visibles con buen espaciado ---- */
.pcm-single__content ul,.pcm-single__content ol{margin:0 0 24px;padding-left:26px}
.pcm-single__content ul{list-style:disc}
.pcm-single__content ol{list-style:decimal}
.pcm-single__content ul ul,.pcm-single__content ol ol,
.pcm-single__content ul ol,.pcm-single__content ol ul{margin:10px 0 0}
.pcm-single__content li{margin-bottom:12px;padding-left:4px}
.pcm-single__content li::marker{color:var(--pcm-amber);font-weight:700}
.pcm-single__content li > p{margin-bottom:8px}

.pcm-single__content blockquote{border-left:3px solid var(--pcm-amber);margin:28px 0;padding:6px 0 6px 20px;
  font-style:italic;font-size:19px;color:var(--pcm-text)}

/* ---- Medios dentro del contenido: nunca desbordan el ancho ---- */
.pcm-single__content img,.pcm-single__content iframe,.pcm-single__content video,.pcm-single__content embed{
  max-width:100%;height:auto;display:block;border-radius:6px;margin:28px 0;
}
.pcm-single__content table{width:100%;max-width:100%;display:block;overflow-x:auto;border-collapse:collapse;margin:0 0 24px}
.pcm-single__content pre{max-width:100%;overflow-x:auto;white-space:pre-wrap;word-break:break-word}
.pcm-single__content > *{max-width:100%}

.pcm-single__tags{display:flex;flex-wrap:wrap;gap:10px;margin:34px 0 8px;max-width:70ch}
.pcm-tagpill--sm{font-size:13px;padding:6px 14px}
.pcm-single__related{margin-top:48px}

@media (max-width:767px){
  .pcm-single__title{font-size:28px}
  .pcm-single__excerpt{font-size:16px}
  .pcm-single__media{margin-top:22px;margin-bottom:26px}
  .pcm-single__content{font-size:16px}
  .pcm-single__content h2{font-size:21px;margin:34px 0 14px}
  .pcm-single__content h3{font-size:18px;margin:26px 0 10px}
  .pcm-single__content h4{font-size:15px;margin:22px 0 8px}
  .pcm-single__content blockquote{font-size:16px;padding-left:14px}
}

/* ============================================================
   v1.3.0 — HOME "Dirección B"
   Hero imagen-arriba + sidebar (Últimas / Publicidad / Lo más
   leído), panel Datazo, Mundo+Política, Tendencias, footer.
   Titulares: Archivo · Cuerpo: Libre Franklin.
   ============================================================ */
:root{
  --pcm-font-head:'Archivo', var(--pcm-font);
  --pcm-panel:#F8F8F5; /* fondo de paneles (Datazo y similares) */
}

.pcm-hb{max-width:1280px;margin:0 auto;background:var(--pcm-white)}
.pcm-hb a{text-decoration:none;color:inherit}

/* ---- Cuerpo principal: main + sidebar ---- */
.pcm-hb__body{display:grid;grid-template-columns:1fr 312px;gap:38px;padding:34px 40px}

/* ---- Imagen con chip de categoría ---- */
.pcm-hb-img{display:block;position:relative;border-radius:3px;overflow:hidden;background:repeating-linear-gradient(135deg,#ECEBE5 0 11px,#F3F2EC 11px 22px)}
.pcm-hb-img img{display:block;width:100%;height:100%;object-fit:cover}
.pcm-hb-img--169{aspect-ratio:16/9}
.pcm-hb-img--1610{aspect-ratio:16/10}
.pcm-hb-chip{position:absolute;top:14px;left:14px;font:700 10px/1 var(--pcm-font-head);letter-spacing:.1em;text-transform:uppercase;padding:5px 10px;border-radius:2px;z-index:1}
.pcm-hb-chip--amber{background:var(--pcm-amber);color:var(--pcm-black)}
.pcm-hb-chip--dark{background:var(--pcm-black);color:#fff;top:10px;left:10px;font-size:9px;padding:4px 8px}

/* ---- Hero ---- */
.pcm-hb-hero{display:block;margin-bottom:30px}
.pcm-root .pcm-hb-hero__title{font:800 32px/1.12 var(--pcm-font-head);letter-spacing:-.01em;color:var(--pcm-black);margin:18px 0 12px;text-wrap:balance}
.pcm-hb-hero__excerpt{font:400 16px/1.6 var(--pcm-font);color:var(--pcm-text);margin:0 0 12px}
.pcm-hb-meta{font:500 12px var(--pcm-font);color:var(--pcm-muted)}
.pcm-root a.pcm-hb-meta__author{color:var(--pcm-muted)}
.pcm-root a.pcm-hb-meta__author:hover{color:var(--pcm-black)}

/* ---- Dúo secundario ---- */
.pcm-hb-duo{display:grid;grid-template-columns:1fr 1fr;gap:26px;padding-top:28px;border-top:1px solid var(--pcm-border)}
.pcm-hb-card{display:block;transition:transform .18s ease}
.pcm-hb-card:hover{transform:translateY(-2px)}
.pcm-root .pcm-hb-card__title{font:700 18px/1.26 var(--pcm-font-head);color:var(--pcm-black);margin:13px 0 7px}

/* ---- Sidebar: cajas ---- */
.pcm-hb-box{border:1px solid var(--pcm-border);border-radius:4px;overflow:hidden;margin-bottom:24px}
.pcm-hb-box__head{background:var(--pcm-black);padding:12px 16px;display:flex;align-items:center;gap:8px}
.pcm-hb-box__tick{width:8px;height:14px;background:var(--pcm-amber)}
.pcm-hb-box__title{font:700 12px var(--pcm-font-head);letter-spacing:.08em;text-transform:uppercase;color:#fff}

/* Últimas */
.pcm-hb-latest{padding:4px 16px}
.pcm-hb-latest__item{display:block;padding:13px 0;border-bottom:1px solid var(--pcm-divider)}
.pcm-hb-latest__item:last-child{border-bottom:0}
.pcm-hb-latest__meta{display:flex;align-items:center;gap:8px;margin-bottom:5px;font:600 11px var(--pcm-font);color:var(--pcm-muted)}
.pcm-hb-latest__dot{font-size:10px;color:var(--pcm-amber)}
.pcm-root .pcm-hb-latest__title{font:600 14px/1.3 var(--pcm-font);color:var(--pcm-black);margin:0}

/* Lo más leído */
.pcm-hb-read{border:1px solid var(--pcm-border);border-radius:4px;padding:18px 16px;margin-bottom:24px}
.pcm-root .pcm-hb-read__head{font:800 14px var(--pcm-font-head);color:var(--pcm-black);margin:0 0 14px}
.pcm-hb-read__item{display:flex;gap:13px;align-items:flex-start;padding:11px 0;border-top:1px solid var(--pcm-divider)}
.pcm-hb-read__n{font:800 22px/0.9 var(--pcm-font-head);color:var(--pcm-amber);min-width:24px}
.pcm-root .pcm-hb-read__title{font:600 14px/1.32 var(--pcm-font);color:var(--pcm-black);margin:0}

/* Publicidad 300×280 del sidebar */
.pcm-hb__side .pcm-ad-wrap{margin-bottom:24px}

/* ---- Encabezado de sección (barra ámbar) ---- */
.pcm-hb-shead{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}
.pcm-hb-shead__left{display:flex;align-items:center;gap:10px}
.pcm-hb-shead__bar{width:8px;height:24px;background:var(--pcm-amber)}
.pcm-root .pcm-hb-shead__title{font:800 24px var(--pcm-font-head);color:var(--pcm-black);margin:0}
.pcm-root a.pcm-hb-shead__all{font:600 13px var(--pcm-font);color:var(--pcm-black)}
.pcm-root a.pcm-hb-shead__all:hover{color:var(--pcm-amber)}

/* ---- Panel Datazo ---- */
.pcm-hb-panel{background:var(--pcm-panel);padding:48px 56px}
.pcm-hb-panel__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.pcm-hb-pcard{display:block;background:#fff;border-radius:4px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.05);transition:transform .18s ease}
.pcm-hb-pcard:hover{transform:translateY(-2px)}
.pcm-hb-pcard__body{display:block;padding:18px 20px 20px}
.pcm-root .pcm-hb-pcard__title{font:700 16px/1.3 var(--pcm-font-head);color:var(--pcm-black);margin:0 0 8px}
.pcm-hb-pcard__excerpt{font:400 13px/1.5 var(--pcm-font);color:var(--pcm-text-2);margin:0 0 9px}

/* ---- Mundo + Política ---- */
.pcm-hb-mp{padding:34px 40px;display:grid;grid-template-columns:1fr 1fr;gap:38px}
.pcm-hb-mp__col{display:block}
.pcm-hb-mp__head{display:flex;align-items:center;gap:9px;margin-bottom:14px;padding-bottom:10px;border-bottom:2px solid var(--pcm-amber)}
.pcm-root .pcm-hb-mp__cat{font:800 19px var(--pcm-font-head);color:var(--pcm-black);margin:0}
.pcm-root .pcm-hb-mp__title{font:700 21px/1.24 var(--pcm-font-head);color:var(--pcm-black);margin:14px 0 9px;text-wrap:balance}
.pcm-hb-mp__excerpt{font:400 14px/1.6 var(--pcm-font);color:var(--pcm-text-2);margin:0}

/* ---- Tendencias ---- */
.pcm-hb-trend{padding:32px 40px 40px;border-top:1px solid var(--pcm-border)}
.pcm-hb-trend__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.pcm-hb-tcard{display:block;border:1px solid var(--pcm-border);border-radius:4px;overflow:hidden;transition:transform .18s ease}
.pcm-hb-tcard:hover{transform:translateY(-2px)}
.pcm-hb-tcard__body{display:block;padding:16px 18px 18px}
.pcm-root .pcm-hb-tcard__title{font:700 15px/1.3 var(--pcm-font-head);color:var(--pcm-black);margin:0 0 6px}

/* ---- Footer ---- */
.pcm-hb-foot{background:var(--pcm-black-footer);color:#fff;padding:44px 40px 26px}
.pcm-hb-foot__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px;padding-bottom:32px;border-bottom:1px solid var(--pcm-border-dark)}
.pcm-hb-foot__logo{display:flex;align-items:center;gap:4px;font:900 22px var(--pcm-font-head);color:#fff;margin-bottom:14px}
.pcm-hb-foot__bars{display:flex;gap:3px}
.pcm-hb-foot__bar{width:5px;height:20px;background:var(--pcm-amber)}
.pcm-hb-foot__about{font:400 13px/1.65 var(--pcm-font);color:var(--pcm-footer-text);margin:0;max-width:30em}
.pcm-hb-foot__label{font:700 11px var(--pcm-font-head);letter-spacing:.12em;text-transform:uppercase;color:var(--pcm-footer-muted);margin-bottom:14px}
.pcm-hb-foot__links{display:flex;flex-direction:column;gap:9px}
.pcm-root .pcm-hb-foot__links a{font:500 14px var(--pcm-font);color:var(--pcm-footer-link)}
.pcm-root .pcm-hb-foot__links a:hover{color:#fff}
.pcm-root a.pcm-hb-foot__mail{font:500 14px var(--pcm-font);color:var(--pcm-amber)}
.pcm-hb-foot__copy{padding-top:20px;font:500 12px var(--pcm-font);color:var(--pcm-footer-muted);text-align:center}

/* ---- Responsive Home B ---- */
@media (max-width:980px){
  .pcm-hb__body{grid-template-columns:1fr;gap:30px;padding:22px 18px}
  .pcm-hb-panel{padding:28px 18px}
  .pcm-hb-mp,.pcm-hb-trend{padding-left:18px;padding-right:18px}
  .pcm-hb-mp{grid-template-columns:1fr;gap:30px}
  .pcm-hb-panel__grid,.pcm-hb-trend__grid{grid-template-columns:1fr}
  .pcm-root .pcm-hb-hero__title{font-size:25px}
  .pcm-hb-foot{padding:34px 18px 22px}
  .pcm-hb-foot__grid{grid-template-columns:1fr;gap:26px}
}
@media (min-width:560px) and (max-width:980px){
  .pcm-hb-duo{grid-template-columns:1fr 1fr}
  .pcm-hb-panel__grid,.pcm-hb-trend__grid{grid-template-columns:1fr 1fr}
}
@media (max-width:559px){
  .pcm-hb-duo{grid-template-columns:1fr}
}

/* ============================================================
   v1.4.0 — HEADER (logo MED||O + nav de WordPress + Suscríbete)
   Desktop: barra 76px, dropdown con columnas y destacado.
   Mobile: barra 60px, hamburguesa + drawer con acordeones.
   ============================================================ */
.pcm-header{background:#fff;border-bottom:1px solid var(--pcm-border);position:relative;z-index:50}
.pcm-header__bar{max-width:1280px;margin:0 auto;display:flex;align-items:center;gap:36px;padding:0 40px;height:76px}
.pcm-header__end{display:flex;align-items:center;gap:14px;flex-shrink:0;margin-left:auto}

/* Logo */
.pcm-logo{display:flex;align-items:center;gap:4px;text-decoration:none;flex-shrink:0;font:900 24px var(--pcm-font-head);color:var(--pcm-black)}
.pcm-root a.pcm-logo{color:var(--pcm-black)}
.pcm-logo__bars{display:flex;gap:3px}
.pcm-logo__bars span{width:6px;height:22px;background:var(--pcm-amber)}
.pcm-logo--sm{font-size:18px}
.pcm-logo--sm .pcm-logo__bars span{width:4px;height:16px}

/* Nav desktop */
.pcm-nav{display:flex;align-items:center;gap:28px;flex:1;min-width:0}
.pcm-root .pcm-nav__link{font:600 14px var(--pcm-font);color:#3A3934;text-decoration:none;padding:26px 0;border-bottom:2px solid transparent;background:none;border-top:0;border-left:0;border-right:0;cursor:pointer;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.pcm-root .pcm-nav__link:hover,.pcm-root .pcm-nav__link.is-current,.pcm-nav__item.is-current>.pcm-nav__link{color:var(--pcm-black);border-bottom-color:var(--pcm-amber);font-weight:700}
.pcm-nav__item{position:static}
.pcm-nav__item svg{color:var(--pcm-muted);transition:transform .15s}
.pcm-nav__item.is-open svg,.pcm-nav__item:hover svg{transform:rotate(180deg);color:var(--pcm-black)}

/* Dropdown */
.pcm-nav__dd{position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--pcm-border);box-shadow:0 12px 24px rgba(21,20,15,.08);padding:26px 40px;display:none;grid-template-columns:repeat(4,1fr);gap:28px;z-index:5}
.pcm-nav__item.is-open .pcm-nav__dd{display:grid}
@media (hover:hover){.pcm-nav__item:hover .pcm-nav__dd{display:grid}}
.pcm-nav__ddlabel{font:700 10px var(--pcm-font-head);letter-spacing:.1em;text-transform:uppercase;color:var(--pcm-muted);margin-bottom:12px}
.pcm-nav__ddlinks{display:flex;flex-direction:column;gap:11px}
.pcm-root .pcm-nav__ddlinks a{font:600 14px var(--pcm-font);color:var(--pcm-black);text-decoration:none}
.pcm-root .pcm-nav__ddlinks a:hover{color:var(--pcm-amber)}
.pcm-nav__ddcol--feat{grid-column:span 2}
.pcm-nav__ddfeat{display:flex;gap:14px;text-decoration:none}
.pcm-nav__ddfeat .pcm-hb-img{width:120px;flex-shrink:0}
.pcm-root .pcm-nav__ddfeat h4{font:700 14px/1.3 var(--pcm-font-head);color:var(--pcm-black);margin:0 0 6px}

/* Botón Suscríbete */
.pcm-root a.pcm-subs{font:700 13px var(--pcm-font);color:var(--pcm-black);background:var(--pcm-amber);padding:10px 18px;border-radius:100px;text-decoration:none;white-space:nowrap}
.pcm-root a.pcm-subs:hover{filter:brightness(1.05)}

/* Hamburguesa (oculta en desktop) */
.pcm-burger{display:none;width:34px;height:34px;border:none;background:none;flex-direction:column;justify-content:center;gap:4px;cursor:pointer;padding:0}
.pcm-burger span{width:20px;height:2px;background:var(--pcm-black);transition:transform .2s,opacity .2s}
.pcm-burger span:nth-child(3){width:14px}
.pcm-header.is-open .pcm-burger span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.pcm-header.is-open .pcm-burger span:nth-child(2){opacity:0}
.pcm-header.is-open .pcm-burger span:nth-child(3){width:20px;transform:translateY(-6px) rotate(-45deg)}

/* Drawer mobile */
.pcm-drawer{display:none}
.pcm-drawer__overlay{position:fixed;inset:0;background:rgba(21,20,15,.4);z-index:40}
@media (max-width:980px){
  .pcm-header__bar{height:60px;padding:0 16px;gap:14px;justify-content:space-between}
  .pcm-burger{display:flex}
  .pcm-nav{display:none}
  .pcm-header__end .pcm-subs{display:none}
  .pcm-logo{font-size:18px}
  .pcm-logo .pcm-logo__bars span{width:4px;height:16px}
  .pcm-drawer{display:block;position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--pcm-border);box-shadow:0 16px 28px rgba(21,20,15,.12);z-index:45;max-height:calc(100vh - 60px);overflow:auto}
  .pcm-drawer[hidden]{display:none}
  .pcm-drawer__nav{display:flex;flex-direction:column;padding:8px 0}
  .pcm-root .pcm-drawer__link{font:700 16px var(--pcm-font);color:var(--pcm-black);text-decoration:none;padding:14px 20px;border-bottom:1px solid var(--pcm-divider);background:none;border-top:0;border-left:0;border-right:0;text-align:left;width:100%;display:flex;align-items:center;justify-content:space-between;cursor:pointer}
  .pcm-drawer__group.is-open .pcm-drawer__toggle svg{transform:rotate(180deg)}
  .pcm-drawer__sub{display:none;flex-direction:column;background:var(--pcm-panel)}
  .pcm-drawer__group.is-open .pcm-drawer__sub{display:flex}
  .pcm-root .pcm-drawer__sub a{font:600 14px var(--pcm-font);color:#3A3934;text-decoration:none;padding:12px 20px 12px 32px;border-bottom:1px solid var(--pcm-divider)}
  .pcm-drawer__cta{padding:16px 20px}
  .pcm-drawer__cta .pcm-subs{display:inline-block}
}

/* Logo como imagen (v1.4.1) */
.pcm-logo--img img{display:block;max-height:50px;width:auto}
@media (max-width:980px){.pcm-logo--img img{max-height:40px}}

/* Paginación de archivos (v1.5.0 — reemplaza al scroll infinito) */
.pcm-pagination{display:flex;justify-content:center;gap:14px;padding:36px 0 10px;flex-wrap:wrap}

/* ============================================================
   v1.5.2 — Blindaje anti-desborde horizontal en mobile
   Grid items con min-width:0 (por defecto no se encogen y
   revientan el ancho), palabras largas con quiebre, iframes
   de anuncios contenidos, y clip horizontal del Home.
   (Sin overflow en ancestros de elementos sticky.)
   ============================================================ */
.pcm-hb{overflow-x:hidden}
.pcm-hb__body>*,
.pcm-hb-duo>*,
.pcm-hb-panel__grid>*,
.pcm-hb-trend__grid>*,
.pcm-hb-mp>*,
.pcm-hb-foot__grid>*{min-width:0}
.pcm-hb h1,.pcm-hb h2,.pcm-hb h3,.pcm-hb h4,.pcm-hb p{overflow-wrap:break-word}
.pcm-root iframe{max-width:100%}
.pcm-nav{min-width:0}

/* v1.5.3 — Título y fecha de tarjeta como bloques (la fecha quedaba
   pegada en la misma línea del título por ser spans inline) */
.pcm-card__body .pcm-card__title{display:block}
.pcm-card__body .pcm-meta{display:block;margin-top:6px}
.pcm-card__body .pcm-eyebrow{margin-bottom:8px}