/* ═══════════════════════════════════════════════════════════════
   POLÍTICA 101 · PORTADA «EL EJE» — v5.0.0
   La celosía: módulos que comparten filetes de 1px. El carril
   derecho lleva el filo azul de la pleca. CronJob sobre papel.
   Tokens sellados 2-sep-2026:
     papel #F1ECE1 · tinta #14120E · azul #1B3CBC
     apagado #8A8375 · filete #CFC7B7 · azul claro #A8BCFF (solo oscuro)
   Todo va con selectores compuestos bajo .p101-eje y !important en
   texto dentro de <a>, porque el tema Newspaper/tagDiv pisa estilos.
   Breakpoints de la casa: 1024 · 900 · 620.
   ═══════════════════════════════════════════════════════════════ */

.p101-eje{
  /* Se sale del contenedor angosto del tema: la portada es a todo lo ancho. */
  width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  overflow-x:clip;
  --papel:#F1ECE1; --papel-alto:#F7F3EA;
  --tinta:#14120E; --azul:#1B3CBC; --apagado:#8A8375; --filete:#CFC7B7;
  --d-azul:#A8BCFF;
  --f-d:"Playfair Display","Times New Roman",Georgia,serif;
  --f-u:Jost,"Helvetica Neue",Helvetica,Arial,sans-serif;
  --f-m:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace;
  background:var(--papel);
  color:var(--tinta);
  font-family:var(--f-u);
  font-size:15px;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
}
.p101-eje *,.p101-eje *::before,.p101-eje *::after{box-sizing:border-box}
.p101-eje figure{margin:0}
.p101-eje img{max-width:100%;height:auto;display:block}
.p101-eje a{color:inherit !important;text-decoration:none !important;box-shadow:none !important}
.p101-eje ol,.p101-eje ul{margin:0;padding:0;list-style:none}
.p101-eje h1,.p101-eje h2,.p101-eje h3,.p101-eje h4,.p101-eje h5,.p101-eje h6,.p101-eje p{margin:0;padding:0}

.p101-eje .hoja{max-width:1280px;margin:0 auto;padding:0 clamp(14px,3vw,40px)}

/* ── cabecera y cabezal ── */
.p101-eje .cabecera{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-family:var(--f-m);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--apagado);padding:12px 0}
.p101-eje .cabecera b{color:var(--tinta);font-weight:500}
.p101-eje .cabC{padding:10px 0 0}
.p101-eje .marca{font-family:var(--f-d);font-weight:700;letter-spacing:-.01em;line-height:.95;font-size:clamp(44px,6.4vw,74px);color:var(--tinta)}
.p101-eje .marca .pleca{display:inline-block;width:.055em;height:1.16em;background:var(--azul);vertical-align:-.18em;margin:0 .09em}
.p101-eje .marca .num{color:var(--azul)}
.p101-eje .lemasC{display:flex;gap:8px 24px;flex-wrap:wrap;align-items:baseline;padding:8px 0 12px}
.p101-eje .lemasC .a{font-size:13.5px}
.p101-eje .lemasC .b{font-size:13.5px;color:var(--azul)}
.p101-eje .lemasC .b i{font-family:var(--f-d)}

/* ── LA CELOSÍA ── */
.p101-eje .malla{display:grid;grid-template-columns:repeat(12,1fr);gap:1px;background:var(--filete);border:1px solid var(--filete)}
.p101-eje .malla>*{background:var(--papel);padding:16px 18px;min-width:0;grid-column:span 12;position:relative}
.p101-eje .malla .alto{background:var(--papel-alto)}

/* barra de zona: la única tinta sólida de la página */
.p101-eje .zbar{background:var(--tinta) !important;color:var(--papel);padding:8px 18px;display:flex;gap:14px;align-items:baseline;flex-wrap:wrap}
.p101-eje .zbar b{font-family:var(--f-m);font-size:10px;letter-spacing:.22em;text-transform:uppercase;font-weight:500;color:var(--d-azul)}
.p101-eje .zbar span{font-family:var(--f-d);font-style:italic;font-size:14px;color:var(--papel)}
.p101-eje .zbar .fin{margin-left:auto;font-family:var(--f-m);font-style:normal;font-size:8.5px;letter-spacing:.14em;text-transform:uppercase;color:rgba(241,236,225,.55)}

