*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
:root{
  --r:#CC1A1A;--ro:#a01515;--n:#111111;--b:#ffffff;
  --gc:#f5f4f2;--gm:#e8e6e2;--gb:#d8d6d2;--gt:#555550;--gs:#888884;
  --serif:'Libre Franklin','Helvetica Neue',Arial,sans-serif; /* Voz de titulares del grupo (fuerte) */
  --serif-el:'Playfair Display',Georgia,serif; /* Serif elegante — Opiniones */
  --sans:'Source Sans 3',system-ui,sans-serif;
}
body{font-family:var(--sans);background:var(--b);color:var(--n);font-size:15px;}
/* Red de seguridad: nada debe provocar scroll horizontal de la página (overflow-x:clip no rompe el sticky) */
html,body{max-width:100%;overflow-x:clip;}
.hidden{display:none!important;}
/* ── Accesibilidad (#14) ── */
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible,[role="link"]:focus-visible,.nb:focus-visible,.ns:focus-visible{outline:2px solid var(--r);outline-offset:2px;}
.skip-link{position:absolute;left:-9999px;top:0;z-index:9999;background:var(--r);color:#fff;padding:10px 16px;font-family:var(--sans);font-size:13px;font-weight:600;text-decoration:none;}
.skip-link:focus{left:8px;top:8px;}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important;}}
a{text-decoration:none;color:inherit;}