/* la cinta */
.p101-eje .cinta{overflow:hidden;white-space:nowrap;background:var(--papel-alto) !important;padding:0 !important}
.p101-eje .cinta .rollo{display:inline-block;padding:7px 0;font-family:var(--f-m);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--tinta)}
.p101-eje .cinta b{color:var(--azul);font-weight:500}
.p101-eje .cinta i{font-style:normal;color:var(--filete);padding:0 14px}
.p101-eje .cinta .pat{color:var(--apagado);letter-spacing:.1em}
@media (prefers-reduced-motion:no-preference){
  .p101-eje .cinta .rollo{animation:p101rodar 55s linear infinite}
  .p101-eje .cinta:hover .rollo{animation-play-state:paused}
}
@keyframes p101rodar{to{transform:translateX(-50%)}}

/* tipos recurrentes */
.p101-eje .kick{font-family:var(--f-m);font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--azul);margin:0 0 8px}
.p101-eje .kick .sub{color:var(--apagado)}
.p101-eje .meta{font-family:var(--f-m);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--apagado)}
.p101-eje .titU{font-family:var(--f-d);font-weight:700;line-height:1.12;letter-spacing:-.012em}
.p101-eje .titU i,.p101-eje .titU em{color:var(--azul)}
.p101-eje h3.titU a,.p101-eje .titU a{color:var(--tinta) !important}
.p101-eje .quote{font-family:var(--f-d);font-style:italic;font-size:14.5px;line-height:1.5;margin-top:8px}
.p101-eje .hechos{margin:8px 0 0;font-size:12.5px}
.p101-eje .hechos li{display:grid;grid-template-columns:22px 1fr;gap:7px;padding:5px 0;border-top:1px solid var(--filete);line-height:1.4}
.p101-eje .hechos li:first-child{border-top:none}
.p101-eje .hechos .n{font-family:var(--f-m);font-size:9px;color:var(--azul);padding-top:2px}
.p101-eje .lista-t li{display:grid;grid-template-columns:24px 1fr;gap:8px;padding:7px 0;border-top:1px solid var(--filete);font-size:12.5px;line-height:1.4;align-items:baseline}
.p101-eje .lista-t li:first-child{border-top:none;padding-top:0}
.p101-eje .lista-t .n{font-family:var(--f-d);font-weight:700;font-size:15px;color:var(--azul)}
.p101-eje .lista-t b{color:var(--apagado);font-weight:500;font-size:11px}
.p101-eje .btxt{font-family:var(--f-m);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--azul) !important;border-bottom:1px solid var(--azul);padding-bottom:3px;display:inline-block;white-space:nowrap}
.p101-eje .recorte{overflow:hidden}

/* el eje: el filo azul del carril */
.p101-eje .eje{border-left:2px solid var(--azul);margin-left:-1px}
.p101-eje .eje .rotE{font-family:var(--f-m);font-size:8.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--azul);margin:0 0 8px}
.p101-eje .eje p{font-size:12.5px;line-height:1.45;margin:0 0 10px}
.p101-eje .eje p:last-child{margin-bottom:0}
.p101-eje .eje p b,.p101-eje .eje p strong{color:var(--azul);font-weight:500}
.p101-eje .eje .q{font-family:var(--f-m);font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:var(--apagado);display:block;margin-bottom:2px}
.p101-eje .eje .lista-t a{color:var(--tinta) !important}

/* héroe — sólido: la tesis manda y la tarjeta del día se muestra COMPLETA,
   enmarcada; nunca recortada a ciegas (las tarjetas claras recortadas leen
   como hueco). */
.p101-eje .heroC{display:grid;gap:20px;align-content:center}
.p101-eje .heroC .titU{font-size:clamp(30px,3.6vw,54px);font-style:italic;line-height:1.08}
.p101-eje .heroC .recorte{align-self:center}
.p101-eje .heroC .titU b,.p101-eje .heroC .titU strong{font-style:normal;color:var(--azul)}
.p101-eje .heroC .meta{margin-top:10px}
.p101-eje .heroC .recorte img{width:100% !important;height:auto !important;object-fit:contain}
.p101-eje .heroC .recorte img:not(.dest){width:auto !important;max-height:300px;margin-inline:auto}
/* toda tarjeta destacada va como lámina enmarcada sobre la celosía */
.p101-eje img.dest{border:1px solid var(--filete);background:var(--papel-alto);display:block}
.p101-eje .heroC--solo{display:flex;align-items:center;justify-content:center;text-align:center;padding:26px 18px;min-height:180px}
.p101-eje .heroC--solo .marca-min svg{height:52px;width:auto;margin:0 auto}

/* notas de ámbito */
.p101-eje .c-nota .recorte img{width:100% !important;height:auto !important;aspect-ratio:3/2;object-fit:cover}
.p101-eje .c-nota .recorte{margin-bottom:10px}
.p101-eje .c-nota .titU{font-size:18.5px}
.p101-eje .c-nota .sum{font-size:13px;margin:6px 0 8px}
.p101-eje .c-nota .meta{margin-top:8px}

/* la carta sobre papel */
.p101-eje .c-cartaP svg{width:100%;height:auto;display:block}

/* expedientes */
.p101-eje .c-expP{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:start}
.p101-eje .c-expP .exp-n{font-family:var(--f-d);font-weight:700;font-size:26px;line-height:1;color:var(--filete)}
.p101-eje .c-expP h4{font-family:var(--f-d);font-size:15.5px;font-weight:600;line-height:1.25}
.p101-eje .c-expP h4 a{color:var(--tinta) !important}
.p101-eje .c-cierreV{font-style:italic;font-size:13px}
.p101-eje .c-cierreV a{color:var(--apagado) !important}

/* pensar */
.p101-eje .c-pan .recorte{margin-top:12px}
.p101-eje .c-pan .recorte img{width:100% !important;height:auto !important;aspect-ratio:3/2;object-fit:cover}
.p101-eje .c-pan .titU{font-size:20px}
.p101-eje .c-fata .titU{font-size:19px}
.p101-eje .c-fata .recorte{margin:10px 0}
.p101-eje .c-fata .recorte img{width:100%;aspect-ratio:3/2;object-fit:cover}

/* plumas */
.p101-eje .plumasFila{display:flex;flex-wrap:wrap;justify-content:space-between;padding:12px 16px;gap:0}
.p101-eje .plumasFila{justify-content:center;gap:8px 24px}
.p101-eje .plumita{text-align:center;flex:0 1 300px;padding:6px 0;min-width:0}
/* la destacada real de la columna, como tarjeta — nunca embutida en un círculo */
.p101-eje .plumita .tarj{width:100%;margin:0 0 8px}
.p101-eje .plumita .tarj img{width:100% !important;aspect-ratio:3/2;object-fit:cover;display:block}
.p101-eje .plumita .ret{width:68px;height:68px;border-radius:50%;overflow:hidden;margin:0 auto 7px;background:var(--papel-alto)}
.p101-eje .plumita .ret img,.p101-eje .plumita .foto-p{width:100% !important;height:100% !important;object-fit:cover;border-radius:50%}
/* Solo los avatares de respaldo se llevan al sistema; las destacadas reales van tal cual. */
.p101-eje .plumita .ret img.foto-p{filter:grayscale(1) contrast(1.08) brightness(1.02);mix-blend-mode:multiply}
.p101-eje .plumita .foto-p--inicial{display:flex;align-items:center;justify-content:center;font-family:var(--f-d);font-weight:700;font-size:22px;color:var(--apagado)}
.p101-eje .plumita .col{font-family:var(--f-m);font-size:7.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--azul);margin:0 0 3px}
.p101-eje .plumita h6{font-family:var(--f-d);font-style:italic;font-size:12.5px;font-weight:600;line-height:1.25}
.p101-eje .plumita h6 a{color:var(--tinta) !important}
.p101-eje .plumita .meta{margin-top:3px}