/* ── NAV TOP ── */
.nav{background:var(--n);display:flex;align-items:stretch;border-bottom:3px solid var(--r);position:-webkit-sticky;position:sticky;top:0;z-index:300;overflow-x:auto;scrollbar-width:none;}
.nav::-webkit-scrollbar{display:none;}
.nb{padding:11px 20px;font-family:var(--sans);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:1.5px;background:none;border:none;color:rgba(255,255,255,.4);cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-3px;white-space:nowrap;flex-shrink:0;}
.nb:hover{color:rgba(255,255,255,.8);}
.nb.on{color:#fff;border-bottom-color:var(--r);}
.nb.imp.on{border-bottom-color:#fff;color:#fff;}
.nav-r{margin-left:auto;display:flex;align-items:center;padding-right:14px;gap:8px;flex-shrink:0;}
.upill{font-size:11px;color:rgba(255,255,255,.5);background:rgba(255,255,255,.07);padding:3px 9px;white-space:nowrap;}
.uout{font-size:11px;color:rgba(255,255,255,.4);background:none;border:none;cursor:pointer;padding:3px 7px;font-family:var(--sans);}
.uout:hover{color:#fff;}

/* ── LOGO ── */
.la-badge{background:var(--r);color:#fff;font-family:var(--serif-el);font-size:13px;font-weight:700;padding:3px 7px;margin-right:6px;letter-spacing:0;}
.rv-text{font-family:var(--serif-el);font-weight:700;letter-spacing:-1px;line-height:1;}
.pen-text{font-family:var(--sans);font-size:10px;color:rgba(255,255,255,.4);letter-spacing:2px;text-transform:uppercase;margin-left:6px;align-self:flex-end;margin-bottom:3px;}

/* ── PORTAL HEADER ── */
.shdr{background:var(--n);padding:0 16px;position:relative;z-index:100;}
.htop{display:flex;align-items:center;justify-content:space-between;padding:14px 0 12px;border-bottom:1px solid rgba(255,255,255,.1);}
.hlogo{display:flex;align-items:baseline;}
.htag{font-size:10px;color:rgba(255,255,255,.3);letter-spacing:1px;text-transform:uppercase;border-left:1px solid rgba(255,255,255,.15);padding-left:14px;margin-left:14px;}
.hfecha{font-size:13px;color:rgba(255,255,255,.7);}
.nsecs{display:flex;overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap;white-space:nowrap;}
.nsecs::-webkit-scrollbar{display:none;}
.ns-mas{display:inline-flex;}.ns-desk{display:none;}@media(min-width:768px){.ns-desk{display:inline-flex;}.ns-mas{display:none!important;}}.ns-principal{border-right:1px solid rgba(255,255,255,.15);margin-right:4px;padding-right:18px!important;}

/* ══ TABLET & DESKTOP ══ */
@media(min-width:768px){
  /* Nav: show all sections, hide Más button */
  .ns-mas{display:none!important;}
  #mas-dropdown{display:none!important;}
  .shdr{padding:0 28px;}
  .htop{padding:14px 0 12px;}
  /* Header: show date on desktop */
  #hfecha{display:inline!important;}
  /* YouTube: layout handled by yt-featured grid */
  /* Facebook: full width clean */
  #fb-page-plugin iframe{border-radius:8px;}
}
@media(max-width:767px){
  /* Mobile: hide date in header */
  #hfecha{display:none!important;}
}
.ns{padding:10px 15px;font-family:var(--sans);font-size:10px;color:rgba(255,255,255,.55);text-transform:uppercase;letter-spacing:1.5px;cursor:pointer;white-space:nowrap;border-bottom:2px solid transparent;}
.ns:hover{color:#fff;}
.ns.on{color:#fff;border-bottom-color:var(--r);}
.ns.cars-tab{color:rgba(255,200,0,.5);}
.ns.cars-tab.on{color:#ffc800;border-bottom-color:#ffc800;}

/* ── BREAKING TICKER ── */
.brk{background:var(--r);padding:7px 28px;display:flex;align-items:center;gap:12px;overflow:hidden;border-bottom:1px solid rgba(0,0,0,.18);}
/* Reserva alto en el área de contenido: el footer no "sube" mientras carga una sección (anti-parpadeo) */
#p-content{min-height:70vh;}
.brk-badge{font-family:var(--sans);font-size:9px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:2px;background:rgba(0,0,0,.25);padding:3px 9px;white-space:nowrap;flex-shrink:0;}
.brk-track{flex:1;overflow:hidden;position:relative;height:20px;}
.brk-inner{display:flex;position:absolute;white-space:nowrap;}
.brk-item{font-family:var(--sans);font-size:12px;color:#fff;padding-right:80px;}
.brk-item::after{content:'◆';margin-left:40px;opacity:.5;font-size:8px;}
.cars-bg .brk{background:#ffc800;}
.cars-bg .brk-badge{color:#000;}
.cars-bg .brk-item{color:#000;font-weight:500;}

/* ── SEARCH ── */
.sbar{padding:10px 28px;background:var(--gc);border-bottom:1px solid var(--gb);display:flex;gap:8px;}
.si{flex:1;font-family:var(--sans);font-size:13px;padding:7px 12px;border:1px solid var(--gb);background:var(--b);outline:none;}
.si:focus{border-color:var(--r);}
.sb{padding:7px 16px;background:var(--r);color:#fff;border:none;font-family:var(--sans);font-size:12px;font-weight:500;cursor:pointer;}
/* Buscador adaptado a secciones oscuras (Erode/Panorama/Cars) */
body.sec-dark .sbar{background:#0e1726;border-bottom-color:rgba(255,255,255,.12);}
body.sec-dark .si{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.18);color:#fff;}
body.sec-dark .si::placeholder{color:rgba(255,255,255,.45);}
/* Buscador con identidad propia por sección (Erode dorado, Cars amarillo) */
/* Erode: línea dorada que delimita el final del ticker (antes el borde casi-negro no se veía) */
body.sec-erode .brk,#brk[data-erode="1"]{border-bottom:1px solid rgba(201,169,110,.45);}
body.sec-erode .sbar{background:#0d0a06;border-bottom-color:rgba(201,169,110,.28);}
body.sec-erode .si{background:rgba(201,169,110,.08);border-color:rgba(201,169,110,.32);color:#f0e9da;font-family:'Cormorant Garamond',serif;}
body.sec-erode .si:focus{border-color:#c9a96e;}
body.sec-erode .si::placeholder{color:rgba(240,233,218,.5);}
body.sec-erode .sbar .bp,body.sec-erode .sbar button{background:linear-gradient(135deg,#c9a96e,#8b6914);color:#1a1408;}
body.sec-cars .sbar{background:#0a0a0a;border-bottom-color:rgba(255,200,0,.28);}
body.sec-cars .si{background:rgba(255,200,0,.07);border-color:rgba(255,200,0,.32);color:#fff;font-family:'Rajdhani',sans-serif;}
body.sec-cars .si:focus{border-color:#ffc800;}
body.sec-cars .si::placeholder{color:rgba(255,255,255,.4);}
body.sec-cars .sbar .bp,body.sec-cars .sbar button{background:#ffc800;color:#000;}
.sr-lbl{padding:6px 28px;font-size:11px;color:var(--gs);background:var(--gc);border-bottom:1px solid var(--gb);display:none;}

/* ── HERO ── */
.hero{display:grid;grid-template-columns:3fr 2fr;border-bottom:1px solid var(--gb);}
.hm{padding:22px 28px;border-right:1px solid var(--gb);}
.hi{width:100%;height:300px;height:clamp(280px,30vw,400px);background:var(--gm);position:relative;overflow:hidden;margin-bottom:16px;}
/* La foto LLENA el recuadro (cover) con recorte CENTRADO → sin barras, se adapta sola a cualquier foto. */
.hi img{width:100%;height:100%;object-fit:cover;object-position:center;}
.hi-ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:11px;color:#bbb;background:linear-gradient(135deg,#e8e6e2,#d8d6d2);}
.cpill{position:absolute;bottom:9px;left:9px;background:var(--r);color:#fff;font-family:var(--sans);font-size:9px;font-weight:600;padding:3px 9px;letter-spacing:1.5px;text-transform:uppercase;}
.ctag{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:2.5px;color:var(--r);margin-bottom:8px;}
.htit{font-family:var(--serif);font-size:clamp(25px,2.3vw,33px);font-weight:800;line-height:1.16;letter-spacing:-.4px;margin-bottom:11px;}
.hex{font-size:15px;color:var(--gt);line-height:1.7;margin-bottom:13px;}
.hmet{font-size:11px;color:var(--gs);display:flex;gap:12px;}
.hmet span::before{content:'· ';}
.hmet span:first-child::before{content:'';}
.rbtn{margin-top:11px;padding:7px 14px;background:none;border:1px solid var(--n);font-family:var(--sans);font-size:11px;font-weight:500;cursor:pointer;}
.rbtn:hover{background:var(--n);color:#fff;}
.hlat{overflow-y:auto;}
.hlat-ad{display:block;position:relative;margin:14px 18px;border:1px solid var(--gb);border-radius:6px;overflow:hidden;text-decoration:none;background:var(--gc);}
.hlat-ad img,.hlat-ad video{width:100%;height:auto;display:block;max-height:600px;object-fit:cover;}
.hlat-ad-tag{position:absolute;top:6px;right:6px;background:rgba(0,0,0,.6);color:#fff;font-family:var(--sans);font-size:8px;font-weight:600;letter-spacing:1px;text-transform:uppercase;padding:2px 7px;border-radius:3px;}
.hlat::-webkit-scrollbar{width:5px;}
.hlat::-webkit-scrollbar-thumb{background:var(--gb);border-radius:3px;}
.hlat::-webkit-scrollbar-track{background:transparent;}
.ai{padding:14px 18px;border-bottom:1px solid var(--gb);cursor:pointer;display:grid;grid-template-columns:92px 1fr;gap:13px;transition:background .1s;align-items:center;}
.ai:hover{background:var(--gc);}
.ath{width:92px;height:66px;background:var(--gm);overflow:hidden;}
.ath img{width:100%;height:100%;object-fit:cover;object-position:center top;}
.ac{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--r);margin-bottom:4px;}
.ati{font-family:var(--serif);font-size:14px;font-weight:600;line-height:1.34;margin-bottom:3px;}
.am{font-size:9px;color:var(--gs);}

/* ── SECTION DIVIDER ── */
.sdiv{padding:9px 28px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--gb);}
.sdiv-accent{width:32px;height:3px;background:var(--r);flex-shrink:0;}
.sdiv-name{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:2.5px;white-space:nowrap;}
.sdiv-line{flex:1;height:1px;background:var(--gb);}
.sdiv-more{font-size:10px;color:var(--r);cursor:pointer;white-space:nowrap;}
/* Divisor de secciones de la home (banda con acento de color) */
.home-band{margin:6px 0;padding:18px 28px;display:flex;align-items:center;justify-content:center;}
.home-band-line{width:100%;max-width:560px;height:3px;border-radius:2px;background:linear-gradient(90deg,transparent 0%,var(--r) 25%,var(--ro) 50%,var(--r) 75%,transparent 100%);}
@media(max-width:767px){.home-band{padding:12px 16px;margin:2px 0;}}
body.dark .home-band-line{opacity:.9;}
.sdiv-more:hover{text-decoration:underline;}

/* ── NEWS GRID ── */
.ng{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid var(--gb);}
.nc{padding:14px 16px;border-right:1px solid var(--gb);border-bottom:1px solid var(--gb);cursor:pointer;transition:background .1s;}
.nc:hover{background:var(--gc);}
.nc:nth-child(3n){border-right:none;}
.nth{width:100%;height:clamp(120px,12vw,170px);background:var(--gm);margin-bottom:11px;overflow:hidden;}
.nth img{width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .35s ease;}
.nc:hover .nth img{transform:scale(1.04);}
.nct{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--r);margin-bottom:5px;}
.nti{font-family:var(--serif);font-size:15px;font-weight:600;line-height:1.32;margin-bottom:5px;}
.nm{font-size:9px;color:var(--gs);}

/* ── JERARQUÍA DE PORTADA (solo home principal) — #p-ng.home-hier en desktop ── */
@media(min-width:768px){
  .ng.home-hier{grid-template-columns:repeat(6,minmax(0,1fr));}
  .ng.home-hier .nc:nth-child(3n){border-right:1px solid var(--gb);}
  .ng.home-hier .nc.home-hero{grid-column:1/-1;border-right:none;display:grid;grid-template-columns:1.35fr 1fr;column-gap:20px;align-items:start;padding:18px 18px 20px;}
  .ng.home-hier .nc.home-hero .nth{grid-row:1/3;height:clamp(220px,22vw,340px);margin-bottom:0;}
  .ng.home-hier .nc.home-hero .nti{font-size:clamp(22px,2vw,30px);line-height:1.18;font-weight:800;letter-spacing:-.4px;-webkit-line-clamp:3;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;}
  .ng.home-hier .nc.home-hero .nct{font-size:10px;}
  /* (el recuadro de vista previa de la tarjeta grande ya NO se fuerza visible: solo al pasar el
     cursor, como las demás tarjetas — antes se quedaba "pegado" tapando lo de arriba) */
  .ng.home-hier .nc.home-sec{grid-column:span 3;}
  .ng.home-hier .nc.home-sec .nth{height:clamp(150px,16vw,210px);}
  .ng.home-hier .nc.home-sec .nti{font-size:18px;line-height:1.26;}
  .ng.home-hier .nc.home-rest{grid-column:span 2;}
  .ng.home-hier .nc.home-rest .nth{height:clamp(110px,11vw,150px);}
  .ng.home-hier .nc.home-rest .nti{font-size:14px;}
}
@media(min-width:768px) and (max-width:1023px){
  .ng.home-hier .nc.home-hero{grid-template-columns:1fr;}
  .ng.home-hier .nc.home-hero .nth{grid-row:auto;}
}

/* ── CARS STYLE ── */
.cars-bg .hero,.cars-bg .ng{background:#0d0d0d;}
.cars-bg .hm{background:#0d0d0d;}
.cars-bg .ctag{color:#ffc800;}
.cars-bg .htit{color:#fff;}
.cars-bg .hex{color:rgba(255,255,255,.55);}
.cars-bg .hmet{color:rgba(255,255,255,.3);}
.cars-bg .rbtn{border-color:#ffc800;color:#ffc800;}
.cars-bg .rbtn:hover{background:#ffc800;color:#000;}
.cars-bg .cpill{background:#ffc800;color:#000;}
.cars-bg .hlat,.cars-bg .sdiv,.cars-bg .nc{background:#0d0d0d;}
.cars-bg .ai{border-bottom-color:#1a1a1a;}
.cars-bg .ai:hover,.cars-bg .nc:hover{background:#151515;}
.cars-bg .ac,.cars-bg .nct{color:#ffc800;}
.cars-bg .ati,.cars-bg .nti{color:#ddd;}
.cars-bg .sdiv{border-color:#1a1a1a;}
.cars-bg .sdiv-name{color:rgba(255,200,0,.7);}
.cars-bg .sdiv-line{background:#1a1a1a;}
.cars-bg .nc{border-color:#1a1a1a;}
.cars-bg .sdiv-accent{background:#ffc800;}
.cars-bg .nm,.cars-bg .am{color:rgba(255,255,255,.3);}

/* ── FEED de sección/búsqueda (scroll infinito) ── */
.feed-head{font-family:var(--serif);font-size:clamp(20px,2.4vw,28px);font-weight:800;letter-spacing:-.3px;padding:20px 28px 6px;}
.feed-msg{grid-column:1/-1;padding:30px 28px;color:var(--gs);font-size:14px;text-align:center;}
@media(max-width:767px){.feed-head{padding:14px 16px 4px;font-size:20px;}}
/* ── Rediseño de secciones estándar: cabecera con acento + nota destacada (hero) + grid ── */
.sec-head{display:flex;align-items:center;gap:14px;padding:24px 28px 4px;}
.sec-head-bar{width:5px;align-self:stretch;min-height:44px;background:var(--sa,var(--r));border-radius:3px;}
.sec-head-kicker{font-size:10px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--sa,var(--r));margin-bottom:2px;}
.sec-head-name{font-family:var(--serif);font-size:clamp(24px,3vw,34px);font-weight:800;line-height:1.05;letter-spacing:-.5px;color:var(--n);}
.sec-hero{display:grid;grid-column:1/-1;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:0;margin:10px 28px 24px;border:1px solid var(--gb);border-radius:10px;overflow:hidden;cursor:pointer;background:#fff;box-shadow:0 4px 18px rgba(0,0,0,.06);transition:box-shadow .2s,transform .2s;}
.sec-hero:hover{box-shadow:0 12px 32px rgba(0,0,0,.13);transform:translateY(-2px);}
.sec-hero-img{position:relative;min-height:300px;background:var(--gm);}
.sec-hero-img img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center 30%;}
.sec-hero-body{padding:28px 30px;display:flex;flex-direction:column;justify-content:center;}
.sec-hero-cat{align-self:flex-start;font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#fff;background:var(--sa,var(--r));padding:4px 11px;border-radius:3px;margin-bottom:13px;}
.sec-hero-t{font-family:var(--serif);font-size:clamp(22px,2.2vw,30px);font-weight:800;line-height:1.16;letter-spacing:-.4px;margin-bottom:11px;color:var(--n);}
.sec-hero:hover .sec-hero-t{color:var(--sa,var(--r));}
.sec-hero-x{font-size:15px;line-height:1.6;color:var(--gt);margin-bottom:13px;}
.sec-hero-m{font-size:12px;color:var(--gs);font-weight:600;}
.sec-grid{display:grid;grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:18px;padding:0 28px 34px;}
.sec-grid .nc{margin:0;border-bottom:2px solid transparent;padding-bottom:4px;transition:border-color .15s;}
.sec-grid .nc:hover{border-bottom-color:var(--sa,var(--r));}
.sec-grid .nct{color:var(--sa,var(--r));}
#feed-loader{grid-column:1/-1;text-align:center;padding:18px;color:var(--gs);font-size:13px;}
/* Notas destacadas medianas (2 por fila bajo el hero) */
.sec-feat-row{display:grid;grid-column:1/-1;grid-template-columns:1fr 1fr;gap:18px;margin:0 28px 24px;}
.sec-feat{display:grid;grid-template-columns:165px 1fr;gap:0;border:1px solid var(--gb);border-radius:8px;overflow:hidden;cursor:pointer;background:#fff;transition:box-shadow .2s,transform .2s;}
.sec-feat:hover{box-shadow:0 8px 22px rgba(0,0,0,.1);transform:translateY(-2px);}
.sec-feat-img{position:relative;min-height:158px;background:var(--gm);}
.sec-feat-img img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center 30%;}
.sec-feat-body{padding:16px 18px;display:flex;flex-direction:column;justify-content:center;min-width:0;}
.sec-feat-cat{align-self:flex-start;font-size:9px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--sa,var(--r));margin-bottom:7px;}
.sec-feat-t{font-family:var(--serif);font-size:17px;font-weight:700;line-height:1.25;margin-bottom:6px;color:var(--n);}
.sec-feat:hover .sec-feat-t{color:var(--sa,var(--r));}
.sec-feat-x{font-size:12.5px;line-height:1.5;color:var(--gs);margin-bottom:6px;}
.sec-feat-m{font-size:11px;color:var(--gs);}
/* Paginación de sección */
.sec-pager{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:18px;padding:8px 28px 44px;}
.pgr-btn{font-family:var(--sans);font-size:13px;font-weight:600;padding:9px 18px;border:1px solid var(--gb);background:#fff;color:var(--n);border-radius:6px;cursor:pointer;transition:background .15s,border-color .15s,color .15s;}
.pgr-btn:hover:not([disabled]){background:var(--sa,var(--r));color:#fff;border-color:var(--sa,var(--r));}
.pgr-btn[disabled]{opacity:.4;cursor:default;}
.pgr-num{font-size:13px;font-weight:700;color:var(--n);}
@media(max-width:900px){.sec-hero{grid-template-columns:1fr;}.sec-hero-img{min-height:210px;}.sec-grid{grid-template-columns:repeat(2,1fr);}.sec-feat-row{grid-template-columns:1fr;}}
@media(max-width:600px){.sec-head{padding:16px 16px 2px;}.sec-hero{margin:10px 16px 18px;}.sec-hero-body{padding:20px;}.sec-grid{grid-template-columns:1fr;padding:0 16px 26px;}.sec-feat-row{margin:0 16px 16px;}.sec-feat{grid-template-columns:115px 1fr;}.sec-feat-img{min-height:120px;}.sec-pager{padding:8px 16px 32px;}}

/* ── Archivo de sub-marca OSCURA (Erode/Daily Super Cars): el feed paginado en oscuro para que combine con su portada ── */
#p-content.feed-dark{background:#16151a;}
.feed-dark .sec-head-name{color:#f4f1ea;}
.feed-dark .sec-hero,.feed-dark .sec-feat,.feed-dark .sec-grid .nc{background:#201e26;border-color:rgba(255,255,255,.1);}
.feed-dark .sec-hero{box-shadow:0 8px 26px rgba(0,0,0,.45);}
.feed-dark .sec-hero-t,.feed-dark .sec-feat-t,.feed-dark .sec-grid .nti{color:#fff;}
.feed-dark .sec-hero-x,.feed-dark .sec-feat-x{color:rgba(255,255,255,.72);}
.feed-dark .sec-hero-m,.feed-dark .sec-feat-m,.feed-dark .sec-grid .nm{color:rgba(255,255,255,.5);}
.feed-dark .sec-grid .nc:hover{border-bottom-color:var(--sa,var(--r));}
.feed-dark .feed-msg,.feed-dark #feed-loader{color:rgba(255,255,255,.6);}
.feed-dark .pgr-btn{background:transparent;color:#f4f1ea;border-color:rgba(255,255,255,.25);}
.feed-dark .pgr-btn:hover:not([disabled]){background:var(--sa);color:#16151a;border-color:var(--sa);}
.feed-dark .pgr-num{color:#f4f1ea;}
/* ── NUESTRAS REVISTAS: carruseles de sub-marcas (Erode/Panorama/Cars) ── */
.rev-wrap{padding:10px 28px 6px;}
.rev-head{display:flex;align-items:center;gap:11px;margin:10px 0 12px;}
.rev-head-lbl{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:2.5px;color:var(--n);white-space:nowrap;}
.rev-head-line{flex:1;height:1px;background:var(--gb);}
.rev-rail{border-radius:12px;padding:17px 18px 19px;margin-bottom:16px;overflow:hidden;}
.rev-rail-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:14px;}
.rev-rail-name{font-size:23px;line-height:1;}
.rev-rail-tag{font-size:11px;opacity:.72;margin-top:5px;text-transform:uppercase;letter-spacing:1px;}
.rev-rail-all{flex-shrink:0;background:none;border:1px solid currentColor;color:inherit;font-family:var(--sans);font-size:11px;font-weight:600;padding:6px 13px;border-radius:20px;cursor:pointer;white-space:nowrap;transition:opacity .15s;}
.rev-rail-all:hover{opacity:.7;}
.rev-row{display:flex;gap:13px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:4px;scrollbar-width:none;}
.rev-row::-webkit-scrollbar{display:none;}
.rev-card{flex:0 0 165px;scroll-snap-align:start;cursor:pointer;}
.rev-card-thumb{aspect-ratio:4/3;border-radius:8px;overflow:hidden;background:rgba(255,255,255,.07);}
.rev-card-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s;}
.rev-card:hover .rev-card-thumb img{transform:scale(1.06);}
.rev-card-tit{font-size:13px;line-height:1.32;margin-top:8px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
/* Portada de sub-marca (última nota grande) + lista de recientes */
.rev-brand{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:16px;}
.rev-cover{position:relative;border-radius:9px;overflow:hidden;cursor:pointer;min-height:230px;background:rgba(255,255,255,.06);}
.rev-cover img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .4s;}
.rev-cover:hover img{transform:scale(1.05);}
.rev-cover-body{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;padding:18px;background:linear-gradient(to top,rgba(0,0,0,.9),rgba(0,0,0,.15) 55%,rgba(0,0,0,0) 80%);}
.rev-cover-badge{align-self:flex-start;font-size:9px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;padding:3px 9px;border-radius:3px;margin-bottom:9px;}
.rev-cover-tit{font-size:19px;font-weight:800;line-height:1.2;color:#fff;}
.rev-cover-sub{font-size:12.5px;color:rgba(255,255,255,.82);margin-top:6px;line-height:1.4;}
.rev-list{display:flex;flex-direction:column;}
.rev-list-item{display:flex;gap:11px;align-items:flex-start;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.12);cursor:pointer;}
.rev-list-item:last-child{border-bottom:none;}
.rev-list-thumb{width:62px;height:46px;object-fit:cover;border-radius:5px;flex-shrink:0;background:rgba(255,255,255,.08);}
.rev-list-tit{font-size:12.5px;line-height:1.32;color:inherit;opacity:.92;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.rev-list-item:hover .rev-list-tit{opacity:1;}
.rev-erode .rev-cover-badge{background:#d9b676;color:#17120a;}
.rev-pano .rev-cover-badge{background:#3b9eff;color:#0e1c2e;}
.rev-cars .rev-cover-badge{background:#ffc800;color:#1a1400;}
@media(max-width:700px){.rev-brand{grid-template-columns:1fr;}.rev-cover{min-height:200px;}}
.rev-erode{background:linear-gradient(135deg,#1c1611 0%,#0d0b08 100%);color:#efe7d7;}
.rev-erode .rev-rail-name{font-family:var(--serif-el),Georgia,serif;font-style:italic;font-weight:700;color:#d9b676;}
.rev-erode .rev-rail-all{color:#d9b676;border-color:rgba(217,182,118,.45);}
.rev-erode .rev-card-tit{font-family:var(--serif-el),Georgia,serif;}
.rev-pano{background:linear-gradient(135deg,#0f2032 0%,#0a131f 100%);color:#e9f1fb;}
.rev-pano .rev-rail-name{font-family:'Rajdhani',var(--sans);font-weight:700;color:#46a6ff;letter-spacing:.5px;}
.rev-pano .rev-rail-all{color:#46a6ff;border-color:rgba(70,166,255,.45);}
.rev-cars{background:linear-gradient(135deg,#17120a 0%,#0a0a0a 100%);color:#f5f5f5;}
.rev-cars .rev-rail-name{font-family:'Rajdhani',var(--sans);font-weight:800;color:#ffc800;letter-spacing:1px;text-transform:uppercase;}
.rev-cars .rev-rail-all{color:#ffc800;border-color:rgba(255,200,0,.45);}
body.dark .rev-head-lbl{color:#e8e4dc;}
@media(max-width:767px){
  .rev-wrap{padding:8px 16px 6px;}
  .rev-rail{padding:15px 15px 17px;border-radius:10px;}
  .rev-rail-name{font-size:21px;}
  .rev-card{flex:0 0 152px;}
}

/* ── YOUTUBE — rediseño editorial ── */
.yt-section{background:#111;border-top:3px solid #2a2a2a;border-bottom:1px solid #2a2a2a;}
.yt-section .sdiv{border-bottom-color:rgba(255,255,255,.1);}
.yt-section .sdiv-name{color:rgba(255,255,255,.9);}
.yt-section .sdiv-line{background:rgba(255,255,255,.14);}
.yt-section .sdiv-more{color:#ff5a5a;}
.yt-section .sdiv-more:hover{color:#fff;}
.yt-inner{padding:0 28px 28px;}
@media(max-width:767px){.yt-inner{padding:0 0 20px;}}
/* Video destacado + fila de 3 */
.yt-feat{position:relative;width:100%;height:340px;height:clamp(300px,38vw,480px);cursor:pointer;overflow:hidden;background:#000;}
.yt-feat-thumb{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s;}
.yt-feat:hover .yt-feat-thumb{transform:scale(1.03);}
.yt-feat-ov{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.88) 0%,rgba(0,0,0,.15) 55%,transparent 100%);}
.yt-feat-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:66px;height:66px;background:rgba(204,26,26,.92);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .2s;}
.yt-feat:hover .yt-feat-play{transform:translate(-50%,-50%) scale(1.12);}
.yt-feat-info{position:absolute;left:0;right:0;bottom:0;padding:22px 24px;}
.yt-feat-tag{display:inline-block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:#ff5a5a;margin-bottom:7px;}
.yt-feat-tit{font-family:var(--serif);font-size:clamp(18px,2.1vw,26px);font-weight:700;color:#fff;line-height:1.25;max-width:760px;}
.yt-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px;}
.yt-rcard{cursor:pointer;}
.yt-rthumb{position:relative;aspect-ratio:16/9;overflow:hidden;background:#000;}
.yt-rthumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s;}
.yt-rcard:hover .yt-rthumb img{transform:scale(1.05);}
.yt-rplay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:34px;height:34px;background:rgba(204,26,26,.9);border-radius:50%;display:flex;align-items:center;justify-content:center;}
.yt-rtit{font-family:var(--serif);font-size:13px;color:#e8e4dc;line-height:1.4;margin-top:9px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
body.dark .yt-rtit{color:#e8e4dc;}
@media(max-width:767px){
  .yt-feat{height:clamp(190px,56vw,260px);}
  .yt-feat-play{width:48px;height:48px;}
  .yt-feat-tit{font-size:15px;}
  .yt-feat-info{padding:16px 16px;}
  .yt-row{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:0 0 6px;}
  .yt-row::-webkit-scrollbar{display:none;}
  .yt-row{scrollbar-width:none;}
  .yt-rcard{flex:0 0 66%;scroll-snap-align:start;}
  .yt-rtit{font-size:12px;}
}

/* ── ÚLTIMA EDICIÓN EN PORTAL ── */
.ed-widget{display:flex;gap:20px;align-items:stretch;padding:20px 28px;border-bottom:1px solid var(--gb);background:var(--gc);}
.ed-widget-cover{flex:0 0 100px;position:relative;}
.ed-widget-cover img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block;box-shadow:0 4px 16px rgba(0,0,0,.15);}
.ed-widget-cover-ph{width:100%;aspect-ratio:3/4;background:var(--n);display:flex;align-items:center;justify-content:center;}
.ed-widget-body{flex:1;display:flex;flex-direction:column;justify-content:center;gap:6px;}
.ed-widget-label{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--r);}
.ed-widget-num{font-size:10px;color:var(--gs);}
.ed-widget-tit{font-family:var(--serif);font-size:17px;font-weight:700;line-height:1.3;color:var(--n);}
.ed-widget-desc{font-size:12px;color:var(--gt);line-height:1.5;}
.ed-widget-btns{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px;}
.ed-widget-btn1{padding:8px 16px;background:var(--r);color:#fff;border:none;font-family:var(--sans);font-size:12px;font-weight:600;cursor:pointer;}
.ed-widget-btn1:hover{background:var(--ro);}
.ed-widget-btn2{padding:8px 14px;background:none;border:1px solid var(--gb);color:var(--gt);font-family:var(--sans);font-size:12px;cursor:pointer;}
.ed-widget-btn2:hover{border-color:var(--n);color:var(--n);}
@media(max-width:767px){.ed-widget{padding:14px 16px;gap:14px;}.ed-widget-cover{flex:0 0 72px;}.ed-widget-tit{font-size:14px;}}
.leido-wrap{display:grid;grid-template-columns:2fr 1fr;border-bottom:1px solid var(--gb);}
.leido-main{padding:16px 28px;border-right:1px solid var(--gb);}
.leido-item{display:flex;align-items:start;gap:12px;padding:12px 0;border-bottom:1px solid var(--gb);cursor:pointer;}
.leido-item:last-child{border-bottom:none;}
.leido-item:hover .leido-tit{color:var(--r);}
.leido-num{font-size:28px;font-weight:700;color:var(--gm);line-height:1;flex-shrink:0;width:36px;text-align:center;font-family:var(--serif);}
.leido-item:first-child .leido-num{color:var(--r);}
.leido-body{flex:1;}
.leido-cat{font-size:8px;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;color:var(--r);margin-bottom:3px;}
.leido-tit{font-family:var(--serif);font-size:14px;line-height:1.4;color:var(--n);margin-bottom:3px;transition:color .15s;}
.leido-meta{font-size:9px;color:var(--gs);}
.leido-thumb{width:72px;height:54px;background:var(--gm);overflow:hidden;flex-shrink:0;}
.leido-thumb img{width:100%;height:100%;object-fit:cover;}
.leido-side{padding:16px 18px;}
/* ── México y el Mundo: bloque con fotos (Nacional + Internacional) ── */
.mm-lead{display:block;cursor:pointer;margin-bottom:20px;}
.mm-lead-img{width:100%;height:clamp(190px,22vw,300px);background:var(--gm);overflow:hidden;margin-bottom:13px;}
.mm-lead-img img{width:100%;height:100%;object-fit:cover;transition:transform .3s;}
.mm-lead:hover .mm-lead-img img{transform:scale(1.03);}
.mm-lead-cat{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--r);margin-bottom:7px;}
.mm-lead-tit{font-family:var(--serif);font-size:clamp(20px,2vw,27px);font-weight:800;line-height:1.18;letter-spacing:-.3px;color:var(--n);margin-bottom:9px;transition:color .15s;}
.mm-lead:hover .mm-lead-tit{color:var(--r);}
.mm-lead-ex{font-size:14px;color:var(--gt);line-height:1.6;margin-bottom:9px;}
.mm-lead-meta{font-size:10px;color:var(--gs);}
.mm-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;border-top:1px solid var(--gb);padding-top:18px;}
.mm-card{cursor:pointer;display:grid;grid-template-columns:84px 1fr;gap:12px;align-items:start;background:var(--b);border:1px solid var(--gb);border-radius:6px;padding:10px;transition:box-shadow .15s,border-color .15s,transform .15s;}
.mm-card:hover{border-color:var(--gm);box-shadow:0 6px 16px rgba(0,0,0,.08);transform:translateY(-2px);}
.mm-card-th{width:84px;height:64px;background:var(--gm);overflow:hidden;flex-shrink:0;border-radius:4px;}
.mm-card-th img{width:100%;height:100%;object-fit:cover;object-position:center top;}
body.dark .mm-card{background:#1c1c1c;border-color:#2e2e2e;}
.mm-card-cat{font-size:8px;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;color:var(--r);margin-bottom:4px;}
.mm-card-tit{font-family:var(--serif);font-size:13px;line-height:1.35;color:var(--n);transition:color .15s;}
.mm-card:hover .mm-card-tit{color:var(--r);}
.mm-card-meta{font-size:9px;color:var(--gs);margin-top:4px;}
@media(max-width:560px){.mm-grid{grid-template-columns:1fr;}}
.widget-tit{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;color:var(--n);margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid var(--r);}
.news-box{background:var(--n);padding:18px;margin-bottom:16px;}
.news-box h3{font-family:var(--serif);font-size:16px;color:#fff;margin-bottom:6px;}
.news-box p{font-size:11px;color:rgba(255,255,255,.5);line-height:1.6;margin-bottom:12px;}
.news-inp{width:100%;font-family:var(--sans);font-size:12px;padding:8px 10px;border:none;outline:none;margin-bottom:8px;}
.news-btn{width:100%;padding:8px;background:var(--r);color:#fff !important;border:none;font-family:var(--sans);font-size:12px;font-weight:600;cursor:pointer;letter-spacing:.3px;}
.tag-cloud{display:flex;flex-wrap:wrap;gap:6px;}
.tag-pill{padding:4px 10px;background:var(--gc);border:0.5px solid var(--gb);font-size:10px;color:var(--gt);cursor:pointer;}
.tag-pill:hover{background:var(--n);color:#fff;}
/* Widget "Lo más leído" (caja oscura del newsletter) */
.mw-list{display:flex;flex-direction:column;}
.mw-item{display:flex;gap:10px;align-items:flex-start;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.1);cursor:pointer;}
.mw-item:last-child{border-bottom:none;}
.mw-num{font-family:var(--serif);font-size:17px;font-weight:800;color:#ff5a5a;line-height:1;min-width:16px;}
.mw-tit{font-size:12.5px;line-height:1.35;color:var(--n);}
.mw-item:hover .mw-tit{color:var(--r);}
body.dark .mw-tit{color:#e8e4dc;}
/* ── Widget "Lo más leído" enriquecido (mini-ranking editorial, va sobre fondo CLARO de .leido-side) ── */
.mw2-list{display:flex;flex-direction:column;}
.mw2-sub{font-family:var(--serif);font-size:13px;font-weight:700;color:var(--n);line-height:1.25;margin:-2px 0 10px;}
.mw2-item{display:grid;grid-template-columns:22px 56px 1fr;gap:11px;align-items:center;padding:11px 0;border-bottom:1px solid var(--gb);cursor:pointer;outline:none;}
.mw2-item:last-child{border-bottom:none;}
.mw2-item:focus-visible{outline:2px solid var(--r);outline-offset:2px;}
.mw2-num{font-family:var(--serif);font-size:22px;font-weight:800;color:var(--gm);line-height:1;text-align:center;transition:color .15s;}
.mw2-item.is-top .mw2-num{color:var(--r);}
.mw2-item:hover .mw2-num{color:var(--r);}
.mw2-th{width:56px;height:56px;background:var(--gm);overflow:hidden;border:1px solid var(--gb);}
.mw2-th img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;transition:transform .3s;}
.mw2-item:hover .mw2-th img{transform:scale(1.06);}
.mw2-th-ph{background:linear-gradient(135deg,var(--gm),var(--gb));}
.mw2-body{min-width:0;}
.mw2-cat{font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--r);margin-bottom:3px;}
.mw2-tit{font-family:var(--serif);font-size:12.5px;font-weight:600;line-height:1.3;color:var(--n);transition:color .15s;}
.mw2-item:hover .mw2-tit{color:var(--r);}
.mw2-meta{font-size:9px;color:var(--gs);margin-top:4px;}
body.dark .mw2-sub{color:#e0dcd6;}
body.dark .mw2-tit{color:#e8e4dc;}
body.dark .mw2-th{background:#222;border-color:#2e2e2e;}
body.dark .mw2-th-ph{background:linear-gradient(135deg,#2a2a2a,#161616);}
body.dark .mw2-item{border-bottom-color:#2e2e2e;}
body.dark .mw2-num{color:#333;}
body.dark .mw2-item:hover .mw2-tit{color:#fff;}

/* ── COLUMNISTAS ── */
.col-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--gb);}
/* La lista de columnistas del portal se retiró (queda el bloque destacado de Opinión). !important
   porque el JS de "extras" reescribe el display inline al navegar entre secciones. */
#sec-cols{display:none!important;}
.col-card{padding:18px 16px;border-right:1px solid var(--gb);cursor:pointer;transition:background .1s;}
.col-card:hover{background:var(--gc);}
.col-card:last-child{border-right:none;}
.col-head{display:flex;align-items:center;gap:11px;margin-bottom:12px;}
.col-av{width:56px;height:56px;border-radius:8px;background:var(--n);display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:19px;font-weight:700;color:#fff;overflow:hidden;flex-shrink:0;}
.col-av img{width:100%;height:100%;object-fit:cover;}
.col-meta{min-width:0;}
.col-nombre{font-size:14px;font-weight:700;line-height:1.2;}
.col-tema{font-size:10px;color:var(--r);text-transform:uppercase;letter-spacing:1px;margin-top:2px;}
.col-titulo{font-family:var(--serif);font-size:15px;font-weight:600;line-height:1.32;color:var(--n);}
.col-card:hover .col-titulo{color:var(--r);}
.col-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;}
.col-fecha{font-size:10px;color:var(--gs);}
.autor-redes{display:inline-flex;gap:8px;align-items:center;}
.autor-redes a{color:var(--gs);display:inline-flex;transition:color .15s;}
.autor-redes a:hover{color:var(--r);}
body.dark .col-titulo{color:#e8e4dc;}

/* ── YOUTUBE (estilos viejos; el rediseño editorial oscuro #111 manda — ver arriba) ── */
/* NO redefinir .yt-section aquí: el encabezado y las tarjetas son tema OSCURO; un fondo
   claro dejaba los títulos .yt-rtit (#ddd) invisibles. El fondo #111 lo define el bloque de arriba. */
.yt-grid{background:#111;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));}
.yt-card{background:var(--b);border-right:1px solid var(--gb);border-bottom:1px solid var(--gb);overflow:hidden;}
.yt-card:nth-child(3n){border-right:none;}
.yt-thumb-wrap{position:relative;width:100%;padding-bottom:56.25%;background:#000;overflow:hidden;}
.yt-thumb-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}
.yt-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:46px;height:46px;background:rgba(204,26,26,.9);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s;}
.yt-play:hover{transform:translate(-50%,-50%) scale(1.1);}
.yt-info{padding:12px 14px;}
.yt-tit{font-family:var(--serif);font-size:13px;line-height:1.4;margin-bottom:4px;}
.yt-meta{font-size:9px;color:var(--gs);}
.yt-cta{display:flex;align-items:center;gap:10px;padding:12px 28px;background:var(--b);border-top:1px solid var(--gb);}
.yt-cta a{display:flex;align-items:center;gap:8px;font-family:var(--sans);font-size:12px;color:#CC0000;font-weight:500;}
.yt-cta a:hover{text-decoration:underline;}

/* ── REDES SOCIALES ── */
.social-wrap{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--gb);}
.social-col:first-child{border-right:1px solid var(--gb);}
.social-hdr{padding:12px 20px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--gb);}
.social-icon{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.social-name{font-size:12px;font-weight:600;}
.social-handle{font-size:10px;color:var(--gs);}
.social-follow{margin-left:auto;padding:5px 12px;font-size:10px;font-weight:500;border:none;cursor:pointer;color:#fff;text-decoration:none;display:inline-block;}
.social-post{padding:12px 18px;border-bottom:1px solid var(--gb);display:flex;gap:10px;align-items:start;}
.social-post:last-child{border-bottom:none;}
.social-post-icon{width:36px;height:36px;flex-shrink:0;display:flex;align-items:center;justify-content:center;}
.social-post-txt{font-size:12px;color:var(--gt);line-height:1.6;flex:1;}
.social-post-meta{font-size:9px;color:var(--gs);margin-top:4px;}
.social-more{padding:10px 18px;text-align:center;font-size:11px;color:var(--r);cursor:pointer;border-top:1px solid var(--gb);}
.social-more:hover{background:var(--gc);}
/* ── SOCIAL COLS OUTER (Facebook + Instagram desktop layout) ── */
.social-cols-outer{padding:16px;}
@media(min-width:768px){
  .social-cols-outer{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:20px 28px;align-items:start;}
  .social-fb-embed{max-width:500px;}
}

/* ── FOOTER ── */
/* Foto destacada de la NOTA: se ve COMPLETA (la foto ES el contenido; recortarla cortaba cabezas).
   Se adapta sola a cualquier foto: una horizontal llena el ancho; una vertical se limita en alto y queda
   centrada. Sin recorte, sin deformar y sin barras (a diferencia de las tarjetas de portada, que sí llenan
   el marco a propósito para que la cuadrícula quede pareja). */
.art-img{display:block;max-width:100%;width:auto;height:auto;max-height:70vh;margin:20px auto;}
.art-img-ph{width:100%;aspect-ratio:16/9;background:var(--gc);display:flex;align-items:center;justify-content:center;color:var(--gs);font-size:13px;margin:20px 0;}
.art-cat{font-size:11px;font-weight:700;color:var(--r);text-transform:uppercase;letter-spacing:2px;margin-bottom:10px;}
.art-tit{font-family:var(--serif);font-size:28px;font-weight:700;line-height:1.2;margin-bottom:10px;color:var(--n);}
.art-sub{font-size:16px;color:var(--gs);line-height:1.6;margin-bottom:14px;font-style:italic;}
.art-met{font-size:12px;color:var(--gs);display:flex;gap:16px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--gb);}
/* Nombre del autor arriba del todo (orden: autor → tipo → título → fecha → imagen → texto) */
.art-author-top{font-family:var(--sans);font-size:13px;color:var(--gs);margin-bottom:9px;letter-spacing:.2px;}
.art-author-top b{color:var(--n);font-weight:700;}
.art-body{font-size:16px;line-height:1.85;color:#222;}
.art-body p{margin-bottom:20px;}
/* ── Cuerpo enriquecido migrado de WordPress (listas, tablas, embeds, figuras) ── */
.art-body{overflow-wrap:anywhere;word-break:break-word;}
.art-body h2{font-family:var(--serif);font-size:23px;font-weight:700;line-height:1.25;margin:28px 0 12px;}
.art-body h3{font-family:var(--serif);font-size:19px;font-weight:700;margin:24px 0 10px;}
.art-body h4{font-size:16px;font-weight:700;margin:20px 0 8px;}
.art-body ul,.art-body ol{margin:0 0 20px;padding-left:1.6em;}
.art-body ul{list-style:disc;}
.art-body ol{list-style:decimal;}
.art-body li{margin-bottom:8px;}
.art-body a{color:var(--r);text-decoration:underline;}
.art-body img{max-width:100%;height:auto;display:block;margin:18px auto;border-radius:4px;}
/* Video subido dentro del cuerpo de la nota: completo (sin recortar), centrado, sin salirse. */
.art-body video{max-width:100%;height:auto;max-height:70vh;display:block;margin:18px auto;background:#000;border-radius:4px;}
.art-body figure{margin:18px 0;}
.art-body figure{margin:0 0 24px;}
.art-body figure img{margin:0 auto 6px;}
.art-body figcaption{font-size:.8em;color:var(--gs);text-align:center;font-style:italic;}
.art-body blockquote{margin:0 0 22px;padding:8px 18px;border-left:4px solid var(--r);background:rgba(0,0,0,.03);font-style:italic;color:var(--gt);}
.art-body hr{border:0;border-top:1px solid var(--gb);margin:26px 0;}
.art-body .tbl-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 0 22px;}
.art-body table{width:100%;border-collapse:collapse;font-size:14px;}
.art-body th,.art-body td{border:1px solid var(--gb);padding:7px 10px;text-align:left;vertical-align:top;}
.art-body th{background:rgba(0,0,0,.04);font-weight:700;}
.art-body .embed-video{position:relative;padding-bottom:56.25%;height:0;margin:0 0 24px;}
.art-body .embed-video iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;}
#p-art.art-theme-erode .art-body a{color:#e0c389;}
#p-art.art-theme-panorama .art-body a{color:#7bc0ff;}
#p-art.art-theme-cars .art-body a{color:#ffd84d;}
/* En notas con tema OSCURO (Erode/Panorama/Cars): la firma "Por X", la tarjeta de autor y el
   texto que hereda negro se veían invisibles. Los aclaramos. */
#p-art[class*="art-theme-"] .art-author-top{color:rgba(255,255,255,.62);}
#p-art[class*="art-theme-"] .art-author-top b{color:#fff;}
#p-art[class*="art-theme-"] .art-author,
#p-art[class*="art-theme-"] .art-author div{color:rgba(255,255,255,.92);}
#p-art[class*="art-theme-"] .art-author{border-top-color:rgba(255,255,255,.18);border-bottom-color:rgba(255,255,255,.18);}
#p-art[class*="art-theme-"] .art-impresa-badge{color:rgba(255,255,255,.7);}
#p-art[class*="art-theme-"] .com-nm,#p-art[class*="art-theme-"] .com-tx,#p-art[class*="art-theme-"] .art-coms h3,#p-art[class*="art-theme-"] .rel-t{color:rgba(255,255,255,.9);}
#p-art[class*="art-theme-"] .com-fd,#p-art[class*="art-theme-"] .com-empty{color:rgba(255,255,255,.5);}
/* ── Lectura premium (#1): letra capital + barra de progreso ── */
.art-body:not(.art-html) > p:first-of-type::first-letter{float:left;font-family:var(--serif-el);font-size:64px;line-height:.78;font-weight:700;padding:6px 12px 0 0;color:var(--r);}
#p-art.art-theme-erode .art-body:not(.art-html) > p:first-of-type::first-letter{color:#c9a96e;}
#p-art.art-theme-panorama .art-body:not(.art-html) > p:first-of-type::first-letter{color:#3b9eff;}
#p-art.art-theme-cars .art-body:not(.art-html) > p:first-of-type::first-letter{color:#ffc800;}
@media(max-width:600px){.art-body:not(.art-html) > p:first-of-type::first-letter{font-size:50px;padding:5px 9px 0 0;}}
#read-progress{position:fixed;top:0;left:0;height:3px;width:100%;transform:scaleX(0);transform-origin:left center;background:var(--r);z-index:9998;transition:transform .12s linear;pointer-events:none;}
.art-vid{position:relative;padding-top:56.25%;margin:20px 0;}
.art-vid iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;}
.com-item{padding:14px 0;border-bottom:1px solid var(--gb);}
.com-autor{font-size:12px;font-weight:600;margin-bottom:4px;}
.com-txt{font-size:14px;line-height:1.6;color:var(--gs);}
.com-fecha{font-size:11px;color:var(--gs);margin-top:4px;}
@media(max-width:767px){.art-tit{font-size:22px;}}
.site-ft{background:var(--n);padding:24px 28px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:22px;border-top:3px solid var(--r);}
.ft-desc{font-size:11px;color:rgba(255,255,255,.4);line-height:1.7;margin-top:8px;}
.ft-col-tit{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:rgba(255,255,255,.3);margin-bottom:9px;}
.ft-link{display:block;font-size:11px;color:rgba(255,255,255,.5);margin-bottom:5px;}
.ft-link:hover{color:#fff;}
.ft-bot{background:var(--n);padding:10px 28px;border-top:1px solid rgba(255,255,255,.07);display:flex;justify-content:space-between;}
.ft-copy{font-size:10px;color:rgba(255,255,255,.22);}

/* ── ARTÍCULO COMPLETO ── */
.art-pg{max-width:760px;margin:0 auto;padding:26px 28px 40px;}
.art-bk{font-size:11px;color:var(--r);cursor:pointer;margin-bottom:16px;display:inline-block;}
.art-bk:hover{text-decoration:underline;}
.art-cat{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:var(--r);margin-bottom:7px;}
.art-tit{font-family:var(--serif);font-size:26px;font-weight:700;line-height:1.2;margin-bottom:9px;}
.art-sub{font-size:14px;color:var(--gt);line-height:1.7;margin-bottom:11px;}
.art-met{font-size:11px;color:var(--gs);margin-bottom:16px;padding-bottom:13px;border-bottom:1px solid var(--gb);display:flex;gap:14px;flex-wrap:wrap;align-items:center;}
/* (2.ª regla de .art-img, más abajo en la cascada: debe coincidir con la de arriba o vuelve el recorte.) */
.art-img{display:block;max-width:100%;width:auto;height:auto;max-height:70vh;margin:0 auto 20px;}
.art-img-ph{width:100%;height:260px;background:linear-gradient(135deg,#e8e6e2,#d8d6d2);display:flex;align-items:center;justify-content:center;font-size:12px;color:#bbb;margin-bottom:20px;}
.art-vid{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;margin-bottom:20px;}
.art-vid iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;}
/* Video PROPIO (subido del dispositivo): NO forzar 16:9 — se ve completo (horizontal o vertical), centrado. */
.art-vid.art-vid-file{position:static;padding:0;height:auto;overflow:visible;background:#000;text-align:center;}
.art-vid.art-vid-file video{position:static;width:auto;max-width:100%;height:auto;max-height:70vh;display:inline-block;vertical-align:middle;}
/* Etiquetas (temas) clicables al pie de la nota */
.art-tags{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:24px 0;padding-top:16px;border-top:1px solid var(--gb);}
.art-tags-lbl{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--gs);}
.art-tag{display:inline-block;font-size:12px;font-weight:600;color:var(--n);background:var(--gc);border:1px solid var(--gb);padding:4px 12px;border-radius:20px;text-decoration:none;transition:background .15s,color .15s,border-color .15s;}
.art-tag:hover{background:var(--r);color:#fff;border-color:var(--r);}
#p-art[class*="art-theme-"] .art-tags{border-top-color:rgba(255,255,255,.18);}
#p-art[class*="art-theme-"] .art-tag{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:#fff;}
.art-body{font-size:16px;line-height:1.8;}
.art-body p{margin-bottom:16px;}
.coms{margin-top:34px;padding-top:22px;border-top:2px solid var(--n);}
.com-tit{font-family:var(--serif);font-size:20px;font-weight:700;margin-bottom:16px;}
.com-form{background:var(--gc);padding:16px;margin-bottom:20px;}
.com-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px;}
.cin{font-family:var(--sans);font-size:12px;padding:8px 11px;border:1px solid var(--gb);background:var(--b);outline:none;width:100%;}
.cin:focus{border-color:var(--r);}
.cta{font-family:var(--sans);font-size:12px;padding:9px 11px;border:1px solid var(--gb);background:var(--b);outline:none;width:100%;min-height:80px;resize:vertical;margin-bottom:9px;}
.cta:focus{border-color:var(--r);}
.csub{padding:8px 18px;background:var(--r);color:#fff;border:none;font-family:var(--sans);font-size:12px;font-weight:500;cursor:pointer;}
.csub:hover{background:var(--ro);}
.com-item{padding:14px 0;border-bottom:1px solid var(--gb);}
.com-item:last-child{border-bottom:none;}
.com-hdr{display:flex;align-items:center;gap:9px;margin-bottom:6px;}
.com-av{width:30px;height:30px;background:var(--n);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#fff;flex-shrink:0;}
.com-nm{font-size:12px;font-weight:600;}
.com-fd{font-size:9px;color:var(--gs);}
.com-tx{font-size:12px;color:var(--gt);line-height:1.65;}
.com-empty{font-size:12px;color:var(--gs);font-style:italic;padding:10px 0;}

/* ── LECTURA: progreso, tiempo, badges ── */
#read-progress{position:fixed;top:0;left:0;height:3px;width:100%;transform:scaleX(0);transform-origin:left center;background:var(--r);z-index:700;transition:transform .1s linear,opacity .2s ease;pointer-events:none;opacity:0;}
#read-progress.visible{opacity:1;}
.art-read-time{display:inline-flex;align-items:center;gap:4px;font-size:10px;color:var(--gs);background:var(--gc);border:1px solid var(--gb);padding:2px 8px;}
.art-read-time svg{flex-shrink:0;}
.art-views{display:inline-flex;align-items:center;gap:4px;font-size:10px;color:var(--gs);}
.art-impresa-badge{display:inline-flex;align-items:center;gap:5px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--r);border:1px solid var(--r);padding:2px 8px;margin-bottom:10px;}

/* ── COMPARTIR ── */
.share-bar{display:flex;align-items:center;gap:8px;padding:16px 0;border-top:1px solid var(--gb);border-bottom:1px solid var(--gb);margin:24px 0;}
.share-lbl{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;color:var(--gs);margin-right:4px;}
.share-btn{display:flex;align-items:center;gap:5px;padding:6px 12px;border:none;font-family:var(--sans);font-size:11px;font-weight:600;cursor:pointer;transition:opacity .15s;}
.share-btn:hover{opacity:.85;}
.share-wa{background:#25D366;color:#fff;}
.share-fb{background:#1877F2;color:#fff;}
.share-copy{background:var(--gc);color:var(--n);border:1px solid var(--gb);}
.share-copy.done{background:var(--n);color:#fff;}
/* ── Bloque "Comparte y síguenos" al final de la nota (X / Facebook / Instagram) ── */
.share-pro{margin:30px 0 8px;padding:20px 22px;border:1px solid var(--gb);border-radius:10px;background:var(--gc);}
.share-pro-h{font-family:var(--serif);font-size:15px;font-weight:700;color:var(--n);margin-bottom:14px;}
.share-pro-btns{display:flex;flex-wrap:wrap;gap:9px;}
.share-pro-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 17px;border:none;border-radius:100px;font-family:var(--sans);font-size:12.5px;font-weight:600;letter-spacing:.3px;color:#fff;cursor:pointer;transition:transform .14s,box-shadow .14s,opacity .14s;}
.share-pro-btn:hover{opacity:.94;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.14);}
.share-pro-btn .sp-ic{font-size:13px;font-weight:800;}
.sp-wa{background:#25D366;}
.sp-x{background:#111;}
.sp-fb{background:#1877F2;}
.sp-ig{background:linear-gradient(45deg,#f09433,#dc2743,#bc1888);}
.sp-copy{background:var(--gm);color:var(--n);}
@media(max-width:767px){
  /* Botones de compartir en móvil: 2 por fila, texto contenido (antes se desbordaban) */
  .share-pro-btn{flex:1 1 44%;justify-content:center;min-width:0;font-size:11px;padding:9px 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .share-pro-btn .sp-ic{font-size:11px;flex-shrink:0;}
  .share-pro-btns{gap:7px;}
  .pub-social-btns .share-pro-btn{flex:1 1 44%;}
  /* iOS hace ZOOM automático al enfocar inputs con letra <16px → 16px en móvil lo elimina
     (el "mini zoom incómodo" al tocar el buscador, suscripción o campos del panel). */
  input[type=text],input[type=email],input[type=search],input[type=password],input[type=url],input[type=number],select,textarea{font-size:16px !important;}
}
body.dark .share-pro{background:#1a1a1a;border-color:#333;}
body.dark .share-pro-h{color:#e0dcd6;}
/* Post automático para redes (aparece al publicar una nota) */
.pub-social{margin-top:14px;padding:14px 16px;border:1px dashed var(--gb);border-radius:8px;background:var(--gc);}
.pub-social-h{font-family:var(--sans);font-size:13px;font-weight:700;color:var(--n);margin-bottom:9px;}
.pub-social-h span{font-weight:400;color:var(--gs);font-size:12px;}
.pub-social-txt{width:100%;box-sizing:border-box;resize:vertical;font-family:var(--sans);font-size:13px;line-height:1.5;color:var(--n);background:var(--bg);border:1px solid var(--gb);border-radius:6px;padding:10px 12px;margin-bottom:10px;}
.pub-social-btns{display:flex;flex-wrap:wrap;gap:9px;}
body.dark .pub-social{background:#1a1a1a;border-color:#3a3a3a;}
body.dark .pub-social-txt{background:#111;color:#e0dcd6;border-color:#333;}
/* ── LEER EN VOZ ALTA (TTS) ── */
/* Barra de acciones de la nota — estilo editorial sobrio (tipo NYT): pill fino, borde tenue,
   texto en versalitas, sin fondos chillones. */
.tts-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:22px 0 6px;padding:14px 0;border-top:1px solid var(--gb);border-bottom:1px solid var(--gb);}
.tts-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 15px;border:1px solid var(--gb);background:transparent;color:var(--n);font-family:var(--sans);font-size:11.5px;font-weight:600;letter-spacing:.4px;cursor:pointer;border-radius:100px;transition:border-color .18s,color .18s,background .18s;}
.tts-btn:hover{border-color:var(--n);background:var(--n);color:var(--b);}
.tts-btn.tts-on{background:var(--r);border-color:var(--r);color:#fff;}
.tts-btn.tts-stop{padding:8px 12px;}
.tts-btn[hidden]{display:none;}
body.dark .tts-bar{border-color:#2a2a2a;}
body.dark .tts-btn{border-color:#3a3a3a;color:#e6e6e6;}
body.dark .tts-btn:hover{background:#e6e6e6;color:#111;border-color:#e6e6e6;}
#p-art[class*="art-theme-"] .tts-btn{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.3);color:#fff;}
#p-art[class*="art-theme-"] .tts-btn:hover{background:#fff;color:#111;}

/* ── ARTÍCULOS RELACIONADOS ── */
.related-wrap{margin-top:32px;padding-top:24px;border-top:2px solid var(--n);}
.related-tit{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:2.5px;color:var(--gs);margin-bottom:14px;}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
@media(max-width:600px){.related-grid{grid-template-columns:1fr;}}
.related-item{cursor:pointer;border:1px solid var(--gb);transition:border-color .15s;}
.related-item:hover{border-color:var(--n);}
.related-thumb{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;background:var(--gm);}
.related-body{padding:11px 12px 13px;}
.related-cat{font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--r);margin-bottom:4px;}
.related-tit-art{font-family:var(--serif);font-size:14px;line-height:1.35;color:var(--n);font-weight:600;}
.related-date{font-size:9px;color:var(--gs);opacity:1;margin-top:6px;}
.related-item:hover .related-tit-art{color:var(--r);}
/* "Sigue leyendo" — lista de más notas de la sección, debajo de los relacionados */
.artmore2{max-width:740px;margin:34px auto 0;border-top:2px solid var(--n);padding-top:16px;}
.artmore2-t{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--n);margin-bottom:6px;}
.artmore2-t b{color:var(--r);}
.artmore2-item{display:flex;gap:14px;align-items:center;padding:13px 0;border-bottom:1px solid var(--gb);cursor:pointer;text-decoration:none;}
.artmore2-thumb{width:78px;height:56px;object-fit:cover;flex:0 0 78px;border-radius:3px;background:var(--gm);}
.artmore2-tt{font-family:var(--serif);font-size:16px;line-height:1.3;color:var(--n);font-weight:600;transition:color .15s;}
.artmore2-item:hover .artmore2-tt{color:var(--r);}
.artmore2-mt{font-size:11px;color:var(--gs);margin-top:3px;}
#p-art[class*="art-theme-"] .artmore2{border-top-color:rgba(255,255,255,.5);}
#p-art[class*="art-theme-"] .artmore2-t,#p-art[class*="art-theme-"] .artmore2-tt{color:#fff;}
#p-art[class*="art-theme-"] .artmore2-item{border-bottom-color:rgba(255,255,255,.15);}
#p-art.art-theme-opinion .artmore2{border-top-color:#8a2b2b;}
#p-art.art-theme-opinion .artmore2-t,#p-art.art-theme-opinion .artmore2-tt{color:#221c14;}
#p-art.art-theme-opinion .artmore2-t b{color:#8a2b2b;}
/* ── Anuncios / publicidad ── */
.art-ad{margin:30px 0;text-align:center;}
.art-ad-lbl{display:block;font-size:9px;letter-spacing:2px;text-transform:uppercase;color:inherit;opacity:.5;margin-bottom:7px;}
.art-ad img{max-width:100%;height:auto;display:block;margin:0 auto;border:1px solid rgba(128,128,128,.2);}
.art-ad-house{cursor:pointer;border:1px dashed rgba(128,128,128,.4);padding:24px;border-radius:6px;}
.art-ad-house-txt{font-family:var(--serif);font-size:16px;line-height:1.55;opacity:.85;}
/* ── Lo más leído (en nota) ── */
.art-ml{margin:34px 0 8px;border-top:1px solid rgba(128,128,128,.25);padding-top:22px;}
.art-ml-tit{font-family:var(--serif);font-size:19px;font-weight:700;margin-bottom:14px;}
.art-ml-item{display:flex;gap:13px;align-items:flex-start;padding:10px 0;border-bottom:1px solid rgba(128,128,128,.15);cursor:pointer;}
.art-ml-item:hover .art-ml-t{text-decoration:underline;}
.art-ml-num{font-family:var(--serif);font-weight:700;font-size:21px;opacity:.4;min-width:26px;}
.art-ml-c{font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--r);margin-bottom:2px;}
.art-ml-t{font-size:14px;line-height:1.35;}
/* ── Layout de nota con barra lateral (#2) ── */
.art-layout{display:block;max-width:740px;margin:0 auto;position:relative;}
/* LECTURA v2: columna ÚNICA centrada (~740px). El aside ya no se muestra en la nota;
   su HTML se conserva para no desbalancear divs. Los anuncios van DENTRO del cuerpo. */
.art-aside{display:none !important;}
.art-main{min-width:0;}
.art-rail{position:-webkit-sticky;position:sticky;top:90px;display:none;flex-direction:column;align-items:center;gap:11px;padding-top:4px;}
.art-rail-lbl{font-size:9px;text-transform:uppercase;letter-spacing:1.5px;color:var(--gs);writing-mode:vertical-rl;transform:rotate(180deg);margin-bottom:4px;}
.art-rail-btn{width:42px;height:42px;border-radius:50%;border:1px solid var(--gb);background:var(--b);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--gs);transition:background .15s,color .15s,border-color .15s,transform .15s;}
.art-rail-btn:hover{color:#fff;border-color:transparent;transform:translateY(-2px);}
.art-rail-btn.wa:hover{background:#25D366;}
.art-rail-btn.fb:hover{background:#1877F2;}
.art-rail-btn.x:hover{background:#111;}
.art-rail-btn.cp:hover{background:var(--r);}
.art-aside{position:static;max-width:760px;margin:38px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:18px 24px;align-items:start;}
/* En escritorio: barra lateral vertical (1 columna), pegajosa, a la derecha del artículo */
@media(min-width:1024px){
  .art-aside{max-width:none;margin:0;grid-template-columns:1fr;gap:26px;position:-webkit-sticky;position:sticky;top:90px;align-self:start;}
}
.art-aside-news{border:1px solid rgba(128,128,128,.25);border-radius:8px;padding:18px;}
.art-aside-news-t{font-family:var(--serif-el);font-weight:700;font-size:16px;line-height:1.2;margin-bottom:5px;}
.art-aside-news-s{font-size:12px;opacity:.7;margin-bottom:11px;}
.art-aside-news input{width:100%;padding:9px 11px;border:1px solid rgba(128,128,128,.3);background:transparent;color:inherit;font-family:var(--sans);font-size:13px;border-radius:4px;margin-bottom:8px;outline:none;}
.art-aside-news button{width:100%;background:var(--r);color:#fff;border:none;padding:9px;font-family:var(--sans);font-size:13px;font-weight:600;cursor:pointer;border-radius:4px;}
.art-more{border-top:1px solid rgba(128,128,128,.25);padding-top:16px;}
.art-more-t{font-family:var(--serif-el);font-weight:700;font-size:16px;margin-bottom:10px;}
.art-more-item{display:block;padding:9px 0;border-bottom:1px solid rgba(128,128,128,.14);cursor:pointer;font-size:13px;line-height:1.3;}
.art-more-item:hover{color:var(--r);}
.art-aside .art-ml{margin:0;border-top:none;padding-top:0;}
.art-aside .art-ad{margin:0;}
/* ── "En otras secciones" (sidebar) ── */
.art-otras{border-top:1px solid rgba(128,128,128,.25);padding-top:16px;}
.art-otras-t{font-family:var(--serif-el);font-weight:700;font-size:16px;margin-bottom:12px;}
.art-otras-item{display:flex;gap:11px;align-items:flex-start;padding:9px 0;border-bottom:1px solid rgba(128,128,128,.14);cursor:pointer;}
.art-otras-item:last-child{border-bottom:none;}
.art-otras-item:hover .art-otras-ti{text-decoration:underline;}
.art-otras-th{width:62px;height:46px;flex-shrink:0;object-fit:cover;border-radius:4px;background:var(--gm);}
.art-otras-tx{min-width:0;}
.art-otras-c{font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--r);margin-bottom:3px;}
.art-otras-ti{font-size:13px;line-height:1.35;}
.art-otras-d{font-size:10px;opacity:.6;margin-top:3px;}
/* La barra de Compartir vertical SOLO aparece en pantallas anchas (≥1340px), donde hay
   margen suficiente para que FLOTE en el margen izquierdo sin recortarse ni empujar el
   texto. Entre 901–1339px se OCULTA: el texto arranca pegado al margen izquierdo y queda
   equilibrado con la derecha (para compartir está la barra horizontal dentro de la nota).
   En móvil (≤900px), columna única. */
/* LECTURA v2: la barra vertical de compartir se retira (nada a los lados);
   Enviar vive junto al 🔊 y el bloque share-pro sigue al final de la nota. */
@media(max-width:900px){.art-aside{margin-top:30px;}.art-rail{display:none;}}
@media(max-width:600px){.art-aside{grid-template-columns:1fr;}}

/* ── ESTA SEMANA EN LA REVISTA (banner Versión Impresa de la HOME) ── */
/* Tarjeta editorial clara, compacta y llena en PC: portada + info+CTA + mini-archivo.
   Sin franja oscura de borde a borde; max-width centrado para que no quede estirada. */
/* FULL-BLEED: el banner ocupa TODO el ancho (PC y móvil), sin huecos laterales.
   El padding interno vive en .semana-inner. */
.semana-wrap{background:var(--n);border:1px solid #2a2a2a;border-top:none;border-left:none;border-right:none;padding:0;margin:8px 0 0;}
/* Dos zonas: IZQUIERDA (edición actual) | DERECHA (ediciones anteriores) */
.semana-inner{margin:0;padding:22px 28px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:30px;align-items:start;}
.semana-noarch .semana-inner{grid-template-columns:minmax(0,1fr);}
/* Zona IZQUIERDA: portada grande + info+CTA (sub-grid) */
.semana-cur{display:grid;grid-template-columns:160px minmax(0,1fr);gap:24px;align-items:center;}
@media(max-width:1023px){
  .semana-inner{grid-template-columns:minmax(0,1fr);}
  .semana-cur{grid-template-columns:180px minmax(0,1fr);}
  .semana-arch{display:none;}
}
@media(max-width:767px){
  /* Celular: ancho completo, SIMPLE — solo portada + título + botón Leer */
  .semana-inner{padding:16px;grid-template-columns:minmax(0,1fr);}
  .semana-cur{grid-template-columns:96px 1fr;gap:14px;align-items:start;}
  .semana-bullets li{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;}
  .semana-btns{margin-top:4px;}
  .semana-btn1,.semana-btn2{flex:1;text-align:center;}
  .semana-arch{display:none!important;}
  .semana-num,.semana-bullets,.semana-btn2{display:none!important;}
}
.semana-cover{position:relative;align-self:start;}
.semana-cover img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block;box-shadow:0 14px 38px rgba(0,0,0,.55);border-radius:2px;}
.semana-cover-ph{width:100%;aspect-ratio:3/4;background:linear-gradient(160deg,#2a2a2a,#111);display:flex;align-items:center;justify-content:center;gap:4px;border-radius:2px;}
.semana-cover-ph .rv-text{color:#fff;}
.semana-main{display:flex;flex-direction:column;}
.semana-label{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:2.5px;color:var(--r);margin-bottom:8px;}
.semana-tit{font-family:var(--serif);font-size:26px;font-weight:700;color:#f3f0ea;line-height:1.18;margin-bottom:8px;}
@media(max-width:767px){.semana-tit{font-size:16px;}}
.semana-num{font-size:11px;color:#a8a29a;letter-spacing:.5px;margin-bottom:14px;}
.semana-bullets{list-style:none;padding:0;margin:0 0 18px;display:flex;flex-direction:column;gap:8px;}
.semana-bullets li{font-size:13px;color:#cfcabf;line-height:1.55;padding-left:14px;position:relative;}
.semana-bullets li::before{content:'';position:absolute;left:0;top:8px;width:4px;height:4px;background:var(--r);border-radius:50%;}
.semana-btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:4px;}
.semana-btn1{padding:11px 22px;background:var(--r);color:#fff;border:none;font-family:var(--sans);font-size:13px;font-weight:700;letter-spacing:.3px;cursor:pointer;transition:background .15s;}
.semana-btn1:hover{background:var(--ro);}
.semana-btn2{padding:11px 18px;background:transparent;color:#e8e4dc;border:1px solid #4a4a4a;font-family:var(--sans);font-size:13px;font-weight:600;cursor:pointer;transition:border-color .15s ease,background-color .15s ease;}
.semana-btn2:hover{border-color:#e8e4dc;background:rgba(255,255,255,.06);}
/* Mini-archivo de ediciones anteriores (rellena la 3ª columna en PC) */
/* Zona DERECHA (azul): ediciones anteriores. Etiqueta arriba pegada a la división;
   4-5 portadas TODAS DEL MISMO TAMAÑO en fila, con título debajo, clicables. */
.semana-arch{border-left:1px solid #2f2f2f;padding-left:30px;display:flex;flex-direction:column;align-self:stretch;}
.semana-arch-lbl{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:#a8a29a;margin-bottom:14px;}
.semana-arch-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;}
.semana-arch-item{cursor:pointer;min-width:0;display:flex;flex-direction:column;}
.semana-arch-cov{position:relative;overflow:hidden;border-radius:2px;}
.semana-arch-cov img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block;box-shadow:0 4px 14px rgba(0,0,0,.28);transition:transform .2s;}
.semana-arch-item:hover .semana-arch-cov img{transform:translateY(-3px);}
.semana-arch-ph{width:100%;aspect-ratio:3/4;background:linear-gradient(160deg,#2a2a2a,#111);display:flex;align-items:center;justify-content:center;gap:2px;border-radius:2px;}
.semana-arch-ph .rv-text{color:#fff;}
.semana-arch-tit{font-size:10px;color:#cfcabf;margin-top:6px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.semana-arch-num{font-size:9px;color:#a8a29a;margin-top:3px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

/* ── PROMO LA REVISTA TV (en vivo 24/7) en la home ── */
.tvpromo{margin:8px auto 0;padding:0 28px;}
.tvpromo-card{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);background:#faf8f4;border:1px solid #e7e2d8;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.04);}
.tvpromo-poster{position:relative;min-height:300px;background:radial-gradient(ellipse at 30% 24%,#323a49,#0a0c11 74%);display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;}
.tvpromo-poster::after{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.022) 0 2px,transparent 2px 4px),radial-gradient(ellipse at 50% 45%,transparent 52%,rgba(0,0,0,.45) 100%);pointer-events:none;z-index:1;}
.tvpromo-scrim{position:absolute;left:0;right:0;bottom:0;height:55%;background:linear-gradient(to top,rgba(6,8,12,.92),rgba(6,8,12,.35) 60%,transparent);z-index:1;pointer-events:none;}
.tvpromo-topbar{position:absolute;top:15px;left:15px;right:15px;display:flex;align-items:center;gap:9px;z-index:3;}
.tvpromo-live{display:inline-flex;align-items:center;gap:7px;background:var(--r);color:#fff;font-family:var(--sans);font-size:11px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;padding:5px 11px;border-radius:3px;box-shadow:0 0 0 1px rgba(255,255,255,.12),0 4px 14px rgba(204,26,26,.5);}
.tvpromo-live-dot{width:7px;height:7px;border-radius:50%;background:#fff;animation:lvpulse 1.2s ease infinite;}
.tvpromo-chip{display:inline-flex;align-items:center;font-family:var(--sans);font-size:10px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:rgba(255,255,255,.82);background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);padding:4px 9px;border-radius:3px;}
.tvpromo-play{position:relative;width:86px;height:86px;border-radius:50%;background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.9);display:flex;align-items:center;justify-content:center;transition:transform .22s,background .22s,border-color .22s;z-index:3;}
.tvpromo-play::before{content:'';position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px;border-radius:50%;border:1px solid rgba(255,255,255,.28);transition:opacity .22s,transform .35s;opacity:.7;}
/* :hover y :focus-visible en reglas SEPARADAS: si van juntos, un navegador viejo que no conoce
   :focus-visible descarta la lista COMPLETA y el hover muere también. */
.tvpromo-poster:hover .tvpromo-play{transform:scale(1.07);background:var(--r);border-color:var(--r);box-shadow:0 10px 30px rgba(204,26,26,.45);}
.tvpromo-poster:focus-visible .tvpromo-play{transform:scale(1.07);background:var(--r);border-color:var(--r);box-shadow:0 10px 30px rgba(204,26,26,.45);}
.tvpromo-poster:hover .tvpromo-play::before{transform:scale(1.18);opacity:0;}
.tvpromo-play svg{width:34px;height:34px;margin-left:5px;fill:#fff;}
.tvpromo-foot{position:absolute;left:0;right:0;bottom:15px;z-index:3;text-align:center;}
.tvpromo-poster-wm{font-family:var(--serif);font-size:15px;font-weight:700;letter-spacing:3px;color:rgba(255,255,255,.9);text-transform:uppercase;}
.tvpromo-poster-wm b{color:#ff6b6b;}
.tvpromo-now{display:inline-flex;align-items:center;gap:7px;margin-top:6px;font-family:var(--sans);font-size:10.5px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;color:rgba(255,255,255,.62);}
.tvpromo-now-dot{width:6px;height:6px;border-radius:50%;background:var(--r);box-shadow:0 0 7px rgba(204,26,26,.9);}
.tvpromo-body{padding:30px 32px;display:flex;flex-direction:column;justify-content:center;}
.tvpromo-kick{font-family:var(--sans);font-size:10px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--r);margin-bottom:9px;}
.tvpromo-tit{font-family:var(--serif);font-size:27px;font-weight:700;color:var(--n);line-height:1.16;margin-bottom:10px;}
.tvpromo-desc{font-size:13.5px;line-height:1.6;color:#4a463e;margin-bottom:18px;max-width:440px;}
.tvpromo-btns{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.tvpromo-btn{padding:11px 22px;background:var(--r);color:#fff;border:none;font-family:var(--sans);font-size:13px;font-weight:700;letter-spacing:.3px;cursor:pointer;border-radius:4px;transition:background .15s;}
.tvpromo-btn:hover{background:var(--ro);}
.tvpromo-btn2{padding:11px 18px;background:transparent;color:var(--n);border:1px solid #d8d2c6;font-family:var(--sans);font-size:13px;font-weight:700;letter-spacing:.3px;cursor:pointer;border-radius:4px;transition:border-color .15s,color .15s;}
.tvpromo-btn2:hover{border-color:var(--r);color:var(--r);}
.tvpromo-extra{margin-top:20px;padding-top:16px;border-top:1px solid #e7e2d8;}
.tvpromo-extra-h{font-family:var(--sans);font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#8a8478;margin-bottom:9px;}
.tvpromo-extra-list{list-style:none;margin:0;padding:0;}
.tvpromo-extra-list li{display:flex;align-items:baseline;gap:12px;padding:5px 0;border-bottom:1px solid #efebe2;}
.tvpromo-extra-list li:last-child{border-bottom:none;}
.tvpromo-extra-t{flex:0 0 64px;font-family:var(--sans);font-size:10.5px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--r);}
.tvpromo-extra-p{font-size:13px;color:#33302a;}
.tvpromo-meta{font-size:10px;color:#8a8478;letter-spacing:.5px;margin-top:12px;}
@media(max-width:767px){
  .tvpromo{padding:0 16px;}
  .tvpromo-card{grid-template-columns:1fr;}
  .tvpromo-poster{min-height:210px;}
  .tvpromo-body{padding:22px 18px;}
  .tvpromo-tit{font-size:21px;}
  .tvpromo-desk-only{display:none !important;}
}
body.dark .tvpromo-card{background:var(--gc);border-color:var(--gb);}
body.dark .tvpromo-tit{color:#e8e4dc;}
body.dark .tvpromo-desc{color:#b8b4ac;}
body.dark .tvpromo-btn2{color:#e8e4dc;border-color:var(--gb);}
body.dark .tvpromo-extra{border-top-color:var(--gb);}
body.dark .tvpromo-extra-list li{border-bottom-color:var(--gb);}
body.dark .tvpromo-extra-p{color:#cfcbc3;}

/* ── CLIMA EN HEADER ── */
.h-clima{display:flex;align-items:center;gap:4px;font-size:10px;color:rgba(255,255,255,.4);padding-left:14px;border-left:1px solid rgba(255,255,255,.1);margin-left:10px;}
.h-clima-temp{font-size:13px;font-weight:600;color:rgba(255,255,255,.85);font-family:var(--sans);}
#h-clima-desc{font-size:9px;color:rgba(255,255,255,.35);}

/* ── STICKY CTA EDICIÓN ── */
#sticky-ed-cta{position:fixed;bottom:0;left:0;right:0;z-index:290;background:var(--n);border-top:2px solid var(--r);padding:10px 20px;display:none;align-items:center;gap:14px;box-shadow:0 -4px 20px rgba(0,0,0,.25);}
#sticky-ed-cta.show{display:flex;}
.sticky-ed-cover{width:36px;height:48px;object-fit:cover;flex-shrink:0;}
.sticky-ed-cover-ph{width:36px;height:48px;background:#222;flex-shrink:0;}
.sticky-ed-txt{flex:1;min-width:0;}
.sticky-ed-lbl{font-size:9px;color:rgba(255,255,255,.35);text-transform:uppercase;letter-spacing:1.5px;}
.sticky-ed-tit{font-family:var(--serif);font-size:13px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.sticky-ed-btn{padding:8px 16px;background:var(--r);color:#fff;border:none;font-family:var(--sans);font-size:11px;font-weight:700;cursor:pointer;white-space:nowrap;flex-shrink:0;}
.sticky-ed-close{background:none;border:none;color:rgba(255,255,255,.3);cursor:pointer;padding:4px 8px;font-size:18px;flex-shrink:0;}
.sticky-ed-close:hover{color:#fff;}
@media(max-width:767px){#sticky-ed-cta{bottom:56px;}}

/* ── VERSIÓN IMPRESA ── */
.imp-wrap{background:#0f0f0f;min-height:calc(100vh - 42px);}
.imp-hero-inner{display:grid;grid-template-columns:1fr 2fr;gap:40px;align-items:center;padding:32px 40px 28px;border-bottom:1px solid #1e1e1e;}
.imp-cover-w{position:relative;}
.imp-cover{width:100%;aspect-ratio:3/4;object-fit:cover;display:block;}
.imp-cover-ph{width:100%;aspect-ratio:3/4;background:linear-gradient(160deg,#1a1a1a,#222);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;}
.imp-badge{position:absolute;top:12px;left:12px;background:var(--r);color:#fff;font-size:10px;font-weight:600;padding:4px 10px;letter-spacing:1px;text-transform:uppercase;}
.imp-num{font-size:11px;color:rgba(255,255,255,.3);text-transform:uppercase;letter-spacing:3px;margin-bottom:10px;}
.imp-tit{font-family:var(--serif);font-size:22px;font-weight:700;color:#fff;line-height:1.2;margin-bottom:10px;}
.imp-desc{font-size:14px;color:rgba(255,255,255,.5);line-height:1.75;margin-bottom:22px;}
.imp-meta-row{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #1e1e1e;}
.imp-ml{font-size:9px;color:rgba(255,255,255,.25);text-transform:uppercase;letter-spacing:1.5px;}
.imp-mv{font-size:13px;color:rgba(255,255,255,.7);font-weight:500;margin-top:3px;}
.imp-msep{width:1px;height:36px;background:#1e1e1e;}
.imp-btns{display:flex;gap:10px;}
.imp-btn1{padding:12px 24px;background:var(--r);color:#fff;border:none;font-family:var(--sans);font-size:13px;font-weight:500;cursor:pointer;}
.imp-btn1:hover{background:var(--ro);}
.imp-btn2{padding:12px 20px;background:none;border:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.7);font-family:var(--sans);font-size:13px;cursor:pointer;}
.imp-btn2:hover{border-color:rgba(255,255,255,.5);color:#fff;}
.imp-arch-hdr{padding:20px 40px 14px;display:flex;align-items:center;gap:14px;border-bottom:1px solid #1e1e1e;}
.imp-arch-t{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:2.5px;color:rgba(255,255,255,.3);white-space:nowrap;}
.imp-arch-l{flex:1;height:1px;background:#1e1e1e;}
.imp-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;background:#1e1e1e;align-items:start;}
.imp-card{background:#141414;cursor:pointer;transition:background .15s;padding:12px;display:flex;flex-direction:column;}
.imp-card:hover{background:#1a1a1a;}
.imp-ec-wrap{width:100%;aspect-ratio:3/4;margin-bottom:10px;overflow:hidden;flex-shrink:0;}
.imp-ec{width:100%;height:100%;object-fit:cover;display:block;}
.imp-ec-ph{width:100%;height:100%;background:linear-gradient(160deg,#1e1e1e,#252525);display:flex;flex-direction:column;align-items:center;justify-content:center;}
.imp-en{font-size:9px;color:var(--r);font-weight:600;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:4px;}
.imp-et{font-family:var(--serif);font-size:13px;color:#ddd;line-height:1.35;margin-bottom:4px;}
.imp-ef{font-size:9px;color:rgba(255,255,255,.3);}
.imp-new{background:var(--r);color:#fff;font-size:8px;padding:2px 6px;letter-spacing:1px;text-transform:uppercase;display:inline-block;margin-bottom:6px;}
.imp-ft{background:#080808;padding:16px 40px;display:flex;justify-content:space-between;border-top:1px solid #1e1e1e;}
.imp-ftc{font-size:10px;color:rgba(255,255,255,.2);}

/* ── FLIPBOOK ── */
.fb-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0f0f0f;z-index:500;display:flex;flex-direction:column;overflow:hidden;}
.fb-top{width:100%;background:#111;border-bottom:1px solid #222;padding:10px 20px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;}
.fb-ed{font-size:11px;color:rgba(255,255,255,.4);letter-spacing:1px;margin-left:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;}
.fb-top-l{flex:1;min-width:0;}
.fb-top-r{flex-shrink:0;}
.fb-dl-ic{display:inline-block;}
.fb-close{padding:7px 16px;background:none;border:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.6);font-family:var(--sans);font-size:12px;cursor:pointer;display:inline-flex;align-items:center;gap:5px;white-space:nowrap;}
.fb-close:hover{border-color:#fff;color:#fff;}
.fb-dl{padding:7px 14px;background:var(--r);color:#fff;border:none;font-family:var(--sans);font-size:12px;cursor:pointer;margin-right:8px;display:inline-flex;align-items:center;gap:5px;white-space:nowrap;text-decoration:none;}
.fb-dl:hover{background:var(--ro);}
.fb-stage{flex:1;display:flex;align-items:center;justify-content:center;padding:14px 50px;overflow:hidden;position:relative;width:100%;}
.fb-pw{display:flex;align-items:center;justify-content:center;gap:0;max-height:calc(100vh - 140px);}
.fb-page{background:#fff;position:relative;overflow:hidden;display:flex;align-items:flex-start;justify-content:center;box-shadow:0 8px 40px rgba(0,0,0,.8);}
.fb-page.left{border-radius:2px 0 0 2px;box-shadow:-8px 0 40px rgba(0,0,0,.8),inset -2px 0 8px rgba(0,0,0,.5);}
.fb-page.right{border-radius:0 2px 2px 0;box-shadow:8px 0 40px rgba(0,0,0,.8),inset 2px 0 8px rgba(0,0,0,.5);}
.fb-page canvas{display:block;max-height:calc(100vh - 140px);width:auto;max-width:100%;}
.fb-spine{width:10px;background:linear-gradient(to right,rgba(0,0,0,.8),rgba(60,60,60,.6),rgba(0,0,0,.8));flex-shrink:0;align-self:stretch;box-shadow:0 0 20px rgba(0,0,0,.5);}
.fb-arr{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.7);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;}
.fb-arr:hover{background:rgba(255,255,255,.15);color:#fff;}
.fb-arr:disabled{opacity:.2;cursor:default;}
.fb-arr.p{left:10px;}
.fb-arr.nx{right:10px;}
.fb-bar{width:100%;background:#111;border-top:1px solid #1e1e1e;padding:10px 20px;display:flex;align-items:center;gap:16px;flex-shrink:0;}
.fb-thumbs{display:flex;gap:6px;overflow-x:auto;flex:1;scrollbar-width:thin;scrollbar-color:#333 #111;padding-bottom:2px;}
.fb-thumbs::-webkit-scrollbar{height:3px;}
.fb-thumbs::-webkit-scrollbar-thumb{background:#333;}
.fb-th{flex-shrink:0;width:30px;height:42px;background:#222;cursor:pointer;border:1px solid transparent;overflow:hidden;display:flex;align-items:center;justify-content:center;}
.fb-th.on{background:#333;}
.fb-th canvas{width:100%;height:100%;display:block;}
.fb-th:hover,.fb-th.on{border-color:var(--r);}
.fb-pager{font-size:11px;color:rgba(255,255,255,.4);white-space:nowrap;flex-shrink:0;}
.fb-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;height:100%;color:rgba(255,255,255,.5);}
.fb-lbar{width:200px;height:2px;background:#1e1e1e;overflow:hidden;}
.fb-lfill{height:100%;background:var(--r);transition:width .3s;width:0;}
.fb-ltxt{font-size:12px;letter-spacing:1px;}
/* Encabezado del visor en CELULAR: limpio y cómodo (evita que el título/botones se partan letra por letra) */
@media(max-width:600px){
  .fb-top{padding:9px 12px;}
  .fb-top .hlogo{display:none;}      /* la portada ya muestra la marca y el título */
  .fb-ed{display:none;}              /* el título largo se ocultaba mal partido; la portada lo muestra */
  .fb-top-r{gap:7px;}
  .fb-dl,.fb-close{padding:8px 11px;margin-right:0;gap:0;font-size:0;}  /* solo ícono */
  .fb-dl-ic{font-size:15px;line-height:1;}
  .fb-dl-lbl{display:none;}
}

/* ══ MUNDIAL 2026 ══ */
#v-mundial{max-width:1180px;margin:0 auto;padding:0 16px 50px;}
/* Vista de NARRACIÓN del partido (v-partido) */
#v-partido{max-width:760px;margin:0 auto;padding:18px 16px 60px;}
.pt-back{background:none;border:1px solid var(--gb);color:var(--gs);font:inherit;font-size:13px;font-weight:600;padding:7px 14px;border-radius:20px;cursor:pointer;margin-bottom:18px;}
.pt-back:hover{border-color:#37d07a;color:#1f7a4a;}
.pt-head{text-align:center;padding:24px 16px;border-radius:14px;background:linear-gradient(160deg,#0b1f14,#123a24);color:#eafff2;margin-bottom:22px;}
.pt-badge{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#9fe;margin-bottom:12px;}
.pt-badge-dot{width:8px;height:8px;border-radius:50%;background:#37d07a;animation:ptPulse 1.6s infinite;}
.pt-badge-off .pt-badge-dot{background:#8a8a8a;animation:none;}
.pt-badge-off{color:#b9c9c0;}
/* Resultados del Mundial: el GANADOR se distingue de un vistazo (✓ verde + negrita) —
   clave en partidos con penales donde el marcador empatado no dice quién avanzó. */
.mun-team.win{font-weight:800;}
.mun-team.win .mun-tn::after{content:" ✓";color:#1f9d5b;font-weight:900;}
@keyframes ptPulse{0%{box-shadow:0 0 0 0 rgba(55,208,122,.6)}70%{box-shadow:0 0 0 8px rgba(55,208,122,0)}100%{box-shadow:0 0 0 0 rgba(55,208,122,0)}}
.pt-score-row{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;}
.pt-team{font-family:var(--serif);font-weight:700;font-size:clamp(17px,4vw,26px);max-width:38%;}
.pt-score{font-family:var(--serif);font-weight:900;font-size:clamp(28px,8vw,46px);letter-spacing:2px;white-space:nowrap;}
.pt-minute{margin-top:10px;font-size:13px;font-weight:700;color:#8fe6b5;letter-spacing:.5px;}
.pt-h3{font-family:var(--serif);font-size:19px;margin:0 0 12px;padding-bottom:8px;border-bottom:2px solid var(--gb);}
.pt-lines{display:flex;flex-direction:column;}
.pt-line{display:flex;gap:14px;padding:13px 2px;border-bottom:1px solid var(--gb);}
.pt-line-min{flex:0 0 44px;font-weight:800;color:#1f9d5b;font-size:14px;}
.pt-line-txt{flex:1;font-size:16px;color:var(--n);line-height:1.55;}
.pt-empty{color:var(--gs);font-style:italic;padding:18px 2px;}
.pt-note{margin-top:20px;font-size:12px;color:var(--gs);text-align:center;line-height:1.5;}
body.dark .pt-back{border-color:#333;color:#bbb;}
body.dark .pt-line-txt{color:#e6e6e6;}
.mun-hero{text-align:center;padding:38px 20px 30px;background:linear-gradient(135deg,#0a3b22,#0e6b3a 60%,#0a3b22);color:#fff;border-radius:0 0 6px 6px;margin:0 -16px 22px;position:relative;overflow:hidden;}
.mun-hero::after{content:'⚽';position:absolute;right:18px;bottom:-12px;font-size:96px;opacity:.08;}
.mun-hero-k{font-family:var(--sans);font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#ffd86b;margin-bottom:8px;position:relative;}
.mun-hero-t{font-family:var(--serif);font-size:clamp(30px,5vw,52px);font-weight:800;line-height:1;margin:0 0 10px;letter-spacing:-1px;position:relative;}
.mun-hero-s{font-size:13px;color:rgba(255,255,255,.82);position:relative;}
.mun-msg{padding:40px 20px;text-align:center;color:var(--gs);font-size:14px;}
.mun-mex{background:linear-gradient(100deg,#0a7d3a,#0c8a43);color:#fff;border-radius:8px;padding:16px 18px;margin-bottom:22px;display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;box-shadow:0 8px 24px rgba(10,100,50,.18);}
.mun-mex-head{display:flex;align-items:center;gap:12px;}
.mun-mex-flag{font-size:30px;line-height:1;}
.mun-mex-t{font-family:var(--serif);font-size:18px;font-weight:800;}
.mun-mex-pos{font-size:12px;color:rgba(255,255,255,.88);margin-top:2px;}
.mun-mex-games{display:flex;gap:18px;flex-wrap:wrap;}
.mun-mex-g{display:flex;flex-direction:column;gap:4px;}
.mun-mex-gl{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:#ffe49a;}
.mun-mex .mun-ml{background:rgba(255,255,255,.13);}
.mun-mex .mun-tn,.mun-mex .mun-sc,.mun-mex .mun-vs{color:#fff;}
.mun-mex .mun-team.is-mex .mun-tn{color:#fff;}
.mun-tabs{display:flex;gap:6px;border-bottom:2px solid var(--gb);margin-bottom:18px;}
.mun-tabb{font-family:var(--sans);font-size:14px;font-weight:700;padding:10px 16px;background:none;border:none;border-bottom:3px solid transparent;color:var(--gs);cursor:pointer;margin-bottom:-2px;}
.mun-tabb.on{color:#0c8a43;border-bottom-color:#0c8a43;}
.mun-groups{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px;}
.mun-gcard{border:1px solid var(--gb);border-radius:8px;overflow:hidden;background:var(--b);}
.mun-gh{background:#0c8a43;color:#fff;font-family:var(--serif);font-weight:800;font-size:14px;padding:8px 12px;letter-spacing:.5px;}
.mun-gtbl{width:100%;border-collapse:collapse;font-size:13px;}
.mun-gtbl th{font-size:9px;font-weight:700;color:var(--gs);text-transform:uppercase;padding:6px 4px;text-align:center;border-bottom:1px solid var(--gb);}
.mun-gtbl td{padding:7px 4px;text-align:center;border-bottom:1px solid var(--gm);}
.mun-gtbl tr:last-child td{border-bottom:none;}
.mun-gp{width:22px;color:var(--gs);font-weight:700;}
.mun-gt{text-align:left!important;}
.mun-pts{font-weight:800;color:var(--n);}
.mun-gtbl tr.mun-q{background:rgba(12,138,67,.06);}
.mun-gtbl tr.mun-q .mun-gp{color:#0c8a43;}
.mun-gtbl tr.is-mex{background:rgba(12,138,67,.16);}
.mun-team{display:inline-flex;align-items:center;gap:7px;min-width:0;}
.mun-team.is-mex .mun-tn{font-weight:800;color:#0c8a43;}
.mun-team.win .mun-tn{font-weight:800;}
.mun-flag{width:21px;height:15px;object-fit:cover;border-radius:2px;flex-shrink:0;box-shadow:0 0 0 1px rgba(0,0,0,.08);}
.mun-flag-ph{display:inline-block;background:var(--gm);}
.mun-tn{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mun-ml{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding:7px 10px;border-radius:6px;}
.mun-ml .mun-team:last-child{flex-direction:row-reverse;justify-content:flex-end;}
.mun-sc{font-family:var(--serif);font-weight:800;font-size:16px;white-space:nowrap;text-align:center;}
.mun-pen{font-size:.72em;font-weight:600;opacity:.78;margin-left:4px;white-space:nowrap;}
.mun-vs{font-size:11px;color:var(--gs);white-space:nowrap;text-align:center;}
.mun-cblk{margin-bottom:24px;}
.mun-cbh{font-family:var(--serif);font-weight:800;font-size:16px;margin-bottom:10px;color:var(--n);}
.mun-crow{border:1px solid var(--gb);border-radius:8px;padding:8px 12px;margin-bottom:8px;background:var(--b);}
.mun-cst{display:block;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--gs);margin-bottom:4px;}
.mun-crow-x{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.mun-cm{display:flex;align-items:center;gap:8px;min-width:0;flex:1;}
.mun-cm .mun-team{min-width:0;}
.mun-cm .mun-tn{font-size:13px;}
.mun-cvs{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--gs);flex-shrink:0;}
.mun-cdate{font-size:12px;font-weight:700;color:var(--n);text-align:right;white-space:nowrap;flex-shrink:0;}
@media(max-width:560px){.mun-cm .mun-tn{max-width:84px;}.mun-cdate{font-size:11px;}}
.mun-bracket{display:flex;gap:16px;overflow-x:auto;padding-bottom:10px;}
.mun-bcol{min-width:240px;flex-shrink:0;}
.mun-bch{font-family:var(--serif);font-weight:800;font-size:13px;color:#0c8a43;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;text-align:center;}
.mun-bm{border:1px solid var(--gb);border-radius:8px;padding:8px 10px;margin-bottom:10px;background:var(--b);}
.mun-foot{text-align:center;font-size:11px;color:var(--gs);margin-top:26px;padding-top:16px;border-top:1px solid var(--gb);}
/* Últimos resultados (strip horizontal) */
.mun-recent{margin-bottom:22px;}
.mun-recent-h{font-family:var(--serif);font-weight:800;font-size:15px;margin-bottom:10px;color:var(--n);}
.mun-recent-row{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px;}
.mun-rc{flex:0 0 auto;border:1px solid var(--gb);border-radius:8px;padding:9px 13px;display:flex;align-items:center;gap:9px;background:var(--b);font-size:12px;white-space:nowrap;}
.mun-rc .mun-team{gap:6px;}
.mun-rc .mun-tn{font-size:12px;max-width:120px;}
.mun-rsc{font-family:var(--serif);font-weight:800;font-size:15px;color:var(--n);}
.mun-rc2{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;}
.mun-rc2 .mun-team{min-width:0;}
.mun-rc2 .mun-team:last-child{justify-content:flex-end;}
.mun-rc2 .mun-rsc{text-align:center;}
.mun-rc2 .mun-tn{max-width:96px;}
body.dark .mun-rc{background:#1c1c1c;border-color:#2e2e2e;}
/* Árbol de llaves (bracket) */
.mun-treewrap{overflow-x:auto;padding-bottom:12px;-webkit-overflow-scrolling:touch;}
.mun-tree{display:flex;gap:36px;min-width:min-content;padding:10px 6px;}
.mun-trd{display:flex;flex-direction:column;justify-content:space-around;flex:0 0 198px;gap:12px;}
.mun-trd-h{font-family:var(--serif);font-weight:800;font-size:12px;color:#0c8a43;text-transform:uppercase;letter-spacing:1.5px;text-align:center;margin-bottom:2px;}
.mun-tm2{position:relative;border:1px solid var(--gb);border-radius:8px;background:var(--b);overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.05);}
.mun-tms{display:flex;align-items:center;gap:8px;padding:7px 10px;font-size:12.5px;}
.mun-tms+.mun-tms{border-top:1px solid var(--gm);}
.mun-tms.win{background:rgba(12,138,67,.09);}
.mun-tms.win .mun-tmn{font-weight:800;}
.mun-tms.is-mex .mun-tmn{color:#0c8a43;font-weight:800;}
.mun-tmn{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mun-tmsc{font-family:var(--serif);font-weight:800;}
.mun-tmd{font-size:9px;color:var(--gs);text-align:center;padding:3px;border-top:1px solid var(--gm);background:var(--gc);}
.mun-trd:not(:first-child) .mun-tm2::before{content:'';position:absolute;left:-19px;top:50%;width:19px;height:2px;background:var(--gb);}
.mun-trd:not(:last-child) .mun-tm2::after{content:'';position:absolute;right:-19px;top:50%;width:19px;height:2px;background:var(--gb);}
.mun-3rd{max-width:230px;margin-top:6px;}
/* ── Proyección de bracket por fórmula (16avos) ── */
.mun-proy-head{display:flex;align-items:flex-start;gap:10px;margin:6px 0 14px;padding:10px 12px;border:1px solid var(--gb);border-radius:10px;background:var(--gc);}
.mun-proy-badge{flex:0 0 auto;font-family:var(--serif);font-weight:800;font-size:10px;letter-spacing:1.2px;color:#fff;background:#0c8a43;border-radius:6px;padding:3px 8px;}
.mun-proy-txt{font-size:11.5px;color:var(--gt);line-height:1.45;}
.mun-proy-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;min-width:min-content;padding:10px 6px;}
.mun-tm2-proy{position:relative;}
.mun-tm2-proy .mun-tm-no{position:absolute;top:-9px;left:10px;font-family:var(--serif);font-weight:800;font-size:10px;color:#0c8a43;background:var(--b);border:1px solid var(--gb);border-radius:10px;padding:1px 7px;line-height:1.4;}
.mun-tms-tbd .mun-tmn{color:var(--gs);font-style:italic;}
.mun-tmlbl{font-family:var(--serif);font-weight:800;font-size:9.5px;color:var(--gs);letter-spacing:.5px;}
.mun-3rdpanel{margin:0 0 14px;border:1px solid var(--gb);border-radius:10px;background:var(--gc);padding:14px 16px;}
.mun-3rdpanel-h{font-family:var(--serif);font-weight:800;font-size:13px;color:#0c8a43;text-transform:uppercase;letter-spacing:1px;}
.mun-3rdpanel-note{font-size:11px;color:var(--gt);margin:2px 0 12px;}
.mun-3rdpanel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px;}
.mun-3rdrow{display:flex;align-items:center;gap:7px;font-size:12px;padding:5px 8px;border:1px solid var(--gb);border-radius:8px;background:var(--b);}
.mun-3rdrow.off{opacity:.45;}
.mun-3rdrow.on{border-color:rgba(12,138,67,.45);}
.mun-3rdrow.is-mex .mun-3rdtn{color:#0c8a43;font-weight:800;}
.mun-3rdpos{font-family:var(--serif);font-weight:800;color:#0c8a43;width:16px;flex:0 0 16px;text-align:center;}
.mun-3rdtn{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mun-3rdg{font-size:10px;color:var(--gs);}
.mun-3rdpts{font-family:var(--serif);font-weight:800;font-size:11px;color:var(--gt);}
body.dark .mun-tm2-proy .mun-tm-no{background:#1c1c1c;border-color:#2e2e2e;}
body.dark .mun-3rdrow{background:#1c1c1c;border-color:#2e2e2e;}
/* Proyección "como quedaría hoy" (1º/2º de cada grupo) + placeholder de columnas vacías */
.mun-trd-tbd{border:1px dashed var(--gb);border-radius:8px;background:var(--gc);color:var(--gs);font-size:11px;text-align:center;padding:14px 8px;}
.mun-pj{margin:0 0 18px;border:1px solid var(--gb);border-radius:10px;background:var(--gc);padding:14px 16px;}
.mun-pj-h{font-family:var(--serif);font-weight:800;font-size:13px;color:#0c8a43;text-transform:uppercase;letter-spacing:1px;}
.mun-pj-note{font-size:11px;color:var(--gt);margin:2px 0 12px;}
.mun-pj-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;}
.mun-pj-card{border:1px solid var(--gb);border-radius:8px;background:var(--b);padding:8px 10px;}
.mun-pj-g{font-family:var(--serif);font-weight:800;font-size:11px;color:var(--gt);text-transform:uppercase;letter-spacing:.8px;margin-bottom:6px;}
.mun-pj-row{display:flex;align-items:center;gap:7px;font-size:12.5px;padding:3px 0;}
.mun-pj-row+.mun-pj-row{border-top:1px solid var(--gm);}
.mun-pj-pos{font-family:var(--serif);font-weight:800;color:#0c8a43;width:16px;flex:0 0 16px;}
.mun-pj-tn{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mun-pj-tbd{flex:1;color:var(--gs);font-style:italic;}
.mun-pj-row.is-mex .mun-pj-tn{color:#0c8a43;font-weight:800;}
body.dark .mun-pj-card{background:#1c1c1c;border-color:#2e2e2e;}
body.dark .mun-tm2{background:#1c1c1c;border-color:#2e2e2e;}
.nb.mun-nb{color:#0c8a43;font-weight:700;}
/* Promo del Mundial en la portada */
.munpromo{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;background:linear-gradient(100deg,#0a3b22,#0c8a43 70%);color:#fff;border-radius:10px;padding:18px 22px;margin:8px 0 4px;cursor:pointer;position:relative;overflow:hidden;box-shadow:0 10px 28px rgba(10,80,45,.18);transition:transform .15s,box-shadow .15s;}
.munpromo:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(10,80,45,.26);}
.munpromo-l{display:flex;align-items:center;gap:16px;min-width:0;}
.munpromo-ball{font-size:42px;line-height:1;flex-shrink:0;}
.munpromo-tx{min-width:0;}
.munpromo-k{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#ffe49a;margin-bottom:4px;}
.munpromo-t{font-family:var(--serif);font-size:clamp(18px,2vw,24px);font-weight:800;line-height:1.15;margin-bottom:5px;}
.munpromo-d{font-size:13px;color:rgba(255,255,255,.85);line-height:1.45;}
/* ── Tarjeta EN VIVO del Mundial en la portada ── */
.mun-live-wrap{display:flex;flex-direction:column;gap:10px;margin:8px 0 4px;}
.mun-live-card{background:linear-gradient(135deg,#14101a,#3a0d1a 55%,#7a0e22);color:#fff;border-radius:12px;padding:14px 18px 16px;cursor:pointer;position:relative;overflow:hidden;box-shadow:0 10px 30px rgba(120,10,30,.28);border:1px solid rgba(255,90,90,.25);}
.mun-live-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;}
.mun-live-badge{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:#fff;background:#e11d2a;padding:4px 10px;border-radius:999px;}
.mun-live-dot{width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 0 0 rgba(255,255,255,.7);animation:munLivePulse 1.4s infinite;}
@keyframes munLivePulse{0%{box-shadow:0 0 0 0 rgba(255,255,255,.7);}70%{box-shadow:0 0 0 9px rgba(255,255,255,0);}100%{box-shadow:0 0 0 0 rgba(255,255,255,0);}}
.mun-live-min{font-size:13px;font-weight:700;color:#ffd86b;font-variant-numeric:tabular-nums;}
.mun-live-score{display:flex;align-items:center;justify-content:center;gap:12px;}
.mun-live-card .mun-team{flex:0 1 auto;min-width:0;color:#fff;gap:8px;}
.mun-live-card .mun-team:first-child{flex-direction:row-reverse;}  /* local: nombre + bandera (junto al marcador) */
.mun-live-card .mun-team:last-child{flex-direction:row;}          /* visitante: bandera + nombre (junto al marcador) */
.mun-live-card .mun-tn{color:#fff;font-weight:700;white-space:nowrap;}
.mun-live-card .mun-flag{width:30px;height:auto;}
.mun-live-num{font-family:var(--serif);font-size:30px;font-weight:800;line-height:1;white-space:nowrap;font-variant-numeric:tabular-nums;}
.mun-live-sep{opacity:.6;margin:0 8px;font-size:22px;}
.mun-live-narr{margin-top:10px;font-size:13px;font-weight:600;color:rgba(255,255,255,.92);min-height:18px;}
/* Tarjeta de PRÓXIMO partido (cuando no hay vivo): tono sobrio, no rojo "en vivo". */
.mun-next-card{background:linear-gradient(135deg,#101418,#16202b 60%,#1d3144);color:#fff;border-radius:12px;padding:13px 18px 15px;cursor:pointer;position:relative;overflow:hidden;box-shadow:0 8px 24px rgba(10,20,40,.22);border:1px solid rgba(120,170,220,.22);}
.mun-next-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;}
.mun-next-badge{font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#bcd6f0;}
.mun-next-live .mun-next-badge{color:#ff6b6b;}
.mun-next-live{border-color:rgba(255,90,90,.35);}
.mun-next-when{font-size:12px;font-weight:600;color:rgba(255,255,255,.78);white-space:nowrap;}
/* Equipos CENTRADOS con las banderas juntas al "vs" (no estiradas a los lados). */
.mun-next-vs{display:flex;align-items:center;justify-content:center;gap:12px;}
.mun-next-vs .mun-team{flex:0 1 auto;min-width:0;color:#fff;gap:8px;}
.mun-next-vs .mun-team:first-child{flex-direction:row-reverse;}  /* local: nombre + bandera (bandera junto al vs) */
.mun-next-vs .mun-team:last-child{flex-direction:row;}           /* visitante: bandera + nombre (bandera junto al vs) */
.mun-next-vs .mun-tn{color:#fff;font-weight:700;white-space:nowrap;}
.mun-next-vs .mun-flag{width:26px;height:auto;}
.mun-next-sep{font-size:13px;font-weight:700;color:rgba(255,255,255,.55);flex:0 0 auto;}
.mun-next-stage{margin-top:8px;font-size:12px;font-weight:600;color:rgba(255,255,255,.7);}
/* Mini-previa del partido: SOLO en computadora (≥768px). */
.mun-next-intro{display:none;margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.12);font-size:13px;line-height:1.5;color:rgba(255,255,255,.82);}
@media(min-width:768px){.mun-next-intro{display:block;}}
@media (prefers-reduced-motion:reduce){.mun-live-dot{animation:none;}}
.munpromo-btn{flex-shrink:0;background:#fff;color:#0a5a30;border:none;font-family:var(--sans);font-size:14px;font-weight:800;padding:12px 22px;border-radius:6px;cursor:pointer;white-space:nowrap;transition:background .15s;}
.munpromo-btn:hover{background:#ffe49a;}
@media(max-width:600px){.munpromo{padding:16px;}.munpromo-ball{font-size:34px;}.munpromo-btn{width:100%;}}
body.dark .mun-gcard,body.dark .mun-crow,body.dark .mun-bm{background:#1c1c1c;border-color:#2e2e2e;}
@media(max-width:600px){.mun-hidem{display:none;}.mun-hero{margin:0 -16px 18px;}.mun-mex{flex-direction:column;align-items:flex-start;}.mun-tabb{flex:1;padding:10px 6px;font-size:13px;}}

/* ── LOGIN ── */
.lw{min-height:calc(100vh - 42px);display:flex;align-items:center;justify-content:center;background:var(--gc);}
.lbox{background:var(--b);padding:34px;width:360px;border-top:3px solid var(--r);}
.lcampo{margin-bottom:13px;}
.lcampo label{display:block;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--gs);margin-bottom:5px;}
.lcampo input{width:100%;font-family:var(--sans);font-size:13px;padding:9px 11px;border:1px solid var(--gb);outline:none;background:var(--gc);}
.lcampo input:focus{border-color:var(--r);background:var(--b);}
.lbtn{width:100%;padding:10px;background:var(--r);color:#fff;border:none;font-family:var(--sans);font-size:13px;font-weight:500;cursor:pointer;}
.lbtn:hover{background:var(--ro);}
.lerr{font-size:12px;color:var(--r);margin-top:9px;text-align:center;display:none;}
.lhint{font-size:10px;color:var(--gs);text-align:center;margin-top:13px;line-height:1.6;}

/* ── ADMIN ── */
.adm-mob-nav{display:none;position:relative;background:var(--n);padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.1);}
.adm-mob-nav .amn{flex:0 0 auto;}
.adm-mob-nav::-webkit-scrollbar{display:none;}
.amn-toggle{display:none;width:100%;align-items:center;gap:9px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.2);color:#fff;font-family:var(--sans);font-size:13px;font-weight:500;padding:10px 13px;border-radius:8px;cursor:pointer;text-align:left;}
.amn-toggle-ic{font-size:14px;line-height:1;opacity:.8;}
.amn-toggle #amn-lbl,.amn-toggle>span#amn-lbl{flex:1;}
.amn-caret{font-size:11px;opacity:.7;transition:transform .15s;}
.amn-toggle[aria-expanded="true"] .amn-caret{transform:rotate(180deg);}
.amn-list{display:none;}
.adm-mob-nav.open .amn-list{display:block;}
.amn{background:none;border:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.6);font-size:11px;padding:6px 12px;margin-right:6px;cursor:pointer;border-radius:20px;white-space:nowrap;}
.amn.on{background:var(--r);border-color:var(--r);color:#fff;}
.amn-sep{display:block;margin:8px 6px 4px;padding-top:8px;border-top:1px solid rgba(255,255,255,.14);font-size:10px;color:rgba(255,255,255,.45);text-transform:uppercase;letter-spacing:1px;}
.amn-logout{border-color:rgba(255,120,120,.5)!important;color:#ff7b7b!important;}
.amn-logout:hover{background:rgba(204,26,26,.15);}
.adml{display:grid;grid-template-columns:210px 1fr;min-height:calc(100vh - 42px);}
.adms{background:var(--n);}
.asl{padding:16px;border-bottom:1px solid rgba(255,255,255,.08);}
.ass{font-size:8px;color:rgba(255,255,255,.25);letter-spacing:1.5px;text-transform:uppercase;margin-top:3px;}
.asll{padding:14px 16px 5px;font-size:8px;text-transform:uppercase;letter-spacing:2px;color:rgba(255,255,255,.2);}
.asi{display:flex;align-items:center;gap:9px;padding:10px 16px;font-family:var(--sans);font-size:12px;cursor:pointer;color:rgba(255,255,255,.45);border-left:2px solid transparent;}
.asi:hover{background:rgba(255,255,255,.05);color:rgba(255,255,255,.8);}
.asi.on{color:#fff;background:rgba(204,26,26,.2);border-left-color:var(--r);}
.asb{background:var(--r);color:#fff;font-size:9px;padding:1px 7px;border-radius:10px;margin-left:auto;font-weight:500;}
.adm-main{padding:22px 26px;background:var(--gc);}
.pan{display:none;}
.pan.on{display:block;}
.phdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;}
.ptit{font-size:16px;font-weight:600;}
.bp{padding:8px 16px;background:var(--r);color:#fff;border:none;font-family:var(--sans);font-size:12px;font-weight:500;cursor:pointer;border-radius:4px;transition:background .18s,transform .12s,box-shadow .18s;}
.bp:hover{background:var(--ro);transform:translateY(-1px);box-shadow:0 4px 14px rgba(204,26,26,.28);}
.bp:active{transform:translateY(0) scale(.97);box-shadow:0 1px 4px rgba(204,26,26,.3);}
.bp[disabled]{opacity:.7;cursor:default;transform:none;box-shadow:none;}
/* Botón principal de PUBLICAR: más presencia + brillo que cruza al pasar el cursor (elegante) */
#btn-publicar{position:relative;overflow:hidden;padding:11px 26px;font-size:13px;font-weight:600;letter-spacing:.4px;border-radius:6px;}
#btn-publicar::after{content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-20deg);transition:left .55s ease;}
#btn-publicar:hover::after{left:130%;}
@keyframes bpPub{0%{transform:scale(1);}40%{transform:scale(1.05);}100%{transform:scale(1);}}
#btn-publicar.publicando{animation:bpPub .5s ease;}
.bs{padding:8px 14px;background:var(--b);color:var(--n);border:1px solid var(--gb);font-family:var(--sans);font-size:12px;cursor:pointer;}
.bs:hover{background:var(--gc);}
.ba{padding:4px 9px;background:none;border:none;font-family:var(--sans);font-size:11px;cursor:pointer;color:var(--r);}
.ba:hover{text-decoration:underline;}
.ba.gr{color:var(--gs);}
.ba.gn{color:#2a7a45;}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px;}
.stat{background:var(--b);padding:13px 15px;border-left:3px solid var(--r);}
.stl{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:var(--gs);margin-bottom:5px;}
.stv{font-size:22px;font-weight:600;}
.stc{font-size:10px;color:#2a7a45;margin-top:3px;}
.stc.nt{color:var(--gs);}
.tw{background:var(--b);overflow-x:auto;}
.adm-pager{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:14px 2px 4px;}
.adm-pg-info{font-size:11px;color:var(--gs);}
.adm-pg-btns{display:flex;gap:5px;flex-wrap:wrap;}
.adm-pg-btn{min-width:30px;padding:6px 10px;background:var(--b);border:1px solid var(--gb);font-family:var(--sans);font-size:12px;cursor:pointer;color:var(--n);border-radius:3px;}
.adm-pg-btn:hover:not(:disabled){border-color:var(--r);color:var(--r);}
.adm-pg-btn.on{background:var(--r);color:#fff;border-color:var(--r);}
.adm-pg-btn:disabled{opacity:.4;cursor:default;}
.tbl{width:100%;border-collapse:collapse;font-size:13px;}
.tbl th{text-align:left;padding:9px 12px;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--gs);border-bottom:1px solid var(--gb);white-space:nowrap;}
.tbl td{padding:11px 12px;border-bottom:1px solid var(--gm);vertical-align:middle;}
.tbl tr:last-child td{border-bottom:none;}
/* Analista de redacción (dashboard admin) */
.anag{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:6px 0 14px;}
.anak{background:var(--gc);border:1px solid var(--gb);border-radius:10px;padding:14px;}
.anak-l{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--gs);}
.anak-v{font-size:26px;font-weight:800;margin-top:4px;color:var(--n);font-family:var(--serif),Georgia,serif;}
.anarow{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.anacard{background:var(--b);border:1px solid var(--gb);border-radius:12px;padding:16px;margin:14px 0;}
.anacard-t{font-size:13px;font-weight:700;margin-bottom:12px;color:var(--n);}
.ana-spark{width:100%;overflow-x:auto;}
.ana-bars{display:flex;flex-direction:column;gap:8px;}
.ana-bar{display:grid;grid-template-columns:130px 1fr 46px;align-items:center;gap:8px;font-size:12px;}
.ana-bar-l{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--n);}
.ana-bar-t{background:var(--gc);border-radius:6px;height:14px;overflow:hidden;}
.ana-bar-t i{display:block;height:100%;}
.ana-bar-v{text-align:right;color:var(--gs);font-weight:600;}
.ana-stackbar{display:flex;height:20px;border-radius:10px;overflow:hidden;}
.ana-stackbar i{display:block;height:100%;}
.ana-stack-n{font-size:12px;color:var(--gs);margin-top:8px;}
.ana-ia{white-space:pre-wrap;line-height:1.6;color:var(--n);font-size:14px;}
.anak-sub{font-size:12px;color:var(--gs);margin-top:3px;font-weight:600;}
.ana-spk-bar{cursor:pointer;}
.ana-spk-bar:hover{fill:#0d9668;}
.ana-spk-tip{position:fixed;z-index:99999;display:none;background:#111;color:#fff;font-size:12px;line-height:1.45;padding:7px 10px;border-radius:7px;pointer-events:none;box-shadow:0 6px 18px rgba(0,0,0,.28);white-space:nowrap;}
/* Esqueleto de carga de la nota (deep-link): evita ver la pantalla en blanco / la portada antes de la nota. */
.art-skel{max-width:720px;margin:0 auto;padding:22px 0 40px;}
.askl{background:linear-gradient(90deg,var(--gc) 25%,var(--gm) 37%,var(--gc) 63%);background-size:400% 100%;-webkit-animation:sklshine 1.3s ease infinite;animation:sklshine 1.3s ease infinite;border-radius:6px;margin-bottom:14px;}
.askl-cat{height:12px;width:120px;margin-bottom:18px;}
.askl-h{height:34px;}
.askl-meta{height:14px;width:220px;margin:20px 0 24px;}
.askl-img{height:300px;border-radius:8px;margin-bottom:26px;}
.askl-p{height:15px;}
@-webkit-keyframes sklshine{0%{background-position:100% 0}100%{background-position:-100% 0}}
@keyframes sklshine{0%{background-position:100% 0}100%{background-position:-100% 0}}
.ana-metodo{background:var(--gc);border:1px solid var(--gb);border-radius:10px;margin:0 0 14px;overflow:hidden;}
.ana-metodo>summary{cursor:pointer;padding:12px 16px;font-size:13px;font-weight:700;color:var(--n);list-style:none;-webkit-user-select:none;user-select:none;}
.ana-metodo>summary::-webkit-details-marker{display:none;}
.ana-metodo[open]>summary{border-bottom:1px solid var(--gb);}
.ana-metodo-body{padding:14px 16px;font-size:13px;line-height:1.6;color:var(--n);}
.ana-metodo-body p{margin:0 0 10px;}
.ana-metodo-body ul{margin:0 0 10px;padding-left:20px;}
.ana-metodo-body li{margin-bottom:6px;}
body.dark .anak,body.dark .ana-bar-t{background:#1a1a1a;}
body.dark .anacard{background:#151515;}
body.dark .ana-metodo{background:#151515;}
@media(max-width:780px){.anag{grid-template-columns:repeat(2,1fr);}.anarow{grid-template-columns:1fr;}.ana-bar{grid-template-columns:100px 1fr 40px;}}
.tbl tr:hover td{background:var(--gc);}
.tt{font-family:var(--serif);font-size:12px;line-height:1.4;max-width:240px;}
.tm{font-size:11px;color:var(--gs);white-space:nowrap;}
.tac{display:flex;gap:3px;align-items:center;}
/* Tabla de Productividad expandible (fila por usuario → detalle de sus notas) */
.prod-arrow{display:inline-block;transition:transform .15s;color:var(--gs);font-size:11px;}
.prod-arrow-open{transform:rotate(90deg);color:var(--r);}
.prod-arrow-off{opacity:.35;}
.prow:hover td{background:var(--gc);}
.prod-det{background:var(--gc);border-left:3px solid var(--r);padding:8px 14px 10px;}
.prod-det-h{font-size:9px;text-transform:uppercase;letter-spacing:1.5px;color:var(--gs);margin:4px 0 6px;}
.prod-x{font-size:12px;color:var(--gt);margin:4px 0;}
.prod-x b{color:var(--n);}
.prod-subtbl{width:100%;}
.prod-subtbl td{padding:6px 10px;border-bottom:1px solid var(--gm);}
.prod-subtbl tr:last-child td{border-bottom:none;}
.bdg{display:inline-block;padding:2px 8px;font-size:9px;font-weight:600;letter-spacing:.5px;white-space:nowrap;}
.b-pub{background:#e5f3eb;color:#1d6b38;}
.b-bor{background:#f0f0ee;color:#777;}
.b-rev{background:#fff3e0;color:#9a5500;}
.fbox{background:var(--b);padding:20px 22px;}
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.fg{display:flex;flex-direction:column;gap:5px;}
.fgf{grid-column:1/-1;}
.fg label{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--gs);}
.fg input,.fg select,.fg textarea{font-family:var(--sans);font-size:13px;padding:9px 11px;border:1px solid var(--gb);background:var(--gc);outline:none;color:var(--n);width:100%;}
.fg input:focus,.fg select:focus,.fg textarea:focus{border-color:var(--r);background:var(--b);}
/* Dropdown de secciones del editor: grupos legibles y consistentes */
#esec{cursor:pointer;border-radius:5px;}
#esec optgroup{font-family:var(--serif);font-weight:700;font-size:12px;color:var(--r);text-transform:uppercase;letter-spacing:.5px;background:var(--gc);padding:4px 0;}
#esec option{font-family:var(--sans);font-weight:400;font-size:13px;color:var(--n);background:var(--b);padding:6px 10px;text-transform:none;letter-spacing:0;}
/* Barra de formato del cuerpo de la nota (negrita, subtítulo, cita, enlace, imagen) */
.ed-toolbar{display:flex;flex-wrap:wrap;gap:5px;padding:7px;border:1px solid var(--gb);border-bottom:none;background:var(--gc);border-radius:5px 5px 0 0;margin-top:5px;}
.ed-tbtn{font-family:var(--sans);font-size:12px;line-height:1;padding:7px 10px;min-width:32px;border:1px solid var(--gb);background:var(--b);color:var(--n);cursor:pointer;border-radius:4px;transition:border-color .12s ease,color .12s ease;}
.ed-tbtn:hover{border-color:var(--r);color:var(--r);}
.ed-tbtn-img{font-weight:600;margin-left:auto;}
/* ── Lienzo de documento estilo WordPress (título + subtítulo + cuerpo en una sola superficie) ── */
.ed-doc{border:1px solid var(--gb);border-radius:8px;background:var(--b);padding:22px 26px;box-shadow:0 1px 4px rgba(0,0,0,.06);}
.ed-doc-wrap .ed-doc-tit{width:100%;border:none!important;outline:none;background:transparent!important;font-family:var(--serif);font-weight:700;font-size:30px!important;line-height:1.18;color:var(--n);padding:0!important;margin:0 0 6px;}
.ed-doc-wrap .ed-doc-tit::placeholder{color:var(--gs);opacity:.6;}
.ed-doc-wrap .ed-doc-sub{width:100%;border:none!important;outline:none;background:transparent!important;font-family:var(--sans);font-size:17px!important;color:var(--gs);padding:0!important;margin:0 0 10px;}
.ed-doc-wrap .ed-doc-sub::placeholder{color:var(--gs);opacity:.55;}
.ed-doc-counts{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px;}
.ed-doc .ed-toolbar{border-radius:6px;border:1px solid var(--gb);margin-top:4px;}
.ed-doc-wrap .ed-doc-body{width:100%;border:none!important;outline:none;background:transparent!important;border-radius:0 0 6px 6px!important;min-height:420px;max-height:75vh;font-family:var(--sans);font-size:17px!important;line-height:1.8!important;color:var(--n);padding:16px 2px 0!important;resize:vertical;overflow:auto;}
.ed-doc-wrap .ed-doc-body::placeholder{color:var(--gs);opacity:.6;}
.ed-doc-wrap .ed-doc-body.dragover{outline:2px dashed var(--r)!important;outline-offset:-4px;background:rgba(204,26,26,.04)!important;}
.ed-doc-rich{white-space:pre-wrap;word-wrap:break-word;cursor:text;}
.ed-doc-rich:focus{outline:none;}
.ed-doc-rich:empty:before{content:attr(data-ph);color:var(--gs);opacity:.6;pointer-events:none;}
.ed-doc-rich figure{margin:14px 0;}
.ed-doc-rich img{max-width:100%;height:auto;border-radius:6px;display:block;}
.ed-doc-rich figcaption{font-size:13px;color:var(--gs);margin-top:4px;}
.ed-doc-rich iframe{max-width:100%;}
.ed-doc-rich .lrp-embed,.ed-doc-rich .lrp-map,.ed-doc-rich .lrp-dato{margin:14px 0;}
.ed-doc-rich blockquote{border-left:3px solid var(--gb);padding-left:14px;color:var(--gs);}
/* ── Tarjeta de publicación de red social insertada en el cuerpo (placeholder seguro + fallback) ── */
.lrp-embed{margin:20px auto;max-width:550px;}
.lrp-embed-card{display:flex;flex-direction:column;gap:4px;border:1px solid var(--gb);border-radius:8px;padding:14px 16px;text-decoration:none;background:var(--gc);transition:border-color .15s;}
.lrp-embed-card:hover{border-color:var(--r);}
.lrp-embed-card-net{font-family:var(--sans);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--r);}
.lrp-embed-card-txt{font-family:var(--sans);font-size:14px;color:var(--n);}
.lrp-map{margin:20px auto;max-width:640px;height:300px;border:1px solid var(--gb);border-radius:8px;overflow:hidden;background:var(--gc);}
.lrp-map .leaflet-container{height:100%;width:100%;font-family:var(--sans);}
.lrp-map-fallback{display:flex;flex-direction:column;gap:4px;height:100%;justify-content:center;border-radius:8px;padding:14px 16px;text-decoration:none;box-sizing:border-box;}
.lrp-map-fallback-net{font-family:var(--sans);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--r);}
.lrp-map-fallback-txt{font-family:var(--sans);font-size:14px;color:var(--n);}
.lrp-dato{margin:24px auto;max-width:560px;}
.lrp-dato-card{display:flex;flex-direction:column;gap:6px;padding:20px 22px;border:1px solid var(--gb);border-left:4px solid var(--r);border-radius:8px;background:var(--gc);}
.lrp-dato-valor{font-family:var(--serif-el);font-size:46px;line-height:1;font-weight:800;color:var(--n);letter-spacing:-.01em;}
.lrp-dato-label{font-family:var(--sans);font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--gs);}
@media(max-width:560px){.lrp-dato-valor{font-size:38px;}}
/* ── Galería / carrusel de fotos en el cuerpo de la nota ── */
.lrp-gallery{margin:20px auto;max-width:100%;}
.lrp-gallery[data-style="mosaico"]{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;}
.lrp-gallery[data-style="mosaico"] img{width:100%!important;height:190px!important;object-fit:cover!important;border-radius:6px;display:block;background:rgba(128,128,128,.12);cursor:zoom-in;}
.lrp-gallery[data-style="carrusel"]{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;border-radius:8px;background:#000;}
.lrp-gallery[data-style="carrusel"] img{flex:0 0 100%;width:100%!important;max-height:70vh;height:auto!important;object-fit:contain!important;scroll-snap-align:center;display:block;background:#000;}
@media(max-width:560px){.lrp-gallery[data-style="mosaico"]{grid-template-columns:repeat(2,1fr);}.lrp-gallery[data-style="mosaico"] img{height:130px!important;}}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease;}
.reveal.in{opacity:1;transform:none;}
@media(prefers-reduced-motion:reduce){.reveal,.reveal.in{opacity:1!important;transform:none!important;transition:none!important;}}
/* Botón compacto para autogenerar el subtítulo, junto al label */
.ed-tbtn-sub{margin-left:8px;font-size:10px;font-weight:600;text-transform:none;letter-spacing:0;padding:2px 8px;vertical-align:middle;}
.ed-toolbar + textarea#ebody{border-radius:0 0 5px 5px;min-height:420px;max-height:75vh;margin-top:0;width:100%;font-size:16px;line-height:1.75;resize:vertical;overflow:auto;}
.ed-preview{margin-top:14px;border:1px solid var(--gb);border-radius:6px;background:#fff;overflow:hidden;}
.ed-preview[hidden]{display:none;}
.ed-preview-head{font-family:var(--sans);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--gs);background:var(--gc);padding:8px 16px;border-bottom:1px solid var(--gb);}
.ed-preview-art{padding:22px 22px 8px;}
.ed-preview-tit{font-family:var(--serif);font-weight:700;font-size:30px;line-height:1.18;color:var(--n);margin:0 0 10px;}
.ed-preview-tit:empty{display:none;}
.ed-preview-sub{font-family:var(--sans);font-size:18px;line-height:1.45;color:var(--gs);margin:0 0 18px;}
.ed-preview-sub:empty{display:none;}
.ed-tbtn-prev[aria-pressed="true"]{background:var(--n);color:#fff;border-color:var(--n);}
.fg textarea{min-height:160px;resize:vertical;line-height:1.7;}
.ed-doc{position:relative;}
.ed-slash-menu{position:absolute;z-index:60;min-width:230px;max-height:300px;overflow-y:auto;background:var(--b);border:1px solid var(--gb);border-radius:8px;box-shadow:0 10px 30px -8px rgba(0,0,0,.3);padding:5px;}
.ed-slash-item{display:flex;align-items:center;gap:9px;width:100%;text-align:left;font-family:var(--sans);font-size:14px;color:var(--n);background:transparent;border:none;border-radius:5px;padding:8px 9px;cursor:pointer;}
.ed-slash-item .ed-slash-ico{flex:0 0 26px;font-size:11px;font-weight:700;text-align:center;opacity:.85;}
.ed-slash-item:hover,.ed-slash-item.sel{background:var(--gc);color:var(--r);}
.ed-slash-empty{font-family:var(--sans);font-size:13px;color:var(--gs);padding:9px 10px;}
.facc{display:flex;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid var(--gm);}
/* Barra de acción sticky SOLO en el editor de notas (botón Publicar siempre a la vista) */
#pan-editor #ed-acc{position:-webkit-sticky;position:sticky;bottom:0;z-index:30;background:var(--b);margin-left:-22px;margin-right:-22px;padding-left:22px;padding-right:22px;padding-bottom:14px;box-shadow:0 -6px 14px -8px rgba(0,0,0,.25);flex-wrap:wrap;align-items:center;}
#pan-editor #ed-acc button:disabled{opacity:.55;cursor:default;}
#pan-editor #ed-acc button:disabled:hover{background:inherit;}
/* Contador de caracteres bajo titular y subtítulo */
.charcount{font-size:10px;color:var(--gs);margin-top:3px;font-family:var(--sans);}
.charcount.over{color:var(--r);font-weight:600;}
.fmsg{margin-top:10px;font-size:12px;color:#2a7a45;display:none;}
.fmsg.err{color:var(--r);}
.isec{background:var(--b);padding:18px 20px;margin-bottom:14px;border-left:3px solid var(--r);}
.isec-t{font-size:13px;font-weight:600;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--gm);}
.img-upload-area{display:flex;flex-direction:column;gap:6px;}
.img-upload-row{display:flex;gap:6px;align-items:center;}
.img-file-input{font-size:11px;flex:1;padding:6px;background:var(--b);border:1px solid var(--gb);}
.img-preview-wrap{display:none;position:relative;margin-top:4px;}
.img-preview-wrap img{width:100%;max-height:140px;object-fit:cover;display:block;}
.img-rm{position:absolute;top:4px;right:4px;background:rgba(0,0,0,.6);color:#fff;border:none;font-size:11px;padding:3px 8px;cursor:pointer;}
.vid-preview-wrap{display:none;margin-top:6px;}
.vid-preview-wrap iframe{width:100%;height:140px;border:none;}
.vid-preview-wrap video{width:100%;max-height:240px;background:#000;display:block;}
.brk-adm-item{background:var(--b);border:0.5px solid var(--gb);padding:10px 14px;margin-bottom:6px;display:flex;align-items:center;gap:10px;}
.brk-adm-num{width:22px;height:22px;background:var(--r);color:#fff;font-size:9px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.cat-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;background:var(--gc);border:0.5px solid var(--gb);font-size:11px;margin:4px;cursor:default;}
.cat-pill.builtin{opacity:.5;cursor:not-allowed;}
.cat-pill-del{background:none;border:none;color:var(--gs);cursor:pointer;font-size:13px;padding:0;line-height:1;}
.cat-pill-del:hover{color:var(--r);}
.cat-input-row{display:flex;gap:8px;margin-bottom:10px;}
.cat-inp{flex:1;font-family:var(--sans);font-size:13px;padding:8px 11px;border:1px solid var(--gb);background:var(--gc);outline:none;}
.cat-inp:focus{border-color:var(--r);background:var(--b);}

/* ══════════════════════════════════════════
   MOBILE — rediseño completo ≤768px
   ══════════════════════════════════════════ */
@media(max-width:767px){

  /* ── Layout base ── */
  body{font-size:14px;}

  /* ── Header portal ── */
  .shdr{padding:0 12px;}
  .htop{padding:10px 0 9px;}
  .hlogo .rv-text{font-size:22px;}
  .htag{display:none;}
  .hfecha{display:none;}

  /* ── Secciones nav: 3 categorías principales + Más ── */
  .nsecs{
    display:flex;
    flex-wrap:nowrap;
    overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none; /* scrollable: no recorta categorías en pantallas angostas */
    gap:0;
    padding:0 4px;
    white-space:nowrap;
  }
  .nsecs::-webkit-scrollbar{display:none;}
  .ns{
    display:inline-flex;align-items:center;
    padding:11px 14px;
    font-size:11px;font-weight:600;
    letter-spacing:.8px;
    white-space:nowrap;
    border-bottom:3px solid transparent;
    min-height:44px;
    flex-shrink:0;
  }
  .ns.on{color:#fff;border-bottom-color:var(--r);}
  /* En MÓVIL todas las categorías con la MISMA tipografía, mayúsculas y color (en escritorio
     cada submarca conserva su estilo). Vence al estilo inline de Erode y al amarillo de Cars. */
  .ns{font-family:var(--sans)!important;font-style:normal!important;text-transform:uppercase!important;}
  .ns:not(.on){color:rgba(255,255,255,.55)!important;}
  .ns.on,.ns.cars-tab.on{color:#fff!important;}
  /* Items del menú de secciones IGUALES a las pestañas (Yucatán/Campeche/Q.Roo):
     misma tipografía, tamaño, mayúsculas y color — sin cursivas ni amarillos. */
  .mas-drop-item{font-family:var(--sans)!important;font-style:normal!important;font-size:11px!important;font-weight:600;letter-spacing:.8px;text-transform:uppercase;color:rgba(255,255,255,.55)!important;}
  .mas-drop-item:hover{color:#fff!important;}
  /* Ocultar categorías desktop en móvil — aparecen en el Más */
  .ns-desk:not(.ns-principal){display:none!important;}
  /* Mostrar el botón Más */
  .ns-mas{display:inline-flex!important;}

  /* ── Barra de búsqueda ── */
  .sbar{padding:8px 12px;}
  .si{font-size:16px;padding:11px 12px;min-height:44px;}
  .sb{padding:11px 18px;min-height:44px;font-size:14px;}

  /* ── Hero de portada ── */
  .hero{grid-template-columns:1fr;}
  /* Yucatán / Lo más reciente: la columna lateral del hero pasa a bloque vertical bajo la nota principal en móvil */
  .hlat{
    display:block;
    max-height:none!important;   /* anula el max-height inline que pone renderPortal */
    overflow:visible;
    border-top:3px solid var(--r);
    margin-top:2px;
  }
  .hlat::before{
    content:"Yucatán \00b7 Lo más reciente";
    display:block;
    font-family:var(--sans);
    font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;
    color:var(--r);
    padding:12px 16px 8px;
  }
  .hlat .hlat-ad{margin:8px 16px;}
  .hlat .ai{grid-template-columns:84px 1fr;gap:12px;padding:11px 16px;}
  .hlat .ath{width:84px;height:60px;}
  .hm{padding:0;}
  .hi{position:relative;border-radius:0;height:62vw;max-height:300px;overflow:hidden;}
  .hi img{width:100%;height:100%;object-fit:cover;object-position:center;}
  .htit{font-size:23px;line-height:1.22;margin:12px 16px 9px;letter-spacing:-.3px;}
  .hex{font-size:13px;margin:0 16px 8px;-webkit-line-clamp:3;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;}
  .hmet{margin:0 16px 14px;font-size:11px;}
  .ctag{margin:16px 16px 5px;font-size:10px;letter-spacing:2px;}
  .cpill{left:12px;top:auto;bottom:12px;}
  .rbtn{margin:0 16px 16px!important;display:inline-block!important;}

  /* ── Grid de noticias: 1 columna ── */
  .ng{
    grid-template-columns:1fr;
    gap:0;
    border-top:1px solid var(--gb);
  }

  /* ── Tarjetas móvil: TODAS verticales ── */
  .nc{
    display:block;
    border-bottom:1px solid var(--gb);
    padding:0 0 14px;
    background:var(--b);
  }
  .nth{
    width:100%;
    height:48vw;
    max-height:220px;
    overflow:hidden;
    border-radius:0;
    margin:0 0 10px 0;
  }
  .nth img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;}
  .nth-ph{width:100%;height:100%;background:var(--gm);}
  .nct{
    font-size:9px;letter-spacing:1.5px;margin-bottom:5px;
    padding:0 16px;display:block;
  }
  .nti{
    font-size:16px;font-weight:700;line-height:1.32;
    margin-bottom:5px;padding:0 16px;
    -webkit-line-clamp:3;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;
  }
  .nm{font-size:10px;padding:0 16px;color:var(--gs);}
  .nm-time{font-size:10px;}
  .nc-preview{display:none!important;}

  /* ── Primera tarjeta: hero más grande ── */
  .nc:first-child{
    border-bottom:3px solid var(--r);
    padding-bottom:16px;
  }
  .nc:first-child .nth{
    height:56vw;
    max-height:280px;
  }
  .nc:first-child .nti{
    font-size:20px;
    line-height:1.25;
    -webkit-line-clamp:4;
  }

  /* ── Segunda tarjeta: destacada mediana ── */
  .nc:nth-child(2) .nth{height:44vw;}
  .nc:nth-child(2) .nti{font-size:16px;}

  /* ── Resto de tarjetas: imagen más pequeña ── */
  .nc:nth-child(n+3) .nth{
    height:36vw;
    max-height:160px;
  }
  .nc:nth-child(n+3) .nti{font-size:14px;}

  /* ── Secciones extra del portal ── */
  .sec-termo,.sec-leido,.sec-cols,.sec-yt,.sec-social,.sec-ed-widget,.sec-semana,.sec-destacada{
    margin:0;
    padding:0;
  }

  /* ── Termómetro político: scroll horizontal ── */
  .termo-grid{
    display:flex;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    gap:0;
    scrollbar-width:none;
    padding-bottom:4px;
  }
  .termo-grid::-webkit-scrollbar{display:none;}
  .termo-col{
    min-width:72vw;
    flex-shrink:0;
    border-right:1px solid var(--gb);
  }
  .termo-col:last-child{border-right:none;}

  /* ── Widget de edición ── */
  .ed-widget-inner{
    flex-direction:column;
    padding:16px 12px;
    gap:12px;
  }
  .ed-cover{
    width:100%;
    max-width:180px;
    margin:0 auto;
  }

  /* ── Destacada banner ── */
  .destacada-wrap{min-height:0;}
  .destacada-tit{font-size:20px;}

  /* ── Sección "Esta semana" ── (padding ya definido en la regla base .semana-inner) */

  /* ── Lo más leído ── */
  .leido-wrap{grid-template-columns:1fr;}
  .leido-main{padding:14px 16px;border-right:none;}
  .leido-side{display:none;}
  .rev-cover-tit{font-size:17px;}
  .social-col:first-child{border-right:none;border-bottom:1px solid var(--gb);}

  /* ── YouTube ── */
  .yt-grid{grid-template-columns:1fr;}
  .yt-list{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:8px;padding:0 12px 12px;scrollbar-width:none;}
  .yt-list::-webkit-scrollbar{display:none;}
  .yt-list-item{min-width:200px;flex-shrink:0;}

  /* ── Opiniones ── */
  .col-grid{grid-template-columns:1fr 1fr;}

  /* ── Social ── */
  .social-wrap{grid-template-columns:1fr;}

  /* ── Vista artículo ── */
  #p-art{padding:0 0 80px;}
  .art-tit{font-size:22px;}
  .art-sub{font-size:15px;}
  .art-body{font-size:17px;line-height:1.75;}
  .art-body p{margin-bottom:18px;}
  .share-bar{display:flex;gap:8px;flex-wrap:wrap;padding:14px 0;margin:20px 0;}
  .share-btn{flex:1;min-width:0;padding:11px 6px;font-size:11px;justify-content:center;}
  .share-lbl{flex-basis:100%;display:block;margin-bottom:2px;}

  /* ── Admin ── */
  #v-admin{overflow-x:hidden;}
  .adml{grid-template-columns:1fr;}
  .adml,.adm-main{min-width:0;}
  .adms{display:none;}
  .adm-mob-nav{display:block;position:relative;padding:8px 12px;}
  .amn-toggle{display:flex;}
  .amn-list{position:absolute;top:calc(100% - 2px);left:12px;right:12px;z-index:60;background:var(--n);border:1px solid rgba(255,255,255,.18);border-radius:8px;box-shadow:0 10px 28px rgba(0,0,0,.45);max-height:70vh;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:5px;}
  .adm-mob-nav .amn{display:block;width:100%;text-align:left;border:none;border-radius:6px;margin:0;font-size:13px;padding:11px 13px;min-height:0;line-height:1.2;color:rgba(255,255,255,.85);}
  .adm-mob-nav .amn:hover{background:rgba(255,255,255,.06);}
  .adm-mob-nav .amn.on{background:var(--r);color:#fff;box-shadow:none;}
  .adm-main{padding:16px 13px;}
  .adm-main .tw{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;}
  .phdr{flex-wrap:wrap;gap:8px;}
  .fgrid{grid-template-columns:1fr;}
  .fgf{grid-column:1;}
  .stats{grid-template-columns:1fr 1fr;}
  .com-row{grid-template-columns:1fr;}

  /* ── Versión impresa ── */
  .imp-hero-inner{grid-template-columns:1fr;padding:20px 16px;gap:20px;}
  .site-ft{grid-template-columns:1fr 1fr;}
  .imp-grid{grid-template-columns:repeat(3,minmax(0,1fr));}

  /* ── Footer ── */
  .ft-bot{padding-bottom:64px;}
  .site-ft{grid-template-columns:1fr;}

}

@media(max-width:480px){
  .ng{grid-template-columns:1fr;}
  .col-grid{grid-template-columns:1fr;}
  /* Opiniones del home: lista compacta (avatar + texto) en móvil */
  .col-card{display:grid;grid-template-columns:46px 1fr;grid-template-areas:"av meta" "ti ti" "ft ft";column-gap:12px;row-gap:7px;padding:15px 16px;border-bottom:1px solid var(--gb);align-items:center;}
  .col-card:last-child{border-bottom:none;}
  .col-head{display:contents;}
  .col-av{grid-area:av;width:46px;height:46px;font-size:16px;}
  .col-meta{grid-area:meta;}
  .col-titulo{grid-area:ti;font-size:15px;}
  .col-foot{grid-area:ft;margin-top:0;}
  .site-ft{grid-template-columns:1fr;}
  .imp-grid{grid-template-columns:1fr 1fr;}

  .nc:first-child .nti{font-size:16px;}
  .htit{font-size:19px;}
}

/* ── Botón flotante Inicio (solo mobile) ── */
#mob-home-btn{
  display:none;
  position:fixed;
  bottom:70px;right:16px;
  width:44px;height:44px;
  background:var(--r);
  border:none;border-radius:50%;
  color:#fff;
  cursor:pointer;
  z-index:250;
  box-shadow:0 3px 12px rgba(204,26,26,.45);
  align-items:center;justify-content:center;
  transition:opacity .2s,transform .2s;
}
#mob-home-btn.show{display:flex;}
#mob-home-btn:active{transform:scale(.92);}
@media(max-width:767px){
  /* En móvil la barra inferior ya tiene "Inicio": el botón flotante de inicio sobraba
     y, junto con los otros flotantes, tapaba contenido (la barra de compartir). Lo quitamos. */
  #mob-home-btn{display:none;}
}
body.dark #mob-home-btn{box-shadow:0 3px 12px rgba(0,0,0,.5);}

/* == NEW FEATURES == */
.tv-live-dot{width:6px;height:6px;background:#ff4444;border-radius:50%;display:inline-block;margin-left:5px;animation:lvpulse 1.2s ease infinite;}
@keyframes lvpulse{0%,100%{opacity:1}50%{opacity:.4}}
#mas-dropdown-new{display:none;position:absolute;left:0;right:0;background:var(--n);z-index:400;border-top:1px solid rgba(255,255,255,.1);box-shadow:0 8px 20px rgba(0,0,0,.4);}
#mas-dropdown-new.open{display:block;}
.mas-drop-item{padding:12px 20px;font-family:var(--sans);font-size:13px;color:rgba(255,255,255,.75);border-bottom:1px solid rgba(255,255,255,.07);cursor:pointer;}
.mas-drop-item:hover{background:rgba(255,255,255,.06);color:#fff;}
.mas-drop-item.cars{color:#ffc800;}
.mas-drop-item.erode{font-family:var(--serif-el),Georgia,serif;font-style:italic;font-size:15px;}
#v-tv{background:var(--b);}
.tv-hdr{background:var(--n);padding:12px 20px;display:flex;align-items:center;gap:12px;border-bottom:3px solid var(--r);}
.tv-on-badge{background:var(--r);color:#fff;font-size:8px;font-weight:700;letter-spacing:2px;padding:3px 8px;text-transform:uppercase;animation:lvpulse 1.2s ease infinite;}
.tv-clock{font-size:10px;color:rgba(255,255,255,.35);margin-left:auto;}
.tv-tabs{background:var(--n);display:flex;border-bottom:1px solid rgba(255,255,255,.1);}
.tv-tab{padding:10px 18px;font-family:var(--sans);font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:1.5px;color:rgba(255,255,255,.4);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;}
.tv-tab:hover{color:rgba(255,255,255,.8);}.tv-tab.on{color:#fff;border-bottom-color:var(--r);}
.tv-body{max-width:1200px;margin:0 auto;padding:16px 28px 60px;}
.tv-layout{display:grid;grid-template-columns:1fr 290px;gap:18px;align-items:start;}
.tv-player{position:relative;aspect-ratio:16/9;background:#000;}
/* iOS ≤14 / Chrome ≤87 no conocen aspect-ratio: sin esto el iframe (hijo absoluto) colapsa a 0px
   y el video "suena pero no se ve". El hack de padding da la misma caja 16:9 en TODOS. */
@supports not (aspect-ratio:16/9){.tv-player{height:0;padding-bottom:56.25%;}.yt-rthumb{height:0;padding-bottom:56.25%;}.tv-promo-screen{height:0;padding-bottom:56.25%;}}
.tv-player iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:none;}
.tv-info{background:var(--n);padding:13px 16px;color:#fff;}
.tv-now-prog{font-family:var(--serif);font-size:15px;font-weight:600;margin-bottom:4px;}
.tv-now-sub{font-size:10px;color:rgba(255,255,255,.4);}
.tv-prog-bar{height:3px;background:rgba(255,255,255,.1);margin:8px 0 5px;}
.tv-prog-fill{height:100%;background:var(--r);}
.tv-sched{background:var(--gc);border:1px solid var(--gb);max-height:450px;overflow-y:auto;}
.tv-sched::-webkit-scrollbar{width:3px;}.tv-sched::-webkit-scrollbar-thumb{background:var(--gb);}
.tv-sched-hdr{background:var(--n);padding:8px 12px;font-size:9px;font-weight:600;color:rgba(255,255,255,.45);text-transform:uppercase;letter-spacing:2px;position:-webkit-sticky;position:sticky;top:0;}
.tv-sched-item{display:flex;gap:10px;align-items:center;padding:10px 12px;border-bottom:1px solid var(--gb);cursor:pointer;transition:background .1s;}
.tv-sched-item:hover{background:var(--gm);}.tv-sched-item.active{background:var(--b);border-left:2px solid var(--r);}
.tv-sched-time{font-size:10px;font-weight:600;color:var(--gs);white-space:nowrap;flex-shrink:0;width:38px;}
.tv-sched-item.active .tv-sched-time{color:var(--r);}
.tv-sched-thumb{width:48px;height:36px;object-fit:cover;background:var(--gm);flex-shrink:0;}
.tv-sched-name{font-family:var(--serif);font-size:11px;line-height:1.38;}.tv-sched-item.active .tv-sched-name{font-weight:600;}
.tv-sched-dur{font-size:9px;color:var(--gs);margin-top:2px;}
.tv-onair{background:var(--r);color:#fff;font-size:7px;font-weight:700;padding:2px 5px;letter-spacing:1px;text-transform:uppercase;margin-left:auto;flex-shrink:0;}
.tv-live-banner{background:var(--r);padding:8px 20px;display:flex;align-items:center;gap:10px;}
.tv-parrilla-row{display:flex;margin-bottom:1px;}
.tv-par-time{width:68px;padding:12px 10px;background:var(--n);color:rgba(255,255,255,.5);font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.tv-par-time.active{background:var(--r);color:#fff;}
.tv-par-content{flex:1;padding:11px 13px;background:var(--b);border-bottom:1px solid var(--gb);display:flex;align-items:center;gap:11px;}
.tv-par-content.active{background:#fff5f5;border-left:3px solid var(--r);}
.tv-promo{background:var(--n);padding:22px 28px;display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:center;}
.tv-promo h3{font-family:var(--serif);font-size:20px;color:#fff;margin-bottom:7px;}
.tv-promo p{font-size:12px;color:rgba(255,255,255,.5);line-height:1.75;margin-bottom:12px;}
.tv-promo-feats{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:14px;}
.tv-promo-feat{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);padding:3px 9px;font-size:10px;color:rgba(255,255,255,.6);}
.tv-promo-screen{aspect-ratio:16/9;background:linear-gradient(135deg,#111,#1a1a1a);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;}
/* ── TV: programación + programas (línea editorial del sitio) ── */
.tv-extra{max-width:1200px;margin:0 auto;padding:34px 28px 10px;}
.tv-sec-h{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:2px;margin-bottom:16px;}
.tv-sec-accent{width:30px;height:3px;background:var(--r);flex-shrink:0;}
.tv-sched{margin-bottom:38px;border:1px solid var(--gb);}
.tv-sched-row{display:flex;align-items:center;gap:14px;padding:13px 18px;border-bottom:1px solid var(--gb);font-size:14px;}
.tv-sched-row:last-child{border-bottom:none;}
.tv-sched-row.on{background:rgba(204,26,26,.06);}
.tv-sched-hora{font-family:var(--sans);font-weight:700;font-size:13px;color:var(--r);min-width:46px;}
.tv-sched-prog{font-family:var(--serif);font-weight:700;flex:1;}
.tv-sched-tipo{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--gs);}
.tv-sched-dur{font-size:12px;color:var(--gs);min-width:52px;text-align:right;}
.tv-sched-live{font-size:11px;font-weight:700;color:var(--r);text-transform:uppercase;letter-spacing:1px;white-space:nowrap;}
.tv-progs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:38px;}
.tv-prog-card2{border:1px solid var(--gb);padding:18px;transition:border-color .15s,transform .15s;}
.tv-prog-card2:hover{border-color:var(--r);transform:translateY(-2px);}
.tv-prog-card2-tipo{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--r);margin-bottom:8px;}
.tv-prog-card2-t{font-family:var(--serif);font-size:17px;font-weight:700;line-height:1.25;margin-bottom:8px;}
.tv-prog-card2-d{font-size:12px;color:var(--gs);}
.tv-cta{background:var(--n);color:#fff;max-width:1200px;margin:0 auto 50px;padding:32px 30px;text-align:center;}
.tv-cta-t{font-family:var(--serif);font-size:22px;font-weight:700;margin-bottom:8px;}
.tv-cta-s{font-size:13px;color:rgba(255,255,255,.55);line-height:1.7;max-width:560px;margin:0 auto 4px;}
.tv-cta-meta{font-size:10px;text-transform:uppercase;letter-spacing:2px;color:rgba(255,255,255,.35);margin-top:14px;}
/* TV: reproductor + sidebar automático de noticias */
.tv-live-layout{max-width:1200px;margin:0 auto;padding:18px 28px 8px;display:grid;grid-template-columns:1fr 340px;gap:24px;align-items:start;}
.tv-live-main{min-width:0;}
.tv-side{background:var(--n);border:1px solid rgba(255,255,255,.08);align-self:stretch;}
.tv-side-h{font-family:var(--serif);font-size:15px;font-weight:700;color:#fff;padding:14px 16px;border-bottom:2px solid var(--r);}
.tv-side-item{display:grid;grid-template-columns:74px 1fr;gap:11px;padding:11px 16px;border-bottom:1px solid rgba(255,255,255,.07);cursor:pointer;align-items:center;}
.tv-side-item:hover{background:rgba(255,255,255,.05);}
.tv-side-item:focus-visible{outline:2px solid var(--r);outline-offset:-2px;}
.tv-side-th{width:74px;height:52px;overflow:hidden;background:#222;border-radius:3px;flex-shrink:0;}
.tv-side-th img{width:100%;height:100%;object-fit:cover;}
.tv-side-c{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--r);margin-bottom:3px;}
.tv-side-t{font-family:var(--serif);font-size:13px;font-weight:600;line-height:1.32;color:rgba(255,255,255,.92);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
/* TV: pestaña Renta de estudio / espacios */
.tv-rent-hero{max-width:1000px;margin:0 auto 26px;text-align:center;padding:8px 0 0;}
.tv-rent-kick{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:3px;color:var(--r);margin-bottom:10px;}
.tv-rent-title{font-family:var(--serif);font-size:clamp(24px,3vw,34px);font-weight:800;line-height:1.15;color:var(--n);}
.tv-rent-sub{font-size:15px;color:var(--gt);line-height:1.6;max-width:620px;margin:10px auto 0;}
.tv-rent-grid{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:18px;}
.tv-rent-card{border:1px solid var(--gb);padding:24px;border-radius:6px;}
.tv-rent-ic{font-size:30px;margin-bottom:10px;}
.tv-rent-h{font-family:var(--serif);font-size:19px;font-weight:700;margin-bottom:8px;}
.tv-rent-card p{font-size:14px;color:var(--gt);line-height:1.7;margin-bottom:12px;}
.tv-rent-ul{list-style:none;padding:0;margin:0;}
.tv-rent-ul li{font-size:13px;color:var(--gt);padding:6px 0 6px 20px;position:relative;border-top:1px solid var(--gb);}
.tv-rent-ul li::before{content:'✓';position:absolute;left:0;color:var(--r);font-weight:700;}
.tv-rent-cta{max-width:1000px;margin:24px auto 0;background:var(--n);color:#fff;padding:24px 28px;border-radius:6px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;}
.tv-rent-cta-t{font-family:var(--serif);font-size:18px;font-weight:700;}
.tv-rent-cta-s{font-size:13px;color:rgba(255,255,255,.6);margin-top:3px;}
.tv-rent-btn{background:var(--r);color:#fff;text-decoration:none;font-size:14px;font-weight:700;padding:12px 22px;border-radius:4px;white-space:nowrap;}
@media(max-width:760px){.tv-rent-grid{grid-template-columns:1fr;}.tv-rent-cta{flex-direction:column;align-items:flex-start;}}
@media(max-width:860px){.tv-live-layout{grid-template-columns:1fr;padding:14px 14px 6px;}}
@media(max-width:760px){.tv-progs{grid-template-columns:1fr;}.tv-extra{padding:26px 14px 6px;}.tv-sched-tipo{display:none;}.tv-cta{margin-bottom:30px;padding:26px 18px;}}
#search-ov{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(17,17,17,.96);z-index:500;padding:70px 32px;align-items:flex-start;justify-content:center;}
#search-ov.open{display:flex;}
.s-inner{width:100%;max-width:640px;}
.s-bar{display:flex;border-bottom:2px solid rgba(255,255,255,.22);margin-bottom:20px;}
.s-field{flex:1;background:none;border:none;color:#fff;font-family:var(--serif);font-size:26px;padding:10px 0;outline:none;}
.s-field::placeholder{opacity:.2;}
.s-close{background:none;border:none;color:rgba(255,255,255,.35);cursor:pointer;padding:10px;font-size:22px;line-height:1;}
.s-close:hover{color:#fff;}
.sri{padding:11px 0;border-bottom:1px solid rgba(255,255,255,.07);cursor:pointer;}
.sri:hover .sr-tit{color:var(--r);}
.sr-cat{font-size:8px;font-weight:600;color:var(--r);text-transform:uppercase;letter-spacing:2px;margin-bottom:3px;}
.sr-tit{font-family:var(--serif);font-size:15px;color:#fff;transition:color .1s;}
.sr-met{font-size:9px;color:rgba(255,255,255,.3);margin-top:3px;}
#rdprog{position:fixed;top:0;left:0;height:3px;background:var(--r);z-index:600;width:0%;transition:width .1s linear;pointer-events:none;}
.ia-gen{background:var(--b);padding:18px;border:1px solid var(--gb);margin-bottom:12px;}
.ia-step-num{width:20px;height:20px;background:var(--r);color:#fff;font-size:10px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;margin-right:8px;flex-shrink:0;}
.ia-hl{padding:10px 12px;border:1px solid var(--gb);margin-bottom:6px;cursor:pointer;transition:background .1s,border-color .1s;}
.ia-hl:hover{border-color:var(--r);}.ia-hl.sel{border-color:var(--r);background:#fff5f5;}
.ia-hlt{font-family:var(--serif);font-size:13px;line-height:1.38;margin-bottom:3px;}
.ia-hls{font-size:9px;color:var(--gs);text-transform:uppercase;letter-spacing:1px;}
.ia-sel-hint{padding:8px 11px;background:var(--gc);border-left:3px solid var(--gb);font-size:11px;color:var(--gs);margin-bottom:11px;}
.ia-sel-hint.ok{background:#e8f5e9;border-left-color:#4caf50;color:#2e7d32;}
.tv-prog-card{display:flex;gap:9px;align-items:center;padding:10px;border:1px solid var(--gb);margin-bottom:5px;background:var(--b);}
.tv-prog-card:hover{background:var(--gc);}
.tv-prog-move button{background:none;border:1px solid var(--gb);font-size:10px;padding:2px 5px;cursor:pointer;}
.tv-prog-move button:hover{background:var(--n);color:#fff;border-color:var(--n);}
.ad-banner-zone{border-bottom:1px solid var(--gb);text-align:center;}
.ad-banner-zone a{display:block;}
/* Banners (superior, portada-inferior, TV): se ven COMPLETOS (sin recorte), centrados y nunca desbordan */
.ad-banner-zone img,#ad-portada-zone img,#ad-portada-zone video,#tv-ad-zone img,#tv-ad-zone video{width:100%;height:auto;max-width:1200px;max-height:200px;object-fit:contain;margin:0 auto;display:block;}
#toast{position:fixed;bottom:20px;right:20px;background:var(--n);color:#fff;padding:10px 16px;font-size:12px;z-index:600;transform:translateY(14px);opacity:0;transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);pointer-events:none;border-left:3px solid var(--r);}
#toast.show{transform:translateY(0);opacity:1;}
#back-top{position:fixed;bottom:20px;right:20px;width:36px;height:36px;background:var(--n);color:#fff;border:none;cursor:pointer;display:none;align-items:center;justify-content:center;z-index:150;box-shadow:0 4px 12px rgba(0,0,0,.2);transition:background .15s;}
#back-top:hover{background:var(--r);}#back-top svg{width:14px;height:14px;}
.spin{width:16px;height:16px;border:2px solid var(--gb);border-top-color:var(--r);border-radius:50%;animation:sp .7s linear infinite;display:inline-block;}
@keyframes sp{to{transform:rotate(360deg)}}
#bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:calc(56px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:var(--b);border-top:1px solid var(--gb);z-index:300;box-shadow:0 -2px 8px rgba(0,0,0,.08);transform:translateZ(0);}
.bnav{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:none;border:none;cursor:pointer;color:var(--gs);font-family:var(--sans);transition:color .15s;padding:6px 4px;}
.bnav:hover{color:var(--n);}.bnav.on{color:var(--r);}
.bnav svg{width:20px;height:20px;}.bnav-lbl{font-size:9px;font-weight:500;}
@media(max-width:767px){
  .nav{display:none!important;}
  .tv-layout{grid-template-columns:1fr;}
  .tv-promo{grid-template-columns:1fr;}
  .tv-promo-screen{display:none;}
  .tv-body{padding:14px 14px 70px;}
  body{padding-bottom:calc(56px + env(safe-area-inset-bottom,0px));}
  #bottom-nav{display:flex;}
  #back-top{bottom:124px;right:14px;}
  #toast{bottom:68px;right:12px;}
  #mas-dropdown-new{position:fixed;top:0;left:0;right:0;z-index:450;max-height:80vh;overflow-y:auto;}
  .shdr{position:-webkit-sticky;position:sticky;top:0;z-index:200;}
  #v-portal .brk{position:static;padding:6px 12px;gap:8px;}
  .brk-badge{font-size:8px;padding:3px 7px;letter-spacing:1.2px;}
  .brk-item{font-size:11px;padding-right:48px;}
  #p-art{padding-top:0;}
}

/* ══════════════════════════════════════════
   MODO OSCURO
══════════════════════════════════════════ */
body.dark{
  --b:#141414;--gc:#1b1b1b;--gm:#242424;--gb:#2e2e2e;--gt:#9a9792;--gs:#666;
  background:#141414;color-scheme:dark;
}
body.dark .htit,body.dark .nti,body.dark .ati,body.dark .art-tit,
body.dark .art-sub,body.dark .art-body,body.dark .hex,
body.dark .leido-tit,body.dark .col-nombre,body.dark .col-preview,
body.dark .mm-lead-tit,body.dark .mm-card-tit,body.dark .mm-lead-ex,
body.dark .ed-widget-tit,body.dark .ed-widget-desc,body.dark .semana-tit,
body.dark .related-tit-art,body.dark .news-box h3,
body.dark .yt-list-tit,body.dark .yt-hero-tit{color:#e0dcd6;}
body.dark .sdiv-name{color:#ccc;}
body.dark .site-ft,body.dark .ft-bot{background:#0a0a0a;}
body.dark .tag-pill{background:#242424;border-color:#333;color:#aaa;}
body.dark .tag-pill:hover{background:#111;color:#fff;}
body.dark .share-btn{background:#242424;border-color:#333;color:#aaa;}
body.dark .share-btn:hover{border-color:var(--r);color:var(--r);}
body.dark .tv-sched-item.active{background:#1f1f1f;}
body.dark .leido-wrap{background:var(--b);}
body.dark .ed-widget{background:#1b1b1b;}
body.dark .news-box{background:#1a1a1a;border:1px solid #2e2e2e;}
body.dark .news-inp{background:#111;color:#e0dcd6;border:1px solid #333;}
body.dark .rbtn{border-color:#555;color:#ccc;}
body.dark .rbtn:hover{background:#333;color:#fff;}
/* Header dark mode toggle button */
.dark-toggle{background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:5px;padding:4px 8px;color:rgba(255,255,255,.5);font-family:var(--sans);font-size:10px;letter-spacing:1px;text-transform:uppercase;transition:color .2s;flex-shrink:0;}
.dark-toggle:hover{color:#fff;}
.dark-toggle svg{transition:transform .4s;}
body.dark .dark-toggle .sun-icon{display:block;}
body.dark .dark-toggle .moon-icon{display:none;}
.dark-toggle .sun-icon{display:none;}
.dark-toggle .moon-icon{display:block;}

/* ══════════════════════════════════════════
   WHATSAPP FLOAT
══════════════════════════════════════════ */
#wa-float{position:fixed;right:20px;bottom:72px;z-index:160;width:48px;height:48px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(37,211,102,.4);text-decoration:none;transform:scale(0);transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;pointer-events:none;}
#wa-float.visible{transform:scale(1);pointer-events:auto;}
#wa-float:hover{box-shadow:0 6px 24px rgba(37,211,102,.6);transform:scale(1.08);}
#wa-float svg{width:24px;height:24px;}
@media(max-width:767px){#wa-float{display:none!important;}}
/* ── Auditoría: full-bleed sin scroll lateral + paddings y áreas táctiles en móvil ── */
.pano-bg,.cars-bg,.op-bg{overflow-x:hidden;}
@media(max-width:600px){
  .cars-hero-content{padding:22px 16px;}
  .cars-section-bar{padding:12px 16px;}
  .tv-tab{min-height:44px;padding:12px 16px;}
  .imp-rev-tab{min-height:44px;}
}

/* ══════════════════════════════════════════
   TERMÓMETRO POLÍTICO PENINSULAR
══════════════════════════════════════════ */
.termo-section{border-bottom:1px solid var(--gb);overflow:hidden;}
.termo-header{padding:10px 28px;display:flex;align-items:center;gap:10px;background:var(--n);}
.termo-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:2.5px;color:rgba(255,255,255,.6);}
.termo-icon{display:inline-flex;align-items:center;line-height:0;color:rgba(255,255,255,.75);}
.termo-grid{display:grid;grid-template-columns:repeat(3,1fr);background:var(--gc);}
.termo-card{padding:16px 20px;border-right:1px solid var(--gb);cursor:pointer;transition:background .15s;position:relative;overflow:hidden;}
.termo-card:last-child{border-right:none;}
.termo-card:hover{background:var(--gm);}
.termo-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;}
.termo-card.alta::before{background:var(--r);}
.termo-card.media::before{background:#e67e22;}
.termo-card.baja::before{background:#27ae60;}
.termo-estado{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--gs);margin-bottom:6px;}
.termo-titular{font-family:var(--serif);font-size:16px;line-height:1.35;color:var(--n);margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
body.dark .termo-titular{color:#e0dcd6;}
.termo-temp{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:3px 9px;border-radius:2px;}
.termo-temp.alta{background:#fde8e8;color:#c0392b;}
.termo-temp.media{background:#fef4e7;color:#d35400;}
.termo-temp.baja{background:#e8f8f0;color:#1e8449;}
body.dark .termo-temp.alta{background:rgba(192,57,43,.2);color:#e57373;}
body.dark .termo-temp.media{background:rgba(211,84,0,.2);color:#ffb74d;}
body.dark .termo-temp.baja{background:rgba(30,132,73,.2);color:#66bb6a;}
.termo-count{font-size:11px;color:var(--gs);margin-left:auto;}
.termo-meter{display:flex;align-items:center;gap:8px;margin-bottom:10px;}
.termo-bar{flex:1;height:6px;border-radius:3px;background:var(--gm);overflow:hidden;}
.termo-fill{display:block;height:100%;border-radius:3px;transition:width .3s;}
.termo-fill.alta{background:var(--r);}
.termo-fill.media{background:#e67e22;}
.termo-fill.baja{background:#27ae60;}
.termo-flames{display:inline-flex;line-height:1;font-size:12px;flex:none;}
.termo-flame{filter:grayscale(1);opacity:.35;}
.termo-flame.on{filter:none;opacity:1;}
.termo-foot{display:flex;align-items:center;gap:8px;}
.termo-card.vacio{cursor:pointer;}
.termo-card.vacio::before{background:var(--gb);}
.termo-card.vacio .termo-titular{color:var(--gs);font-style:italic;}
@media(max-width:767px){.termo-grid{grid-template-columns:1fr;}.termo-card{border-right:none;border-bottom:1px solid var(--gb);}.termo-card:last-child{border-bottom:none;}}

/* ══════════════════════════════════════════
   NOTA DESTACADA
══════════════════════════════════════════ */
.destacada-wrap{position:relative;overflow:hidden;cursor:pointer;border-bottom:1px solid var(--gb);}
.destacada-bg{width:100%;aspect-ratio:21/8;object-fit:cover;display:block;filter:brightness(.45);}
.destacada-bg-ph{width:100%;aspect-ratio:21/8;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);}
.destacada-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,rgba(0,0,0,.92) 0%,rgba(0,0,0,.6) 50%,rgba(0,0,0,.2) 100%);display:flex;align-items:center;padding:0 56px;}
.destacada-inner{max-width:600px;}
.destacada-badge{display:inline-block;background:var(--r);color:#fff;font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:2px;padding:3px 10px;margin-bottom:14px;}
.destacada-seccion{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:2.5px;color:rgba(255,255,255,.5);margin-bottom:8px;}
.destacada-tit{font-family:var(--serif);font-size:32px;font-weight:700;color:#fff;line-height:1.15;margin-bottom:10px;}
.destacada-sub{font-size:14px;color:rgba(255,255,255,.6);line-height:1.6;margin-bottom:18px;}
.destacada-meta{font-size:10px;color:rgba(255,255,255,.4);display:flex;gap:14px;align-items:center;}
.destacada-btn{padding:10px 22px;background:var(--r);color:#fff;border:none;font-family:var(--sans);font-size:12px;font-weight:600;cursor:pointer;letter-spacing:.5px;transition:background .15s;}
.destacada-btn:hover{background:var(--ro);}
/* ── Admin quick-menu sobre artículos en portal ── */
.art-admin-bar{position:absolute;top:8px;right:8px;z-index:10;display:flex;gap:4px;opacity:0;transition:opacity .15s;pointer-events:none;}
.hm:hover .art-admin-bar,.nc:hover .art-admin-bar,.ai:hover .art-admin-bar{opacity:1;pointer-events:auto;}
.art-admin-btn{font-size:9px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;padding:3px 8px;border:none;cursor:pointer;font-family:var(--sans);white-space:nowrap;}
.art-admin-btn.dest{background:#f59e0b;color:#000;}
.art-admin-btn.dest.active{background:#16a34a;color:#fff;}
.art-admin-btn.edit{background:var(--n);color:#fff;}
@media(max-width:767px){
  .destacada-bg,.destacada-bg-ph{aspect-ratio:4/3;}
  .destacada-overlay{padding:20px;align-items:flex-end;background:linear-gradient(to top,rgba(0,0,0,.92) 0%,rgba(0,0,0,.4) 52%,rgba(0,0,0,.05) 100%);}
  .destacada-inner{max-width:100%;}
  .destacada-tit{font-size:21px;}
  .destacada-sub{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;margin-bottom:12px;}
}

/* ══ NOTA DESTACADA TOGGLE SWITCH ══ */
.destacada-switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0;}
.destacada-switch input{opacity:0;width:0;height:0;}
.destacada-slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background:#ccc;border-radius:24px;transition:.3s;}
.destacada-slider::before{content:'';position:absolute;height:18px;width:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.3s;}
.destacada-switch input:checked+.destacada-slider{background:var(--r);}
.destacada-switch input:checked+.destacada-slider::before{transform:translateX(20px);}
body.dark .destacada-switch .destacada-slider{background:#444;}
/* ══ MASTHEAD EDITORIAL ══ */
#masthead{background:#fff;border-bottom:1px solid var(--gb);padding:5px 28px;display:flex;align-items:center;justify-content:space-between;gap:16px;overflow:hidden;}
#masthead.hidden{display:none;}
.mast-left{font-family:var(--serif-el);font-size:11px;color:var(--gs);white-space:nowrap;}
.mast-left strong{color:var(--n);font-weight:700;}
.mast-center{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:3px;color:var(--gs);text-align:center;white-space:nowrap;}
.mast-right{font-size:9px;color:var(--gs);font-style:italic;text-align:right;white-space:nowrap;}
body.dark #masthead{background:#1a1a1a;border-color:#2e2e2e;}
body.dark .mast-left strong{color:#e0dcd6;}
@media(max-width:767px){#masthead{display:none!important;}}

/* ══ HOVER PREVIEW EN TARJETAS ══ */
.nc{position:relative;}
/* Botón Editar admin sobre tarjetas .nc (aparece al pasar el mouse, igual que art-admin-bar) */
.nc-edit-btn{position:absolute;top:8px;right:8px;z-index:12;font-size:9px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;padding:4px 9px;border:none;border-radius:3px;cursor:pointer;font-family:var(--sans);white-space:nowrap;background:var(--r);color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.25);opacity:0;transition:opacity .15s;}
.nc:hover .nc-edit-btn,.nc:focus-within .nc-edit-btn{opacity:1;}
@media(hover:none){.nc-edit-btn{opacity:1;}}
/* Botón Editar nota dentro de la vista de artículo */
.art-edit-nota{display:inline-flex;align-items:center;gap:6px;margin:0 0 12px;padding:7px 14px;border:1px solid var(--r);border-radius:4px;background:var(--r);color:#fff;font-family:var(--sans);font-size:12px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;cursor:pointer;transition:background .15s,color .15s;}
.art-edit-nota:hover{background:#fff;color:var(--r);}
.nc-preview{
  display:none;position:absolute;z-index:200;
  bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);
  width:260px;background:var(--n);color:#fff;
  padding:12px 14px;box-shadow:0 8px 28px rgba(0,0,0,.28);
  pointer-events:none;
}
.nc-preview::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);border:6px solid transparent;border-top-color:var(--n);}
.nc-preview-cat{font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--r);margin-bottom:5px;}
.nc-preview-tit{font-family:var(--serif);font-size:13px;font-weight:700;line-height:1.35;margin-bottom:7px;color:#fff;}
.nc-preview-body{font-size:11px;color:rgba(255,255,255,.55);line-height:1.6;}
@media(min-width:768px){.nc:hover .nc-preview{display:block;}}

/* ══ TRANSICIÓN AL ABRIR ARTÍCULO ══ */
@keyframes artEntrada{from{opacity:0;transform:translateY(18px);}to{opacity:1;transform:translateY(0);}}
#p-art.entrando{animation:artEntrada .22s ease-out forwards;}
/* Transición genérica suave entre secciones/vistas (evita el corte seco) */
@keyframes lrpFx{from{opacity:0;transform:translateY(9px);}to{opacity:1;transform:translateY(0);}}
.lrp-fx{animation:lrpFx .3s ease-out both;}
@media(prefers-reduced-motion:reduce){.lrp-fx,#p-art.entrando{animation:none !important;}}

/* ══ FIRMA DE AUTOR EN OPINIÓN ══ */
.op-firma{display:flex;align-items:center;gap:14px;padding:16px 0;margin-bottom:20px;border-bottom:3px solid var(--r);}
.op-firma-av{width:56px;height:56px;border-radius:50%;background:var(--n);display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:20px;font-weight:700;color:#fff;flex-shrink:0;overflow:hidden;}
.op-firma-av img{width:100%;height:100%;object-fit:cover;}
.op-firma-nombre{font-family:var(--serif);font-size:20px;font-weight:700;color:var(--n);line-height:1.15;}
.op-firma-tema{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:var(--r);margin-top:3px;}
.op-firma-desc{font-size:12px;color:var(--gs);margin-top:2px;font-style:italic;}
body.dark .op-firma-nombre{color:#e0dcd6;}

/* ══ PROGRESO DE EDICIONES ══ */
.imp-progreso{padding:18px 40px;border-bottom:1px solid #1e1e1e;background:#0d0d0d;}
.imp-progreso-lbl{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:rgba(255,255,255,.3);margin-bottom:8px;}
.imp-progreso-num{font-family:var(--serif);font-size:13px;color:rgba(255,255,255,.6);margin-bottom:8px;}
.imp-progreso-bar{height:4px;background:#1e1e1e;border-radius:2px;overflow:hidden;}
.imp-progreso-fill{height:100%;background:var(--r);border-radius:2px;transition:width 1.2s cubic-bezier(.16,1,.3,1);}
@media(max-width:767px){.imp-progreso{padding:14px 16px;}}

.nm-time{font-size:9px;color:var(--gs);display:inline-flex;align-items:center;gap:3px;margin-left:6px;}
.nm-time::before{content:'·';}

/* ═══════════════════════════════════════════════
   ERODE — Sección Moda & Espectáculos
   Editorial luxury aesthetic — inspired by Vogue, Harper's Bazaar
   ═══════════════════════════════════════════════ */
/* (Cormorant + Raleway ahora se cargan en el <head> con preconnect — más rápido que @import) */

.erode-bg{
  background:#050505;
  color:#f0ebe0;
  overflow-x:hidden;
}
/* En Erode, el héroe debe ser full-width sin grid */
.erode-bg .hero{display:block !important;border:none !important;background:#050505;}
.erode-bg .ng{display:block !important;background:#050505;grid-template-columns:none !important;}
.erode-bg .sdiv{display:none !important;}
.erode-bg #p-sdiv{display:none !important;}

/* ── Mosaico Cover ── */
.er-mosaic{
  position:relative;
  width:100vw;
  left:50%;
  transform:translateX(-50%);
  margin-left:0;
  margin-right:0;
  height:88vh;
  min-height:560px;
  max-height:820px;
  overflow:hidden;
  background:#050505;
  display:block;
}
.er-mosaic-grid{
  position:absolute;top:0;right:0;bottom:0;left:0;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  grid-template-rows:repeat(3,1fr);
  gap:3px;
}
.er-mosaic-tile{
  position:relative;
  overflow:hidden;
  cursor:pointer;
  background:#0a0a0a;
}
.er-mosaic-tile img{
  width:100%;height:100%;
  object-fit:cover;
  display:block;
  filter:brightness(.7) saturate(.85);
  transition:filter .6s ease,transform .9s ease;
}
.er-mosaic-tile:hover img{filter:brightness(1) saturate(1.1);transform:scale(1.06);}
.er-mosaic-tile::after{
  content:'';position:absolute;top:0;right:0;bottom:0;left:0;
  background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.85));
  pointer-events:none;
}
.er-mosaic-tile-info{
  position:absolute;
  bottom:0;left:0;right:0;
  padding:12px 14px;z-index:2;
  opacity:0;transform:translateY(10px);
  transition:opacity .35s ease,transform .35s ease;
}
.er-mosaic-tile:hover .er-mosaic-tile-info{opacity:1;transform:translateY(0);}
.er-mosaic-tile-cat{
  font-family:'Raleway',sans-serif;
  font-size:8px;letter-spacing:3px;text-transform:uppercase;
  color:#c9a96e;margin-bottom:4px;
}
.er-mosaic-tile-tit{
  font-family:'Cormorant Garamond',serif;
  font-size:14px;line-height:1.2;
  color:#f0ebe0;font-weight:400;
}

/* ── Logo Erode central ── */
.er-mosaic-overlay{
  position:absolute;
  top:0;left:0;
  width:100%;height:100%;
  display:flex;flex-direction:column;
  align-items:center;justify-content:center;
  text-align:center;
  background:radial-gradient(ellipse at center,rgba(5,5,5,.78) 0%,rgba(5,5,5,.45) 40%,transparent 80%);
  pointer-events:none;z-index:3;
}
.er-logo-mega{
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(120px,22vw,280px);
  font-weight:300;
  letter-spacing:-6px;
  color:transparent;
  -webkit-text-stroke:1.5px #c9a96e;
  text-shadow:0 0 60px rgba(201,169,110,.3);
  line-height:1;
  animation:erodePulse 4s ease-in-out infinite;
}
@keyframes erodePulse{
  0%,100%{text-shadow:0 0 60px rgba(201,169,110,.3);}
  50%{text-shadow:0 0 100px rgba(201,169,110,.5);}
}
.er-logo-sub{
  font-family:'Raleway',sans-serif;
  font-size:11px;font-weight:300;
  letter-spacing:14px;text-transform:uppercase;
  color:rgba(240,235,224,.6);
  margin-top:8px;text-align:center;
}
.er-logo-ornament{
  display:flex;align-items:center;gap:14px;
  margin-top:18px;
  font-family:'Cormorant Garamond',serif;
  font-style:italic;
  font-size:11px;letter-spacing:4px;
  color:rgba(201,169,110,.7);
}
.er-logo-ornament::before,.er-logo-ornament::after{
  content:'';width:40px;height:1px;
  background:linear-gradient(90deg,transparent,#c9a96e,transparent);
}

/* ── Featured sections (img izq/der alternando) ── */
/* ── GRID ASIMÉTRICO (masonry editorial) ── */
.er-masonry{
  width:100vw;
  position:relative;left:50%;transform:translateX(-50%);
  background:#050505;
  padding:50px 40px 90px;
  margin-top:0;
}
.er-masonry-title{
  text-align:center;
  font-family:'Cormorant Garamond',serif;
  font-style:italic;font-size:34px;
  color:#c9a96e;letter-spacing:3px;
  margin-bottom:8px;
}
.er-masonry-sub{
  text-align:center;
  font-family:'Raleway',sans-serif;
  font-size:9px;letter-spacing:5px;text-transform:uppercase;
  color:rgba(240,235,224,.35);
  margin-bottom:56px;
}
.er-masonry-grid{
  max-width:1500px;margin:0 auto;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  grid-auto-rows:240px;
  grid-auto-flow:row dense;
  gap:14px;
  perspective:1200px;
}
.er-mason-card{
  cursor:pointer;
  position:relative;
  background:#0a0a0a;
  overflow:hidden;
  transform-style:preserve-3d;
  transition:transform .25s ease,box-shadow .3s ease;
  will-change:transform;
}
.er-mason-card.tilting{box-shadow:0 30px 60px rgba(0,0,0,.55),0 0 30px rgba(201,169,110,.15);}
/* Tarjetas con tamaños variados para asimetría */
.er-mason-card.tall{grid-row:span 2;}
.er-mason-card.wide{grid-column:span 2;}
.er-mason-card img{
  width:100%;height:100%;display:block;
  object-fit:cover;
  filter:brightness(.82) saturate(.92);
  transition:transform .8s cubic-bezier(.22,.61,.36,1),filter .6s ease;
}
.er-mason-card:hover img{transform:scale(1.05);filter:brightness(.55) saturate(1.05);}
.er-mason-overlay{
  position:absolute;top:0;right:0;bottom:0;left:0;
  display:flex;flex-direction:column;justify-content:flex-end;
  padding:24px;
  background:linear-gradient(to top,rgba(5,5,5,.92) 0%,rgba(5,5,5,.2) 45%,transparent 70%);
  opacity:.85;
  transition:opacity .4s ease;
}
.er-mason-card:hover .er-mason-overlay{opacity:1;background:linear-gradient(to top,rgba(5,5,5,.95) 0%,rgba(5,5,5,.5) 55%,rgba(5,5,5,.15) 100%);}
.er-mason-cat{
  font-family:'Raleway',sans-serif;
  font-size:8px;font-weight:700;letter-spacing:4px;text-transform:uppercase;
  color:#c9a96e;margin-bottom:10px;
}
.er-mason-tit{
  font-family:'Cormorant Garamond',serif;
  font-size:24px;font-weight:400;line-height:1.15;
  color:#f0ebe0;
  letter-spacing:-.5px;
  transform:translateY(8px);
  transition:transform .4s ease;
}
.er-mason-card:hover .er-mason-tit{transform:translateY(0);}
.er-mason-date{
  font-family:'Raleway',sans-serif;
  font-size:9px;letter-spacing:2px;text-transform:uppercase;
  color:rgba(240,235,224,.45);
  margin-top:10px;
  opacity:0;max-height:0;
  transition:opacity .4s ease,max-height .4s ease;
}
.er-mason-card:hover .er-mason-date{opacity:1;max-height:20px;}
.er-mason-card::after{
  content:'';position:absolute;bottom:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,transparent,#c9a96e,transparent);
  transform:scaleX(0);transition:transform .5s ease;
}
.er-mason-card:hover::after{transform:scaleX(1);}
/* Tarjeta destacada — primera más grande */
.er-mason-card.feat .er-mason-tit{font-size:30px;}
.er-mason-edit{
  position:absolute;top:12px;right:12px;z-index:5;
  font-size:9px;padding:4px 10px;
  background:rgba(201,169,110,.15);color:#c9a96e;
  border:1px solid rgba(201,169,110,.4);cursor:pointer;
  font-family:'Raleway',sans-serif;letter-spacing:1px;text-transform:uppercase;
}

/* Foco de teclado (a11y) — solo visible al navegar con teclado, no altera el aspecto con mouse */
.er-mosaic-tile:focus-visible,.er-mason-card:focus-visible{outline:2px solid #c9a96e;outline-offset:3px;}
.erode-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;background:#050505;}
.erode-empty-logo{font-family:'Cormorant Garamond',serif;font-size:clamp(80px,16vw,160px);font-weight:300;color:transparent;-webkit-text-stroke:1px rgba(201,169,110,.3);font-style:italic;}
.erode-empty-msg{font-family:'Raleway',sans-serif;font-size:10px;letter-spacing:4px;text-transform:uppercase;color:rgba(201,169,110,.4);margin-top:20px;}

@media(max-width:1100px){.er-masonry-grid{grid-template-columns:repeat(2,1fr);}.er-mason-card.wide{grid-column:span 2;}}
@media(max-width:900px){
  .er-mosaic-grid{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr);}
  .er-logo-mega{font-size:clamp(80px,18vw,160px);}
  .er-masonry{padding:50px 20px 70px;}
}
@media(max-width:600px){
  .er-mosaic{height:58vh;min-height:380px;max-height:520px;}
  .er-mosaic-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);}
  .er-mosaic-tile-info{opacity:1;transform:none;}
  .er-masonry-grid{grid-template-columns:1fr;grid-auto-rows:220px;}
  .er-mason-card.wide,.er-mason-card.tall{grid-column:span 1;grid-row:span 1;}
}


.cars-bg{background:linear-gradient(180deg,#0d1117 0%,#0a0f1a 100%)!important;}
.cars-ticker{background:#0d1117;border-top:2px solid #c9a96e;}
.cars-ticker .brk-inner{color:#c9a96e;letter-spacing:3px;font-size:10px;}
.cars-badge-label{background:linear-gradient(135deg,#c9a96e,#8b6914);color:#000;font-size:8px;font-weight:800;padding:2px 7px;letter-spacing:2px;text-transform:uppercase;}



/* ════════ DAILY SUPER CARS — RACE TELEMETRY HUD ════════ */
.cars-bg{
  background:#000 !important;
  color:#e8e8e8;
  position:relative;
  font-family:'Rajdhani',sans-serif;
}
.cars-bg::before{
  content:'';
  position:fixed;top:0;right:0;bottom:0;left:0;
  background:
    radial-gradient(ellipse 80% 40% at 50% 0%,rgba(255,200,0,.04) 0%,transparent 60%),
    repeating-linear-gradient(0deg,transparent,transparent 28px,rgba(255,200,0,.02) 28px,rgba(255,200,0,.02) 29px),
    repeating-linear-gradient(90deg,transparent,transparent 28px,rgba(255,200,0,.02) 28px,rgba(255,200,0,.02) 29px);
  pointer-events:none;z-index:0;
}
.cars-bg .hero,.cars-bg .ng,.cars-bg .hlat,.cars-bg .sdiv{position:relative;z-index:1;}
.cars-bg .hero{display:block !important;border:none !important;background:#000;min-height:0 !important;}
/* #p-ng es una rejilla de 3 columnas (.ng); en Daily Super Cars debe ser BLOQUE para que la barra de
   sección + la rejilla .cars-grid + el paginador NO se repartan en 3 columnas (notas "desfasadas"). */
.cars-bg .ng{display:block !important;background:#000 !important;grid-template-columns:none !important;border:none !important;}
/* Robusto: la rejilla de Cars (#p-ng con .cars-ng) SIEMPRE es bloque, aunque se pierda 'cars-bg' del
   contenedor (p. ej. al volver a Cars tras publicar una nota) → evita que barra+rejilla+paginador se
   repartan en 3 columnas y las notas de abajo salgan "desfasadas a la izquierda". */
.ng.cars-ng{display:block !important;grid-template-columns:none !important;}

/* HUD Bar superior */
.cars-hud{
  width:100%;
  background:#0a0a0a;
  border-bottom:1px solid rgba(255,200,0,.15);
  padding:12px 24px;
  display:flex;align-items:center;gap:24px;
  font-family:'Rajdhani',sans-serif;
  position:relative;
  overflow:hidden;
}
.cars-hud::before{
  content:'';position:absolute;top:0;left:0;height:2px;width:100%;
  background:linear-gradient(90deg,transparent,#ffc800 30%,#ffc800 70%,transparent);
  animation:carsHudScan 3s linear infinite;
}
@keyframes carsHudScan{
  0%{transform:translateX(-100%);}
  100%{transform:translateX(100%);}
}
.cars-hud-status{
  display:flex;align-items:center;gap:8px;
  font-size:11px;letter-spacing:3px;text-transform:uppercase;
  color:#ffc800;font-weight:600;
}
.cars-hud-dot{
  width:8px;height:8px;border-radius:50%;background:#ff3030;
  animation:carsLiveDot 1.5s ease-in-out infinite;
}
@keyframes carsLiveDot{
  0%,100%{opacity:1;box-shadow:0 0 8px #ff3030;}
  50%{opacity:.4;box-shadow:0 0 16px #ff3030;}
}
.cars-hud-meter{display:flex;align-items:center;gap:10px;}
.cars-hud-meter-label{
  font-size:10px;letter-spacing:2px;text-transform:uppercase;
  color:rgba(255,200,0,.5);font-weight:600;min-width:50px;
}
.cars-hud-meter-bar{
  flex:1;height:6px;background:rgba(255,200,0,.08);
  position:relative;overflow:hidden;max-width:140px;
}
.cars-hud-meter-fill{
  position:absolute;left:0;top:0;bottom:0;
  background:linear-gradient(90deg,#ffc800,#ff8800);
  width:78%;
}
.cars-hud-meter-val{
  font-size:13px;font-weight:700;color:#ffc800;
  font-variant-numeric:tabular-nums;
  min-width:60px;text-align:right;
}
.cars-hud-time{margin-left:auto;
  font-size:20px;font-weight:700;color:#ffc800;
  font-variant-numeric:tabular-nums;
  letter-spacing:2px;
}

/* Cars hero overrides (todo con .cars-bg prefix) */
.cars-bg .hm{
  background:#0a0a0a !important;
  border-right:1px solid rgba(255,200,0,.15);
  position:relative;
}
.cars-bg .hm::before{
  content:'';position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,#ffc800,transparent);z-index:2;
}
.cars-bg .hi img{filter:brightness(.8) saturate(.85) contrast(1.05);}
.cars-bg .hi::after{
  content:'';position:absolute;top:0;right:0;bottom:0;left:0;
  background:linear-gradient(135deg,transparent 55%,rgba(255,200,0,.06));
  pointer-events:none;
}
.cars-bg .htit{color:#fff !important;letter-spacing:-.3px;}
.cars-bg .hex{color:rgba(255,255,255,.55) !important;}
.cars-bg .hmet{color:rgba(255,200,0,.5) !important;font-family:'Rajdhani',sans-serif;letter-spacing:2px;text-transform:uppercase;font-size:11px;font-weight:600;}
.cars-bg .ctag{
  color:#ffc800 !important;
  font-family:'Rajdhani',sans-serif;
  font-size:10px;letter-spacing:4px;text-transform:uppercase;font-weight:700;
}
.cars-bg .cpill{
  background:#ffc800 !important;color:#000 !important;
  font-family:'Rajdhani',sans-serif;font-weight:800;letter-spacing:2px;
}
.cars-bg .rbtn{
  border-color:#ffc800 !important;
  color:#ffc800 !important;
  background:transparent !important;
  font-family:'Rajdhani',sans-serif;letter-spacing:3px;
  clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);
}
.cars-bg .rbtn:hover{background:#ffc800 !important;color:#000 !important;}

/* Cars aside */
.cars-bg .hlat{background:#0a0a0a !important;}
.cars-bg .ai{
  border-bottom:1px solid rgba(255,200,0,.07);
  background:transparent;
  transition:padding-left .2s ease,background .2s ease;
}
.cars-bg .ai:hover{background:rgba(255,200,0,.05);padding-left:8px;}
.cars-bg .ac{color:#ffc800 !important;font-family:'Rajdhani',sans-serif;letter-spacing:2px;font-weight:700;}
.cars-bg .ati{color:#e8e8e8 !important;font-family:'Rajdhani',sans-serif;}
.cars-bg .am{color:rgba(255,200,0,.4) !important;font-family:'Rajdhani',sans-serif;}

/* Cars cards (.nc) */
.cars-bg .nc{
  background:#0a0a0a !important;
  border-bottom:1px solid rgba(255,200,0,.07);
  border-left:3px solid rgba(255,200,0,.3);
  padding-left:14px;
  transition:transform .25s ease,border-left-color .25s ease;
}
.cars-bg .nc:hover{
  background:#101010 !important;
  border-left-color:#ffc800;
  transform:translateX(4px);
}
.cars-bg .nct{
  color:#ffc800 !important;
  font-family:'Rajdhani',sans-serif;
  letter-spacing:3px;font-weight:700;text-transform:uppercase;
}
.cars-bg .nti{color:#e8e8e8 !important;font-family:'Rajdhani',sans-serif;}

/* Cars ticker (heredado del global pero amarillo) */
.cars-bg .brk{background:#ffc800 !important;}
.cars-bg .brk-badge{color:#000 !important;background:#000 !important;color:#ffc800 !important;font-family:'Rajdhani',sans-serif;letter-spacing:3px;}
.cars-bg .brk-item{color:#000 !important;font-weight:600;font-family:'Rajdhani',sans-serif;}

@media(max-width:900px){
  .cars-hud{flex-wrap:wrap;gap:12px;padding:10px 14px;}
  .cars-hud-meter{display:none;}
}

/* ── Layout dedicado de Daily Super Cars ── */
.cars-hero{
  width:100vw;position:relative;left:50%;transform:translateX(-50%);
  display:grid;grid-template-columns:1.5fr 1fr;gap:2px;
  background:#1a1500;
  border-bottom:2px solid #ffc800;
}
.cars-hero-main{
  position:relative;cursor:pointer;overflow:hidden;
  background:#0a0a0a;min-height:480px;
  display:flex;flex-direction:column;justify-content:flex-end;
}
.cars-hero-main img{
  position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;
  filter:brightness(.6) saturate(1.1) contrast(1.05);
  transition:transform 6s ease;
}
.cars-hero-main:hover img{transform:scale(1.05);}
.cars-hero-main::after{
  content:'';position:absolute;top:0;right:0;bottom:0;left:0;
  background:linear-gradient(to top,rgba(0,0,0,.95) 0%,rgba(0,0,0,.3) 50%,transparent 75%),
    linear-gradient(110deg,transparent 60%,rgba(255,200,0,.08) 100%);
}
.cars-hero-main::before{
  content:'';position:absolute;bottom:24px;left:24px;
  width:54px;height:54px;
  border-left:3px solid #ffc800;border-bottom:3px solid #ffc800;
  z-index:3;
}
.cars-hero-content{position:relative;z-index:2;padding:36px;}
.cars-hero-badge{
  display:inline-block;background:#ffc800;color:#000;
  font-family:'Rajdhani',sans-serif;font-weight:800;font-size:11px;
  letter-spacing:3px;text-transform:uppercase;
  padding:5px 16px;margin-bottom:16px;
  clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);
}
.cars-hero-title{
  font-family:'Rajdhani',sans-serif;
  font-size:clamp(34px,4.5vw,60px);font-weight:700;
  text-transform:uppercase;letter-spacing:-1px;line-height:.98;
  color:#fff;margin:0 0 14px;text-shadow:0 4px 30px rgba(0,0,0,.6);
}
.cars-hero-sub{font-family:'Rajdhani',sans-serif;font-size:16px;color:rgba(255,255,255,.6);margin-bottom:16px;max-width:520px;}
.cars-hero-meta{font-family:'Rajdhani',sans-serif;font-size:12px;letter-spacing:2px;text-transform:uppercase;color:rgba(255,200,0,.7);font-weight:600;}
.cars-hero-cta{
  display:inline-flex;align-items:center;gap:12px;margin-top:20px;
  font-family:'Rajdhani',sans-serif;font-size:13px;font-weight:700;
  letter-spacing:3px;text-transform:uppercase;
  background:#ffc800;color:#000;padding:11px 26px;
  clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);
  transition:gap .3s ease;
}
.cars-hero-main:hover .cars-hero-cta{gap:20px;}
/* Panel lateral de "telemetría" con lista de notas */
.cars-hero-side{
  background:#0a0a0a;padding:24px;
  display:flex;flex-direction:column;
}
.cars-hero-side-head{
  font-family:'Rajdhani',sans-serif;font-size:11px;font-weight:700;
  letter-spacing:3px;text-transform:uppercase;color:#ffc800;
  padding-bottom:12px;border-bottom:1px solid rgba(255,200,0,.2);margin-bottom:8px;
  display:flex;align-items:center;gap:8px;
}
.cars-side-item{
  display:flex;gap:12px;align-items:center;
  padding:12px 0;border-bottom:1px solid rgba(255,200,0,.08);
  cursor:pointer;transition:padding-left .2s ease;
}
.cars-side-item:hover{padding-left:6px;}
.cars-side-thumb{width:64px;height:44px;object-fit:cover;flex-shrink:0;border:1px solid rgba(255,200,0,.2);}
.cars-side-thumb-ph{width:64px;height:44px;flex-shrink:0;background:linear-gradient(135deg,#1a1500,#0a0a0a);border:1px solid rgba(255,200,0,.2);}
.cars-side-cat{font-family:'Rajdhani',sans-serif;font-size:8px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#ffc800;margin-bottom:3px;}
.cars-side-tit{font-family:'Rajdhani',sans-serif;font-size:14px;font-weight:600;color:#e8e8e8;line-height:1.2;transition:color .2s ease;}
.cars-side-item:hover .cars-side-tit{color:#ffc800;}
.cars-side-date{font-family:'Rajdhani',sans-serif;font-size:9px;letter-spacing:1px;text-transform:uppercase;color:rgba(255,200,0,.4);margin-top:3px;}

/* Grid de tarjetas Cars */
.cars-section-bar{
  width:100vw;position:relative;left:50%;transform:translateX(-50%);
  background:#0a0a00;border-top:1px solid rgba(255,200,0,.2);
  padding:12px 40px;display:flex;align-items:center;gap:14px;
}
.cars-section-bar-title{font-family:'Rajdhani',sans-serif;font-size:13px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:#ffc800;}
.cars-section-bar-line{flex:1;height:2px;background:repeating-linear-gradient(90deg,#ffc800,#ffc800 8px,transparent 8px,transparent 16px);opacity:.4;}
.cars-grid{
  width:100vw;position:relative;left:50%;transform:translateX(-50%);
  background:#000;padding:30px 40px 60px;
  display:grid;grid-template-columns:repeat(3,1fr);gap:20px;
}
.cars-card{
  background:#0a0a0a;cursor:pointer;overflow:hidden;
  border:1px solid rgba(255,200,0,.08);
  position:relative;transition:transform .3s ease,border-color .3s ease;
}
.cars-card:hover{transform:translateY(-4px);border-color:rgba(255,200,0,.4);}
.cars-card-img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;filter:brightness(.85) saturate(1.05);transition:filter .4s ease,transform .6s ease;}
.cars-card:hover .cars-card-img{filter:brightness(1) saturate(1.15);transform:scale(1.04);}
.cars-card-body{padding:18px 20px 22px;position:relative;}
.cars-card-cat{font-family:'Rajdhani',sans-serif;font-size:9px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#ffc800;margin-bottom:8px;}
.cars-card-tit{font-family:'Rajdhani',sans-serif;font-size:20px;font-weight:600;line-height:1.15;color:#e8e8e8;text-transform:uppercase;letter-spacing:-.3px;transition:color .3s ease;}
.cars-card:hover .cars-card-tit{color:#ffc800;}
.cars-card-date{font-family:'Rajdhani',sans-serif;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:rgba(255,200,0,.4);margin-top:10px;font-weight:500;}
.cars-card-edit{position:absolute;top:8px;right:8px;z-index:5;font-size:9px;padding:4px 10px;background:#ffc800;color:#000;border:none;cursor:pointer;font-family:Rajdhani,sans-serif;font-weight:700;letter-spacing:1px;text-transform:uppercase;}
.cars-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;background:#000;}
.cars-empty-logo{font-family:'Rajdhani',sans-serif;font-size:clamp(50px,11vw,120px);font-weight:700;color:rgba(255,200,0,.15);text-transform:uppercase;letter-spacing:-3px;}
.cars-empty-msg{font-family:'Rajdhani',sans-serif;font-size:12px;letter-spacing:4px;text-transform:uppercase;color:rgba(255,200,0,.4);margin-top:12px;}
@media(max-width:900px){
  .cars-hero{grid-template-columns:1fr;}
  .cars-hero-main{min-height:360px;}
  .cars-grid{grid-template-columns:1fr 1fr;gap:14px;padding:24px 20px 50px;}
}
@media(max-width:600px){.cars-grid{grid-template-columns:1fr;}}


/* ════ PANORAMA — estilo streaming deportivo (DAZN) ════ */
.pano-bg{
  background:#0e1c2e !important;
  color:#eaf2fb;
  position:relative;
}
.pano-bg::before{
  content:'';
  position:absolute;top:0;right:0;bottom:0;left:0;
  background:radial-gradient(ellipse 90% 60% at 50% 0%,rgba(59,158,255,.10) 0%,transparent 60%),linear-gradient(180deg,#0e1c2e 0%,#0a1626 100%);
  pointer-events:none;z-index:0;
}
.pano-bg .hero,.pano-bg .ng{position:relative;z-index:1;}
.pano-bg .hero{display:block !important;min-height:0 !important;border:none !important;background:transparent !important;}
.pano-bg .ng{display:block !important;border:none !important;background:transparent;grid-template-columns:none !important;}
.pano-bg .sdiv,.pano-bg #p-sdiv{display:none !important;}
.cars-bg .hero{display:block !important;min-height:0 !important;border:none !important;background:#000 !important;}

/* Cabecera */
.pn-masthead{
  width:100vw;position:relative;left:50%;transform:translateX(-50%);
  padding:22px 40px 18px;
  display:flex;align-items:flex-end;justify-content:space-between;gap:16px;
  border-bottom:1px solid rgba(59,158,255,.18);
}
.pn-wordmark{
  font-family:'Rajdhani',sans-serif;
  font-size:34px;font-weight:700;letter-spacing:2px;text-transform:uppercase;
  color:#fff;line-height:1;display:flex;align-items:center;gap:12px;
}
.pn-wordmark::before{content:'';width:6px;height:30px;background:#3b9eff;border-radius:2px;}
.pn-meta{
  font-family:'Rajdhani',sans-serif;
  font-size:12px;letter-spacing:2px;text-transform:uppercase;
  color:rgba(234,242,251,.55);font-weight:600;text-align:right;
}

/* Hero destacado */
.pn-hero-wrap{width:100vw;position:relative;left:50%;transform:translateX(-50%);padding:28px 40px 8px;}
.pn-hero{
  position:relative;border-radius:14px;overflow:hidden;cursor:pointer;
  min-height:420px;   /* fallback fijo: sin clamp() la sección colapsaba a 0 en navegadores viejos */
  min-height:clamp(340px,46vw,520px);
  background:#0a1626;
  box-shadow:0 10px 40px rgba(0,0,0,.45);
  transition:box-shadow .4s ease,transform .4s ease;
}
.pn-hero:hover{box-shadow:0 0 0 1px rgba(59,158,255,.45),0 0 42px rgba(59,158,255,.28);}
.pn-hero-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;
  filter:saturate(1.05) brightness(.95);transition:transform .8s cubic-bezier(.22,.61,.36,1);}
.pn-hero:hover .pn-hero-img{transform:scale(1.04);}
.pn-hero::after{content:'';position:absolute;top:0;right:0;bottom:0;left:0;
  background:linear-gradient(to top,rgba(8,16,28,.96) 0%,rgba(8,16,28,.55) 38%,transparent 68%);}
.pn-hero-body{position:absolute;left:0;right:0;bottom:0;padding:clamp(24px,3vw,44px);z-index:2;max-width:880px;}
.pn-pill{
  display:inline-flex;align-items:center;gap:7px;
  font-family:'Rajdhani',sans-serif;font-size:12px;font-weight:700;letter-spacing:3px;text-transform:uppercase;
  color:#0e1c2e;background:#3b9eff;padding:5px 14px;border-radius:4px;margin-bottom:16px;
}
.pn-pill::before{content:'';width:7px;height:7px;border-radius:50%;background:#0e1c2e;}
.pn-hero-title{
  font-family:'Rajdhani',sans-serif;font-weight:700;line-height:1.02;
  font-size:clamp(30px,4vw,56px);text-transform:uppercase;letter-spacing:-.5px;
  color:#fff;margin:0;text-shadow:0 2px 24px rgba(0,0,0,.5);
}
.pn-hero-sub{
  font-family:'Rajdhani',sans-serif;font-size:clamp(15px,1.5vw,19px);font-weight:500;
  color:rgba(234,242,251,.82);margin-top:12px;max-width:680px;line-height:1.4;
}
.pn-hero-byline{
  font-family:'Rajdhani',sans-serif;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;
  color:rgba(234,242,251,.6);font-weight:600;margin-top:14px;
}
.pn-hero-byline b{color:#3b9eff;font-weight:700;}

/* Barra de sección */
/* Top de Panorama: hero grande + columna de destacadas */
.pn-top{display:grid;grid-template-columns:2fr 1fr;gap:24px;align-items:start;}
.pn-side{display:flex;flex-direction:column;gap:12px;}
.pn-side-head{font-family:'Rajdhani',sans-serif;font-size:13px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#3b9eff;padding-bottom:9px;border-bottom:1px solid rgba(59,158,255,.3);}
.pn-side-card{display:grid;grid-template-columns:104px 1fr;gap:12px;align-items:center;cursor:pointer;background:#0a1626;border-radius:10px;overflow:hidden;transition:box-shadow .3s ease,transform .3s ease;}
.pn-side-card:hover{transform:translateX(3px);box-shadow:0 0 0 1px rgba(59,158,255,.35),0 0 20px rgba(59,158,255,.18);}
.pn-side-img{width:104px;height:74px;object-fit:cover;display:block;}
.pn-side-body{padding:8px 12px 8px 0;}
.pn-side-title{font-family:'Rajdhani',sans-serif;font-size:15px;font-weight:600;line-height:1.12;color:#fff;text-transform:uppercase;letter-spacing:-.2px;margin-top:2px;}
@media(max-width:1000px){.pn-top{grid-template-columns:1fr;}}
/* Panorama — escenario tipo transmisión deportiva (identidad propia, distinta de Erode) */
/* Panorama — "muro de transmisión" inmersivo (1 dominante + 2 paneles; distinto de Erode) */
.pn-wall{position:relative;width:100vw;left:50%;transform:translateX(-50%);height:460px;height:clamp(380px,55vh,540px);background:#0a1626;display:grid;grid-template-columns:1.7fr 1fr;grid-template-rows:1fr 1fr;gap:4px;overflow:hidden;margin-bottom:8px;}
.pn-panel{position:relative;overflow:hidden;cursor:pointer;background:#0a1626;transform-style:preserve-3d;transition:transform .22s ease-out,box-shadow .45s ease;will-change:transform;}
@media (hover:hover) and (pointer:fine){.pn-panel:hover{box-shadow:0 26px 64px rgba(0,0,0,.6);z-index:6;}}
.pn-panel.main{grid-row:1 / span 2;}
.pn-panel img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;filter:brightness(.72) saturate(1.08);transition:transform .9s cubic-bezier(.22,.61,.36,1),filter .5s ease;}
@media (hover:hover) and (pointer:fine){.pn-panel:hover img{transform:scale(1.05);filter:brightness(.88) saturate(1.15);}}
.pn-panel::after{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(8,16,28,.95) 0%,rgba(8,16,28,.32) 52%,transparent 80%);}
.pn-panel-body{position:absolute;left:0;right:0;bottom:0;padding:clamp(16px,2.2vw,32px);z-index:2;transform:translateZ(45px);}
.pn-panel.main .pn-panel-body{transform:translateZ(60px);}
.pn-panel-title{font-family:'Rajdhani',sans-serif;font-weight:600;font-size:clamp(16px,1.8vw,22px);line-height:1.1;text-transform:uppercase;color:#fff;letter-spacing:-.3px;}
.pn-panel.main .pn-panel-title{font-weight:700;font-size:clamp(26px,3.4vw,48px);line-height:1;letter-spacing:-1px;text-shadow:0 2px 24px rgba(0,0,0,.5);}
.pn-panel-sub{font-family:'Rajdhani',sans-serif;font-size:clamp(14px,1.5vw,18px);color:rgba(234,242,251,.82);margin-top:8px;max-width:560px;}
.pn-panel:focus-visible{outline:3px solid #3b9eff;outline-offset:-3px;}
.pn-wall-bug{position:absolute;top:20px;left:26px;z-index:5;font-family:'Rajdhani',sans-serif;font-weight:700;font-size:22px;letter-spacing:2px;text-transform:uppercase;color:#fff;display:flex;align-items:center;text-shadow:0 2px 14px rgba(0,0,0,.6);}
.pn-wall-bug::before{content:'';width:7px;height:24px;background:#3b9eff;margin-right:10px;border-radius:1px;}
.pn-live{display:inline-flex;align-items:center;gap:7px;font-family:'Rajdhani',sans-serif;font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#fff;background:#3b9eff;padding:5px 13px;border-radius:3px;margin-bottom:14px;}
.pn-live::before{content:'';width:7px;height:7px;border-radius:50%;background:#fff;}
/* Carrusel horizontal "Lo último" (estilo streaming) */
.pn-rail-wrap{width:100vw;position:relative;left:50%;transform:translateX(-50%);padding:24px 40px 4px;}
.pn-rail-head{font-family:'Rajdhani',sans-serif;font-size:15px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#fff;margin-bottom:14px;}
.pn-rail-head b{color:#3b9eff;}
.pn-rail{display:flex;gap:16px;overflow-x:auto;padding-bottom:12px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;justify-content:safe center;}
.pn-rail-card{flex:0 0 270px;scroll-snap-align:start;cursor:pointer;background:#0a1626;border:1px solid rgba(59,158,255,.18);border-radius:10px;overflow:hidden;transition:box-shadow .2s ease,transform .2s ease;}
.pn-rail-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(0,0,0,.1);}
.pn-rail-img{position:relative;width:100%;height:150px;object-fit:cover;display:block;transition:transform .5s ease;}
.pn-rail-card:hover .pn-rail-img{transform:scale(1.04);}
.pn-rail-body{position:relative;padding:13px 14px 15px;}
.pn-rail-title{font-family:'Rajdhani',sans-serif;font-size:16px;font-weight:700;line-height:1.16;color:#fff;text-transform:uppercase;letter-spacing:-.2px;}
@media(max-width:760px){.pn-wall{height:auto;grid-template-columns:1fr;grid-template-rows:none;perspective:none;}.pn-panel{height:42vh;min-height:240px;transform:none!important;}.pn-panel.main{grid-row:auto;height:56vh;min-height:340px;}.pn-panel-body,.pn-panel.main .pn-panel-body{transform:none;}.pn-wall-bug{top:16px;left:18px;font-size:18px;}.pn-rail-card{flex-basis:80vw;height:170px;}.pn-rail-wrap{padding:18px 20px 4px;}}
/* Segunda fila: destacados medianos */
.pn-feat{padding:20px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.pn-feat-card{position:relative;border-radius:12px;overflow:hidden;cursor:pointer;min-height:220px;background:#0a1626;box-shadow:0 6px 22px rgba(0,0,0,.35);transition:box-shadow .35s ease,transform .35s ease;}
.pn-feat-card:hover{transform:translateY(-4px);box-shadow:0 0 0 1px rgba(59,158,255,.4),0 0 26px rgba(59,158,255,.2);}
.pn-feat-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;filter:saturate(1.05) brightness(.9);transition:transform .7s cubic-bezier(.22,.61,.36,1);}
.pn-feat-card:hover .pn-feat-img{transform:scale(1.06);}
.pn-feat-card::after{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(8,16,28,.95) 0%,rgba(8,16,28,.4) 50%,rgba(8,16,28,.05) 75%);}
.pn-feat-body{position:absolute;left:0;right:0;bottom:0;padding:16px;z-index:2;}
.pn-feat-title{font-family:'Rajdhani',sans-serif;font-size:18px;font-weight:600;line-height:1.12;color:#fff;text-transform:uppercase;letter-spacing:-.2px;}
@media(max-width:1000px){.pn-feat{grid-template-columns:1fr 1fr;}}
@media(max-width:620px){.pn-feat{grid-template-columns:1fr;}}
.pn-bar{width:100vw;position:relative;left:50%;transform:translateX(-50%);
  padding:26px 40px 14px;display:flex;align-items:center;gap:16px;}
.pn-bar-title{font-family:'Rajdhani',sans-serif;font-size:15px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#fff;}
.pn-bar-title b{color:#3b9eff;}
.pn-bar-line{flex:1;height:1px;background:linear-gradient(90deg,rgba(59,158,255,.35),transparent);}

/* Grid de tarjetas */
.pn-grid{
  width:100vw;position:relative;left:50%;transform:translateX(-50%);
  padding:8px 40px 70px;
  display:grid;grid-template-columns:repeat(3,1fr);gap:20px;
}
.pn-card{
  position:relative;border-radius:11px;overflow:hidden;cursor:pointer;
  background:#0a1626;border:1px solid rgba(59,158,255,.18);
  transition:box-shadow .25s ease,transform .25s ease;
}
.pn-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(0,0,0,.1);}
.pn-card-go{font-family:'Rajdhani',sans-serif;font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#3b9eff;margin-top:9px;display:inline-block;}
.pn-card::before{content:'';position:absolute;left:0;right:0;bottom:0;height:3px;background:#3b9eff;transform:scaleX(0);transform-origin:left;transition:transform .4s ease;z-index:3;}
.pn-card:hover::before{transform:scaleX(1);}
.pn-card-img{position:relative;width:100%;height:185px;object-fit:cover;display:block;transition:transform .5s ease;}
.pn-card:hover .pn-card-img{transform:scale(1.04);}
.pn-card-body{position:relative;padding:16px 18px 18px;}
.pn-tag{
  font-family:'Rajdhani',sans-serif;font-size:10px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;
  color:#3b9eff;margin-bottom:8px;display:flex;align-items:center;gap:6px;
}
.pn-tag::before{content:'';width:5px;height:5px;border-radius:50%;background:#3b9eff;}
.pn-card-title{
  font-family:'Rajdhani',sans-serif;font-size:21px;font-weight:700;line-height:1.12;
  color:#fff;text-transform:uppercase;letter-spacing:-.2px;
}
.pn-card-date{
  font-family:'Rajdhani',sans-serif;font-size:11px;letter-spacing:1px;text-transform:uppercase;
  color:rgba(234,242,251,.55);margin-top:10px;font-weight:600;
}
.pn-edit-btn{
  position:absolute;top:12px;right:12px;z-index:5;
  font-size:9px;padding:4px 10px;background:#3b9eff;color:#0e1c2e;
  border:none;cursor:pointer;font-family:Rajdhani,sans-serif;text-transform:uppercase;font-weight:700;letter-spacing:1px;border-radius:4px;
}

/* Estado vacío */
.pn-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;}
.pn-empty-logo{font-family:'Rajdhani',sans-serif;font-size:clamp(50px,11vw,120px);font-weight:700;color:rgba(59,158,255,.15);text-transform:uppercase;letter-spacing:-2px;}
.pn-empty-msg{font-family:'Rajdhani',sans-serif;font-size:12px;letter-spacing:4px;text-transform:uppercase;color:rgba(59,158,255,.45);margin-top:12px;}

/* Foco teclado (a11y) — solo al navegar con teclado */
.pn-hero:focus-visible,.pn-card:focus-visible{outline:2px solid #3b9eff;outline-offset:3px;}

@media(max-width:1000px){.pn-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:620px){.pn-grid{grid-template-columns:1fr;}.pn-masthead{flex-direction:column;align-items:flex-start;gap:6px;}.pn-meta{text-align:left;}}

/* ════ OPINIONES — columna editorial (crema/serif) ════ */
/* ── OPINIÓN — misma línea editorial del resto (Libre Franklin, rojo, blanco) + foto de autor ── */
.op-bg{--op-ac:#8a2b2b;--op-ac-soft:rgba(138,43,43,.10);--op-cream:#f6f1e7;--op-paper:#fffdfa;--op-line:#e3d9c6;}
.op-bg .hero{display:block !important;min-height:0 !important;border:none !important;background:linear-gradient(180deg,#faf7f1 0%,#f4eee1 100%) !important;}
.op-bg .ng{display:block !important;background:#f6f1e7 !important;grid-template-columns:none !important;border:none !important;}
.op-bg .sdiv,.op-bg #p-sdiv{display:none !important;}
/* Masthead editorial centrado */
.op-banner{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:46px 28px 26px;}
.op-banner::before{content:'La Revista Peninsular';font-family:var(--sans);font-size:10px;font-weight:700;letter-spacing:3.5px;text-transform:uppercase;color:var(--op-ac);margin-bottom:3px;}
.op-banner::after{content:'';width:66px;height:2px;background:var(--op-ac);margin-top:10px;border-radius:2px;box-shadow:0 5px 0 -1px var(--op-ac);}
.op-banner-accent{display:none;}
.op-banner-name{font-family:var(--serif-el),Georgia,serif;font-style:italic;font-weight:700;font-size:clamp(36px,5.4vw,56px);line-height:1;letter-spacing:-.5px;color:var(--n);text-transform:none;}
.op-banner-line{display:none;}
.op-banner-sub{font-family:var(--sans);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:3px;color:var(--gs);}
.op-av{width:60px;height:60px;border-radius:50%;background:var(--op-ac);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--serif-el),Georgia,serif;font-weight:700;font-size:22px;flex-shrink:0;overflow:hidden;box-shadow:0 0 0 1px var(--op-line);}
.op-av img{width:100%;height:100%;object-fit:cover;object-position:center 28%;display:block;}
/* Columna líder con comilla decorativa */
/* Columna LIDER — pieza ancla editorial */
.op-lead{position:relative;display:grid;grid-template-columns:1fr;gap:0;align-items:start;max-width:780px;margin:0 auto;padding:8px 28px 30px;cursor:pointer;}
.op-lead-sig{display:flex;align-items:center;gap:14px;margin:20px 0 14px;}
.op-lead .op-av{width:62px;height:62px;font-size:24px;box-shadow:0 0 0 3px var(--op-cream),0 0 0 4px var(--op-ac);}
.op-lead-sigtext{display:flex;flex-direction:column;}
.op-lead-by{font-family:var(--serif-el),Georgia,serif;font-style:italic;font-size:18px;font-weight:700;letter-spacing:0;text-transform:none;color:var(--n);margin-bottom:1px;line-height:1.1;}
.op-lead-cargo{font-family:var(--sans);font-size:10.5px;color:var(--op-ac);font-weight:700;margin-bottom:0;text-transform:uppercase;letter-spacing:1.5px;}
.op-lead-t{font-family:var(--serif-el),Georgia,serif;font-size:clamp(27px,3.1vw,42px);font-weight:700;line-height:1.12;letter-spacing:-.4px;margin-bottom:13px;transition:color .2s;}
.op-lead:hover .op-lead-t{color:var(--op-ac);}
.op-lead-x{font-family:var(--serif-el),Georgia,serif;font-size:17px;line-height:1.78;color:var(--gt);max-width:62ch;}
/* (letra capital del subtítulo de Opinión retirada a pedido de la dueña: se veía mal ahí) */
.op-lead-more{font-family:var(--sans);font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--op-ac);margin-top:16px;display:inline-block;border-bottom:1px solid transparent;transition:border-color .2s;}
.op-lead:hover .op-lead-more{border-bottom-color:var(--op-ac);}
/* Rejilla EDITORIAL ASIMÉTRICA — tamaños mezclados, ritmo de periódico de opinión */
.op-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-flow:row dense;gap:18px;max-width:1180px;margin:0 auto;padding:14px 24px 48px;align-items:start;}
.op-grid::before{content:'';grid-column:1/-1;height:1px;background:linear-gradient(90deg,transparent,var(--op-line) 14%,var(--op-line) 86%,transparent);margin-bottom:6px;}
.op-col{position:relative;grid-column:span 2;display:flex;flex-direction:column;background:var(--op-paper);border:1px solid var(--op-line);border-top:3px solid var(--op-ac);border-radius:3px;padding:20px 20px 22px;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;}
.op-col:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(70,40,30,.13);}
.op-col-top{display:flex;align-items:center;gap:11px;margin-bottom:13px;}
.op-col .op-av{width:46px;height:46px;font-size:16px;}
.op-col-by{font-family:var(--serif-el),Georgia,serif;font-style:italic;font-size:15px;font-weight:700;letter-spacing:0;text-transform:none;color:var(--n);line-height:1.2;}
.op-col-cargo{font-family:var(--sans);font-size:9.5px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--op-ac);margin-top:2px;}
.op-col-t{font-family:var(--serif-el),Georgia,serif;font-size:19px;font-weight:700;line-height:1.28;transition:color .15s;}
.op-col:hover .op-col-t{color:var(--op-ac);}
.op-col-x{font-family:var(--serif-el),Georgia,serif;font-size:14.5px;line-height:1.62;color:var(--gt);margin-top:9px;}
.op-col-d{font-family:var(--sans);font-size:10.5px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--gs);margin-top:auto;padding-top:13px;}
/* DESTACADA: ocupa 3 columnas, imagen ancha, título mayor */
/* DESTACADA: 3 columnas, imagen ancha, titulo mayor */
.op-col--feat{grid-column:span 3;background:var(--op-paper);}
.op-col--feat .op-col-t{font-size:clamp(22px,2.1vw,29px);line-height:1.18;letter-spacing:-.2px;}
.op-col--feat .op-col-img img{height:240px;}
.op-col--feat .op-av{width:52px;height:52px;font-size:18px;}
/* CITA: columnista destacado como pull-quote editorial */
.op-col--brief{grid-column:span 2;background:#f1e9d8;border:1px solid #e0d4bb;border-top:3px solid var(--op-ac);justify-content:center;padding-top:30px;}
.op-col--brief::before{content:'\201C';position:absolute;top:2px;left:16px;font-family:var(--serif-el),Georgia,serif;font-size:88px;line-height:1;color:var(--op-ac);opacity:.22;pointer-events:none;}
.op-col--brief .op-col-top{order:3;margin-bottom:0;margin-top:16px;padding-top:14px;border-top:1px solid rgba(138,43,43,.18);}
.op-col--brief .op-col-t{font-style:italic;font-size:21px;line-height:1.32;position:relative;z-index:1;}
.op-col--brief .op-col-d{display:none;}
.op-col--brief .op-av{width:38px;height:38px;font-size:14px;}
.op-col--brief .op-col-by{font-size:13.5px;}
/* ESTÁNDAR */
.op-col--std{grid-column:span 2;}
/* Imagen destacada en Opiniones (líder + tarjetas) */
.op-lead-img{margin-bottom:6px;border-radius:4px;overflow:hidden;box-shadow:0 10px 26px rgba(70,40,30,.14);}
.op-lead-img img{width:100%;height:clamp(210px,36vw,360px);object-fit:cover;object-position:center 32%;display:block;}
.op-col-img{margin:-20px -20px 15px;overflow:hidden;}
.op-col-img img{width:100%;height:170px;object-fit:cover;object-position:center 30%;display:block;}
.op-col--feat .op-col-img img{object-position:center 32%;}
/* ── Banda de promoción de opinión + suscripción ── */
.oppromo{background:var(--gc);color:var(--n);border-top:3px solid var(--r);border-bottom:1px solid var(--gb);}
.oppromo-inner{max-width:1120px;margin:0 auto;padding:42px 28px 46px;display:grid;grid-template-columns:1.1fr 1fr;gap:42px;align-items:center;}
.oppromo-kick{font-family:var(--sans);font-size:11px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--r);margin-bottom:12px;}
.oppromo-tit{font-family:var(--serif-el),Georgia,serif;font-size:clamp(24px,2.6vw,34px);font-weight:800;line-height:1.15;margin:0 0 12px;color:var(--n);}
.oppromo-desc{font-size:14.5px;line-height:1.6;color:var(--gt);margin:0 0 20px;max-width:460px;}
.oppromo-form{display:flex;gap:10px;flex-wrap:wrap;}
.oppromo-input{flex:1;min-width:200px;padding:12px 14px;border:1px solid var(--gb);background:var(--b);color:var(--n);font-family:var(--sans);font-size:14px;border-radius:4px;box-sizing:border-box;}
.oppromo-input::placeholder{color:var(--gs);}
.oppromo-btn{padding:12px 22px;background:var(--r);color:#fff;border:none;font-family:var(--sans);font-size:13px;font-weight:600;cursor:pointer;border-radius:4px;white-space:nowrap;}
.oppromo-btn:hover{filter:brightness(1.08);}
.oppromo-list{display:flex;flex-direction:column;gap:1px;background:var(--gb);border:1px solid var(--gb);border-radius:6px;overflow:hidden;}
.oppromo-item{background:var(--b);padding:15px 18px;cursor:pointer;transition:background .15s;}
.oppromo-item:hover{background:var(--gc);}
.oppromo-item-by{font-family:var(--sans);font-size:10px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--r);margin-bottom:5px;}
.oppromo-item-t{font-family:var(--serif-el),Georgia,serif;font-size:16px;line-height:1.35;color:var(--n);}
/* Modo oscuro: la promo usa var(--gc) oscuro de fondo; --n no se invierte, así que aclaramos los títulos */
body.dark .oppromo-tit,body.dark .oppromo-item-t{color:#e8e4dc;}
@media(max-width:760px){.oppromo-inner{grid-template-columns:1fr;gap:26px;padding:32px 16px 36px;}.oppromo-input{min-width:0;flex:1 1 100%;}.oppromo-btn{flex:1 1 100%;}}
/* Opinión destacada en la portada (columnas como tarjetas prominentes) */
.oppromo-inner2{max-width:1120px;margin:0 auto;padding:34px 28px 40px;}
.oppromo-head{margin-bottom:20px;}
.opcol-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:16px;}
.opcol-card{display:flex;gap:13px;background:var(--b);border:1px solid var(--gb);border-radius:9px;padding:16px;cursor:pointer;transition:border-color .15s,transform .15s,box-shadow .15s;}
.opcol-card:hover{border-color:var(--r);transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,.07);}
.opcol-av{flex:0 0 42px;width:42px;height:42px;border-radius:50%;background:var(--r);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--serif-el),Georgia,serif;font-weight:700;font-size:15px;}
.opcol-body{min-width:0;}
.opcol-by{font-family:var(--sans);font-size:10px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--r);margin-bottom:4px;}
.opcol-t{font-family:var(--serif-el),Georgia,serif;font-size:17px;line-height:1.3;color:var(--n);margin-bottom:5px;}
.opcol-ex{font-size:13px;color:var(--gs);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.oppromo-form2{display:flex;gap:10px;margin-top:24px;max-width:520px;}
.oppromo-empty{color:var(--gs);font-style:italic;padding:14px 0;}
body.dark .opcol-card{background:#1a1a1a;border-color:#333;}
body.dark .opcol-t{color:#e8e4dc;}
@media(max-width:760px){.oppromo-inner2{padding:30px 16px 34px;}.oppromo-form2{flex-wrap:wrap;}.oppromo-form2 .oppromo-input{flex:1 1 100%;}.oppromo-form2 .oppromo-btn{flex:1 1 100%;}}
/* OPINIÓN destacada (arriba de la portada) — presentación editorial elegante, fondo BEIGE editorial */
.opdes{background:linear-gradient(180deg,#faf7f1 0%,#f4eee1 100%);border-top:1px solid #e8dfcc;border-bottom:1px solid #e8dfcc;}
.opdes-in{max-width:1180px;margin:0 auto;padding:34px 28px 38px;position:relative;}
.opdes-in::before{content:"\201C";position:absolute;top:6px;left:14px;font-family:Georgia,serif;font-size:110px;line-height:1;color:#8a2b2b;opacity:.13;pointer-events:none;}
.opdes-head{display:flex;align-items:center;gap:16px;margin-bottom:22px;position:relative;}
.opdes-kick{font-family:var(--serif-el),Georgia,serif;font-style:italic;font-size:28px;font-weight:700;color:#221c14;white-space:nowrap;}
.opdes-head-line{flex:1;height:1px;background:#d8cdb5;}
.opdes-all{font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:.5px;color:var(--r);cursor:pointer;white-space:nowrap;}
.opdes-all:hover{text-decoration:underline;}
.opdes-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:40px;align-items:start;}
.opdes-lead{cursor:pointer;border-right:1px solid #d8cdb5;padding-right:40px;}
.opdes-lead-by{display:flex;align-items:center;gap:10px;margin-bottom:12px;}
.opdes-av{width:38px;height:38px;border-radius:50%;object-fit:cover;flex-shrink:0;}
.opdes-av-ini{background:#8a2b2b;color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--serif-el),Georgia,serif;font-weight:700;font-size:14px;}
.opdes-lead-by-nm{font-family:var(--sans);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:#8a2b2b;}
.opdes-lead-t{font-family:var(--serif-el),Georgia,serif;font-size:clamp(24px,2.6vw,34px);font-weight:700;line-height:1.15;color:#221c14;margin-bottom:12px;transition:color .15s;}
.opdes-lead:hover .opdes-lead-t{color:#8a2b2b;}
.opdes-lead-ex{font-family:var(--serif-el),Georgia,serif;font-size:16px;line-height:1.6;color:#5c5140;margin-bottom:14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.opdes-more{font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:.5px;color:#8a2b2b;}
.opdes-side{display:flex;flex-direction:column;}
.opdes-item{cursor:pointer;padding:0 0 16px;margin-bottom:16px;border-bottom:1px solid #d8cdb5;}
.opdes-side .opdes-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0;}
.opdes-item-by{font-family:var(--sans);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.3px;color:#8a2b2b;margin-bottom:5px;}
.opdes-item-t{font-family:var(--serif-el),Georgia,serif;font-size:19px;font-weight:700;line-height:1.25;color:#221c14;transition:color .15s;}
.opdes-item:hover .opdes-item-t{color:#8a2b2b;}
.opdes-lead:focus-visible,.opdes-item:focus-visible{outline:2px solid #8a2b2b;outline-offset:3px;}
/* La franja de Opinión mantiene su carácter beige editorial también en modo oscuro */
.opdes-all{color:#8a2b2b;}
@media(max-width:820px){.opdes-grid{grid-template-columns:1fr;gap:24px;}.opdes-lead{border-right:none;padding-right:0;border-bottom:1px solid #d8cdb5;padding-bottom:22px;}}
.op-lead:focus-visible,.op-col:focus-visible{outline:2px solid var(--r);outline-offset:2px;}
.op-empty{text-align:center;padding:70px 20px;font-family:var(--serif-el),Georgia,serif;font-style:italic;font-size:20px;color:var(--gs);}
@media(max-width:760px){
  .op-grid{grid-template-columns:1fr 1fr;gap:14px;padding:10px 16px 36px;}
  .op-grid::before{margin-bottom:0;}
  .op-col,.op-col--feat,.op-col--std,.op-col--brief{grid-column:span 2;}
  .op-col--feat .op-col-img img{height:200px;}
  .op-lead{grid-template-columns:1fr;gap:0;padding:6px 16px 26px;overflow:hidden;}
  .op-lead .op-av{width:54px;height:54px;font-size:20px;}
  .op-lead-t{font-size:clamp(24px,6.5vw,32px);}
  /* (capital de Opinión retirada) */
  .op-banner{padding:30px 16px 18px;}
}


/* Pestañas de revista en versión impresa */
.imp-rev-tabs{display:flex;gap:0;flex-wrap:wrap;padding:0 0 0;margin-bottom:1px;border-bottom:1px solid #1e1e1e;}
.imp-rev-tab{
  background:none;border:none;
  padding:14px 22px;
  font-size:12px;font-weight:600;letter-spacing:.5px;
  color:rgba(255,255,255,.4);
  cursor:pointer;
  border-bottom:2px solid transparent;
  transition:color .2s ease,border-color .2s ease;
  font-family:var(--sans);
  white-space:nowrap;
}
.imp-rev-tab:hover{color:rgba(255,255,255,.7);}
.imp-rev-tab.on{color:#fff;border-bottom-color:var(--r);}
@media(max-width:600px){.imp-rev-tab{padding:11px 14px;font-size:11px;}}

/* ═══════ TEMAS DE ARTÍCULO POR SECCIÓN ═══════ */

/* ── ERODE: editorial oscuro dorado ── */
#p-art.art-theme-erode{
  background:#050505;
  max-width:100% !important;
  padding:0 !important;
}
#p-art.art-theme-erode #art-inner-wrap{max-width:1240px;margin:0 auto;padding:0 28px 60px;}
#p-art.art-theme-erode .art-back{color:#c9a96e;}
#p-art.art-theme-erode .art-cat{color:#c9a96e;font-family:'Raleway',sans-serif;letter-spacing:4px;}
#p-art.art-theme-erode .art-tit{
  font-family:'Cormorant Garamond',serif;color:#f0ebe0;
  font-weight:300;font-size:clamp(30px,4vw,52px);letter-spacing:-1px;line-height:1.05;
}
#p-art.art-theme-erode .art-sub{color:rgba(240,235,224,.6);font-family:'Cormorant Garamond',serif;font-style:italic;font-size:19px;}
#p-art.art-theme-erode .art-met{color:rgba(240,235,224,.4);border-bottom-color:rgba(201,169,110,.2);}
#p-art.art-theme-erode .art-body{color:rgba(240,235,224,.85);font-family:'Cormorant Garamond',serif;font-size:18px;line-height:1.9;}
#p-art.art-theme-erode .art-img{max-height:560px;}
#p-art.art-theme-erode .share-lbl{color:rgba(240,235,224,.5);}
#p-art.art-theme-erode .art-read-time,#p-art.art-theme-erode .art-views{color:#c9a96e;}

/* ── PANORAMA: verde deportivo ── */
/* ── PANORAMA: streaming deportivo azul (DAZN) ── */
#p-art.art-theme-panorama{background:#0e1c2e;max-width:100% !important;padding:0 !important;}
#p-art.art-theme-panorama #art-inner-wrap{max-width:1240px;margin:0 auto;padding:0 28px 60px;}
#p-art.art-theme-panorama .art-back{color:#3b9eff;}
#p-art.art-theme-panorama .art-cat{color:#3b9eff;font-family:'Rajdhani',sans-serif;letter-spacing:4px;font-weight:700;}
#p-art.art-theme-panorama .art-tit{
  font-family:'Rajdhani',sans-serif;color:#fff;
  font-weight:700;text-transform:uppercase;
  font-size:clamp(30px,4.2vw,54px);letter-spacing:-.5px;line-height:1.02;
}
#p-art.art-theme-panorama .art-sub{color:rgba(234,242,251,.72);font-family:'Rajdhani',sans-serif;font-size:19px;}
#p-art.art-theme-panorama .art-met{color:rgba(234,242,251,.45);border-bottom-color:rgba(59,158,255,.25);}
#p-art.art-theme-panorama .art-body{color:rgba(234,242,251,.88);font-size:16px;line-height:1.85;}
#p-art.art-theme-panorama .art-img{max-height:520px;}
#p-art.art-theme-panorama .share-lbl{color:rgba(234,242,251,.5);}
#p-art.art-theme-panorama .art-read-time,#p-art.art-theme-panorama .art-views{color:#3b9eff;}
/* ── DAILY SUPER CARS: negro/amarillo HUD ── */
#p-art.art-theme-cars{background:#000;max-width:100% !important;padding:0 !important;}
#p-art.art-theme-cars #art-inner-wrap{max-width:1240px;margin:0 auto;padding:0 28px 60px;}
#p-art.art-theme-cars .art-back{color:#ffc800;}
#p-art.art-theme-cars .art-cat{color:#ffc800;font-family:'Rajdhani',sans-serif;letter-spacing:4px;font-weight:700;}
#p-art.art-theme-cars .art-tit{
  font-family:'Rajdhani',sans-serif;color:#fff;
  font-weight:700;text-transform:uppercase;
  font-size:clamp(30px,4.2vw,54px);letter-spacing:-.5px;line-height:1.0;
}
#p-art.art-theme-cars .art-sub{color:rgba(255,255,255,.6);font-family:'Rajdhani',sans-serif;font-size:19px;}
#p-art.art-theme-cars .art-met{color:rgba(255,255,255,.4);border-bottom-color:rgba(255,200,0,.25);}
#p-art.art-theme-cars .art-body{color:rgba(255,255,255,.85);font-size:16px;line-height:1.85;}
#p-art.art-theme-cars .art-img{max-height:520px;}
#p-art.art-theme-cars .art-img::after{content:'';}
#p-art.art-theme-cars .share-lbl{color:rgba(255,255,255,.5);}
#p-art.art-theme-cars .art-read-time,#p-art.art-theme-cars .art-views{color:#ffc800;}

/* Botón volver en temas oscuros */
#p-art.art-theme-erode .art-back,#p-art.art-theme-panorama .art-back,#p-art.art-theme-cars .art-back{opacity:.9;}

/* Comentarios en temas oscuros */
#p-art.art-theme-erode #art-coms-wrap,#p-art.art-theme-panorama #art-coms-wrap,#p-art.art-theme-cars #art-coms-wrap{border-top-color:rgba(255,255,255,.12);}
#p-art.art-theme-erode .sdiv-name,#p-art.art-theme-panorama .sdiv-name,#p-art.art-theme-cars .sdiv-name{color:rgba(255,255,255,.7);}
#p-art.art-theme-erode #art-com-name,#p-art.art-theme-erode #art-com-txt,#p-art.art-theme-panorama #art-com-name,#p-art.art-theme-panorama #art-com-txt,#p-art.art-theme-cars #art-com-name,#p-art.art-theme-cars #art-com-txt{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.15);color:#fff;}
/* ── Barra lateral de la nota legible en temas oscuros (Panorama/Erode/Cars) ── */
#p-art[class*="art-theme-"] .art-aside{color:rgba(255,255,255,.9);}
#p-art[class*="art-theme-"] .art-ml-tit,
#p-art[class*="art-theme-"] .art-ml-t,
#p-art[class*="art-theme-"] .art-ml-num,
#p-art[class*="art-theme-"] .art-more-t,
#p-art[class*="art-theme-"] .art-more-item,
#p-art[class*="art-theme-"] .art-aside-news-t,
#p-art[class*="art-theme-"] .art-aside-news-s,
#p-art[class*="art-theme-"] .art-ad-house-txt,
#p-art[class*="art-theme-"] .art-ad-lbl{color:rgba(255,255,255,.92);}
#p-art[class*="art-theme-"] .art-ml,
#p-art[class*="art-theme-"] .art-more,
#p-art[class*="art-theme-"] .art-aside-news,
#p-art[class*="art-theme-"] .art-ad-house{border-color:rgba(255,255,255,.25);}
#p-art[class*="art-theme-"] .art-ml-item,
#p-art[class*="art-theme-"] .art-more-item{border-bottom-color:rgba(255,255,255,.14);}
#p-art[class*="art-theme-"] .art-aside-news input{border-color:rgba(255,255,255,.28);color:#fff;}
#p-art[class*="art-theme-"] .art-aside-news input::placeholder{color:rgba(255,255,255,.5);}
#p-art[class*="art-theme-"] .art-rail-btn{border-color:rgba(255,255,255,.25);background:transparent;color:rgba(255,255,255,.7);}
#p-art[class*="art-theme-"] .art-rail-lbl{color:rgba(255,255,255,.5);}
#p-art[class*="art-theme-"] .share-bar{border-top-color:rgba(255,255,255,.15);border-bottom-color:rgba(255,255,255,.15);}
#p-art[class*="art-theme-"] .share-copy{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.2);}
/* ── Notas relacionadas ("También te puede interesar") legibles en temas oscuros (antes el título/fecha quedaban en gris invisible sobre el fondo oscuro) ── */
#p-art[class*="art-theme-"] .related-tit,#p-art[class*="art-theme-"] .related-tit-art,#p-art[class*="art-theme-"] .related-cat{color:rgba(255,255,255,.92);}
#p-art[class*="art-theme-"] .related-date{color:rgba(255,255,255,.6);opacity:1;}
#p-art[class*="art-theme-"] .related-wrap{border-top-color:rgba(255,255,255,.25);}
#p-art[class*="art-theme-"] .related-item{border-color:rgba(255,255,255,.18);}
#p-art[class*="art-theme-"] .related-item:hover{border-color:rgba(255,255,255,.55);}
/* OPINIÓN es tema CLARO (crema): el comodín de arriba lo pintaba de blanco → títulos invisibles.
   Estas reglas van DESPUÉS para ganar la cascada (regla de oro del tema opinión). */
#p-art.art-theme-opinion .related-tit,#p-art.art-theme-opinion .related-tit-art,#p-art.art-theme-opinion .related-cat{color:#221c14;}
#p-art.art-theme-opinion .related-cat{color:#8a2b2b;}
#p-art.art-theme-opinion .related-date{color:#8d8271;}
#p-art.art-theme-opinion .related-wrap{border-top-color:#d8cdb5;}
#p-art.art-theme-opinion .related-item{border-color:#e3d9c6;}
#p-art.art-theme-opinion .related-item:hover{border-color:#8a2b2b;}

/* ═══════ LECTURA v2: byline con foto + acciones + ads en el cuerpo + CTA + tema OPINIÓN ═══════ */
/* Byline (AUTOR arriba de la sección, con foto del perfil si existe) */
.art-byline{display:flex;align-items:center;gap:10px;margin-bottom:12px;}
.art-byline-av{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0;}
.art-byline-ini{background:var(--n);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-weight:700;font-size:15px;}
.art-byline-tx{font-family:var(--sans);font-size:13px;color:var(--gs);letter-spacing:.2px;}
.art-byline-tx b{color:var(--n);font-weight:700;}
.art-byline-cargo{display:block;font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:var(--r);font-weight:700;margin-top:1px;}
body.dark .art-byline-tx{color:#aaa;}
body.dark .art-byline-tx b{color:#eee;}
#p-art[class*="art-theme-"] .art-byline-tx{color:rgba(255,255,255,.62);}
#p-art[class*="art-theme-"] .art-byline-tx b{color:#fff;}
#p-art[class*="art-theme-"] .art-byline-ini{background:rgba(255,255,255,.15);color:#fff;}
/* Anuncio DENTRO del cuerpo (cada ~5 párrafos) */
.art-inline-ad{margin:26px 0;padding:10px 0 0;border-top:1px solid rgba(128,128,128,.25);border-bottom:1px solid rgba(128,128,128,.25);}
.art-inline-ad .art-ad-lbl{display:block;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--gs);margin-bottom:8px;}
.art-inline-ad a{display:block;}
.art-inline-ad img,.art-inline-ad video{width:100%;display:block;border-radius:4px;margin-bottom:10px;}
#p-art[class*="art-theme-"] .art-inline-ad{border-color:rgba(255,255,255,.2);}
#p-art[class*="art-theme-"] .art-inline-ad .art-ad-lbl{color:rgba(255,255,255,.55);}
/* CTA de newsletter al FINAL de la nota */
.art-news-cta{margin:30px 0 8px;padding:22px;border:1px solid rgba(128,128,128,.25);border-left:3px solid var(--r);border-radius:8px;background:var(--gc);}
.art-news-cta-t{font-family:var(--serif-el);font-weight:700;font-size:19px;margin-bottom:4px;}
.art-news-cta-s{font-size:13px;opacity:.7;margin-bottom:12px;}
.art-news-cta-row{display:flex;gap:8px;flex-wrap:wrap;}
.art-news-cta-row input{flex:1;min-width:200px;padding:10px 12px;border:1px solid rgba(128,128,128,.3);background:var(--b);color:inherit;font-family:var(--sans);font-size:13px;border-radius:4px;outline:none;}
.art-news-cta-row button{background:var(--r);color:#fff;border:none;padding:10px 22px;font-family:var(--sans);font-size:13px;font-weight:600;cursor:pointer;border-radius:4px;}
body.dark .art-news-cta{background:#1a1a1a;border-color:#333;}
#p-art[class*="art-theme-"] .art-news-cta{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.2);border-left-color:var(--r);}
#p-art[class*="art-theme-"] .art-news-cta-t,#p-art[class*="art-theme-"] .art-news-cta-s{color:#fff;}
#p-art[class*="art-theme-"] .art-news-cta-row input{background:transparent;border-color:rgba(255,255,255,.28);color:#fff;}
/* ── OPINIÓN: lectura crema/serif elegante (como su portada) ── */
/* OJO: la clase contiene "art-theme-", así que matchea las reglas oscuras genéricas
   [class*="art-theme-"]; este bloque va DESPUÉS para revertirlas por cascada. */
#p-art.art-theme-opinion{background:#faf7f1;}
#p-art.art-theme-opinion .art-back{color:#8a2b2b;}
#p-art.art-theme-opinion .art-cat{color:#8a2b2b;letter-spacing:3px;}
#p-art.art-theme-opinion .art-tit{font-family:var(--serif-el),Georgia,serif;color:#221c14;font-weight:700;line-height:1.12;}
#p-art.art-theme-opinion .art-sub{color:#5c5346;font-family:var(--serif-el),Georgia,serif;font-style:italic;font-size:19px;}
#p-art.art-theme-opinion .art-met{color:#8d8271;border-bottom-color:#e3d9c6;}
#p-art.art-theme-opinion .art-body{color:#33291d;font-family:var(--serif-el),Georgia,serif;font-size:18px;line-height:1.9;}
#p-art.art-theme-opinion .art-body a{color:#8a2b2b;}
#p-art.art-theme-opinion .art-body:not(.art-html) > p:first-of-type::first-letter{color:#8a2b2b;}
#p-art.art-theme-opinion .art-read-time{color:#8a2b2b;}
#p-art.art-theme-opinion .art-author-top{color:#8d8271;}
#p-art.art-theme-opinion .art-author-top b{color:#221c14;}
#p-art.art-theme-opinion .art-byline-tx{color:#8d8271;}
#p-art.art-theme-opinion .art-byline-tx b{color:#221c14;}
#p-art.art-theme-opinion .art-byline-ini{background:#8a2b2b;color:#fff;}
#p-art.art-theme-opinion .tts-btn{background:transparent;border-color:#8a2b2b;color:#8a2b2b;}
#p-art.art-theme-opinion .tts-btn:hover{background:#8a2b2b;color:#fff;}
#p-art.art-theme-opinion .tts-btn.tts-on{background:#8a2b2b;border-color:#8a2b2b;color:#fff;}
#p-art.art-theme-opinion .share-pro{background:#f1e9d8;border-color:#e0d4bb;}
#p-art.art-theme-opinion .related-tit{color:#221c14;}
#p-art.art-theme-opinion .related-item{border-color:#e3d9c6;background:#fffdfa;}
#p-art.art-theme-opinion .related-item:hover{border-color:#8a2b2b;}
#p-art.art-theme-opinion .com-nm,#p-art.art-theme-opinion .com-tx,#p-art.art-theme-opinion .art-coms h3,#p-art.art-theme-opinion .rel-t{color:#33291d;}
#p-art.art-theme-opinion .com-fd,#p-art.art-theme-opinion .com-empty{color:#8d8271;}
#p-art.art-theme-opinion .art-author,#p-art.art-theme-opinion .art-author div{color:#33291d;}
#p-art.art-theme-opinion .art-author{border-top-color:#e3d9c6;border-bottom-color:#e3d9c6;}
#p-art.art-theme-opinion .art-inline-ad{border-color:#e3d9c6;}
#p-art.art-theme-opinion .art-inline-ad .art-ad-lbl{color:#8d8271;}
#p-art.art-theme-opinion .art-news-cta{background:#f1e9d8;border-color:#e0d4bb;border-left-color:#8a2b2b;}
#p-art.art-theme-opinion .art-news-cta-t,#p-art.art-theme-opinion .art-news-cta-s{color:#33291d;}
#p-art.art-theme-opinion .art-news-cta-row input{background:#fffdfa;border-color:#e0d4bb;color:#33291d;}
#p-art.art-theme-opinion .art-news-cta-row button{background:#8a2b2b;}