/* canal */
.p101-eje .c-canal{display:flex;gap:16px;align-items:center;flex-wrap:wrap;justify-content:space-between}
.p101-eje .c-canal__cuerpo{display:flex;gap:14px;align-items:center;min-width:0}
.p101-eje .c-canal .avion svg{width:38px;height:38px}
.p101-eje .c-canal__t{font-size:16px;font-style:italic;font-weight:700}
.p101-eje .c-canal__b{font-size:12px;color:var(--apagado);margin-top:3px}

/* pie */
.p101-eje .pieHoja{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-family:var(--f-m);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--apagado);padding:14px 0 22px}

/* hover vivo — pausado, casi imperceptible */
@media (prefers-reduced-motion:no-preference){
  .p101-eje .vivo img{transition:transform .5s cubic-bezier(.22,1,.36,1)}
  .p101-eje .vivo:hover img{transform:scale(1.025)}
}

/* ── retícula por anchos de la casa: 620 · 900 · 1024 ── */
@media (min-width:620px){
  .p101-eje .c-expP{grid-column:span 6}
}
@media (min-width:900px){
  .p101-eje .heroC{grid-column:span 9;grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:center}
  .p101-eje .eje.e-hero{grid-column:span 3}
  .p101-eje .c-nota{grid-column:span 3}
  .p101-eje .eje.e-dia{grid-column:span 3}
  .p101-eje .c-cartaP{grid-column:span 9}
  .p101-eje .c-cartaP--12{grid-column:span 12}
  .p101-eje .c-nota.c-nota--4{grid-column:span 4}
  .p101-eje .eje.e-vigP{grid-column:span 3}
  .p101-eje .c-expP{grid-column:span 6}
  .p101-eje .c-cierreV{grid-column:span 12}
  .p101-eje .c-pan{grid-column:span 5}
  .p101-eje .c-fata{grid-column:span 4}
  .p101-eje .eje.e-pen{grid-column:span 3}
  .p101-eje .c-canal{grid-column:span 9}
  .p101-eje .eje.e-fin{grid-column:span 3}
}
@media (min-width:620px) and (max-width:899.9px){
  .p101-eje .c-nota{grid-column:span 6}
  .p101-eje .c-pan,.p101-eje .c-fata{grid-column:span 6}
}

/* ═══ v5.4.0 — EL CANAL, VERSIÓN DE PRESENCIA (tras la zona 01) ═══
   Sobre papel alto con el filo azul del eje. No usa tinta sólida:
   la regla de la casa es que solo las barras de zona la llevan. */
.p101-eje .c-canal--alto{
  background:var(--papel-alto) !important;
  border-top:2px solid var(--azul);
  padding:24px 18px !important;
  gap:24px;
}
.p101-eje .c-canal--alto .c-canal__cuerpo{gap:18px;align-items:flex-start;flex:1 1 380px}
.p101-eje .c-canal--alto .avion svg{width:46px;height:46px;flex:none}
.p101-eje .c-canal--alto .kick{margin:0 0 7px}
.p101-eje .c-canal--alto .c-canal__t{font-size:clamp(20px,2.3vw,27px);font-style:italic;font-weight:700;line-height:1.14;letter-spacing:-.012em}
.p101-eje .c-canal--alto .c-canal__b{font-size:13px;line-height:1.5;color:var(--tinta);max-width:58ch;margin-top:8px}

.p101-eje .bsol{
  font-family:var(--f-m);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;
  background:var(--azul);color:var(--papel) !important;
  border:1px solid var(--azul);padding:15px 24px;
  display:inline-block;white-space:nowrap;flex:none;
}
.p101-eje .bsol span{margin-left:6px}
@media (prefers-reduced-motion:no-preference){
  .p101-eje .bsol{transition:background .25s ease,color .25s ease}
}
.p101-eje .bsol:hover,.p101-eje .bsol:focus-visible{background:transparent;color:var(--azul) !important}
.p101-eje .bsol:focus-visible{outline:2px solid var(--tinta);outline-offset:3px}

@media (min-width:900px){
  .p101-eje .c-canal--alto{grid-column:span 12}
}
@media (max-width:619.9px){
  .p101-eje .c-canal--alto .avion{display:none}
  .p101-eje .bsol{width:100%;text-align:center}
}