/* =====================================================================
   NOTICIAS: artículo (noticias/mostrar) y listado (noticias/indice).
   Se apoya en home.css (variables, cabecera, pie, tarjetas .nc, botones, modo claro/oscuro).
   Solo estas páginas: no lo carga la home.
   ===================================================================== */

/* progreso de lectura (barra fina arriba) */
.lectura{position:fixed;left:0;top:0;height:3px;width:100%;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,var(--cy),var(--bl));z-index:120;pointer-events:none}

main.art{padding:calc(76px + 40px) 0 0}
.art .wrap{max-width:1080px}

/* migas de pan */
.migas ol{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:0 6px;font-family:var(--mono);font-size:13.5px;color:var(--t3);margin:0 0 18px}
.migas li+li:before{content:"›";margin-right:6px;opacity:.7}
.migas a{display:inline-flex;align-items:center;min-height:44px;color:var(--t2);transition:color .25s}
.migas a:hover{color:var(--cy)}

/* cabecera del artículo */
.art-cab{max-width:none}
.art-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;font-family:var(--mono);font-size:13.5px;letter-spacing:.04em;color:var(--t3)}
.art-meta time{color:var(--t2)}
.art-etiqueta{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--cy)}
.art-etiqueta:after{content:"";display:inline-block;width:6px;height:6px;margin-left:14px;border-radius:50%;background:var(--t3);vertical-align:middle}
.art-titulo{font-family:var(--disp);font-weight:700;font-size:clamp(2.1rem,4.7vw,3.7rem);line-height:1.05;letter-spacing:-.03em;margin:18px 0 22px;text-wrap:balance}
.art-lead{font-size:clamp(1.12rem,1.5vw,1.3rem);font-weight:500;line-height:1.6;color:var(--t1);max-width:60ch;margin:0 0 26px}
.art-compartir-arriba{margin:0 0 8px}

/* imagen principal */
.art-figura{margin:34px 0 0;border-radius:20px;overflow:hidden;aspect-ratio:16/9;border:1px solid var(--line);box-shadow:0 30px 60px -40px rgba(5,7,13,.7)}
.art-figura img{width:100%;height:100%;object-fit:cover}
html[data-theme="light"] .art-figura{box-shadow:0 26px 50px -36px rgba(11,18,32,.45)}

/* cuerpo: columna de ~68 caracteres, lectura cómoda */
.art-grid{margin-top:52px}
.art-texto{min-width:0}
.art-aviso{display:flex;align-items:center;gap:10px;margin:0 0 30px;padding:12px 16px;border:1px solid var(--line2);border-radius:12px;font-family:var(--mono);font-size:14px;line-height:1.5;color:var(--t2)}
.art-cuerpo{max-width:68ch;font-size:18.5px;line-height:1.75;color:var(--t1)}
.art-cuerpo p{margin:0 0 1.15em}
.art-cuerpo h2{font-family:var(--disp);font-weight:600;font-size:clamp(1.45rem,2.4vw,1.85rem);line-height:1.2;letter-spacing:-.015em;margin:2.1em 0 .7em;scroll-margin-top:110px}
.art-cuerpo ul{list-style:none;margin:0 0 1.25em;padding:0}
.art-cuerpo li{position:relative;padding-left:1.5em;margin-bottom:.6em}
.art-cuerpo li:before{content:"";position:absolute;left:.15em;top:.62em;width:.5em;height:.5em;border-radius:2px;background:var(--cy)}
.art-cuerpo blockquote{margin:1.6em 0;padding:.1em 0 .1em 1.3em;border-left:3px solid var(--cy);font-family:var(--disp);font-size:1.22em;line-height:1.5;color:var(--t2)}
.art-cuerpo blockquote p{margin:0}
.art-cuerpo > p:first-child::first-letter{float:left;font-family:var(--disp);font-weight:700;font-size:3.5em;line-height:.9;padding:.07em .12em 0 0;color:var(--cy)}

/* fuente */
.art-fuente{margin:52px 0 0;padding:24px 26px;border:1px solid var(--line);border-radius:16px;background:var(--bg1)}
.art-fuente h2{font-family:var(--mono);font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--cy);margin:0 0 8px}
.art-fuente-nombre{font-family:var(--disp);font-size:1.12rem;color:var(--t1);margin:0 0 6px;overflow-wrap:anywhere}
.art-fuente-enlace{display:inline-flex;align-items:center;min-height:44px;color:var(--cy);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.art-fuente-enlace:hover{color:var(--t1)}

/* compartir final (solo móvil y tableta) */
.art-compartir-final{margin-top:48px;padding-top:26px;border-top:1px solid var(--line)}
.art-comparte{font-family:var(--disp);font-size:1.2rem;color:var(--t1);margin:0 0 14px}

/* sigue leyendo, llamada y volver */
.art-mas{margin-top:96px}
.art-mas h2{font-family:var(--disp);font-weight:600;font-size:clamp(1.7rem,3vw,2.2rem);letter-spacing:-.02em;line-height:1.1}
.art-mas-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:28px}
.art-mas .nc{display:flex;flex-direction:column;gap:14px}
.art-mas .nc .ph{aspect-ratio:16/10}
.art-mas .nc h3{font-size:1.2rem;line-height:1.2}
.art-mas .nc .tag{font-size:12.5px}
.art-cta{margin-top:96px;padding:clamp(28px,4vw,48px);border:1px solid var(--line);border-radius:20px;background:var(--bg1)}
.art-cta h2{font-family:var(--disp);font-weight:600;font-size:clamp(1.6rem,3vw,2.2rem);letter-spacing:-.02em;line-height:1.1}
.art-cta p{color:var(--t2);margin:12px 0 26px;max-width:52ch}
.art-volver{margin-top:40px}
.art-volver a{gap:12px}
.art-volver svg{width:18px;height:18px;flex-shrink:0;transition:transform .35s var(--ease)}
.art-volver a:hover svg{transform:translateX(-4px)}

/* listado de noticias */
.idx-cab{margin-bottom:44px}
.idx-cab .h2{margin-top:14px}
.idx-grid{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:24px;margin:0;padding:0}
.idx-tarjeta{height:100%;padding:0}
.idx-enlace{display:flex;flex-direction:column;height:100%}
.idx-foto{aspect-ratio:16/10;overflow:hidden;border-bottom:1px solid var(--line)}
.idx-foto img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.idx-tarjeta:hover .idx-foto img{transform:scale(1.05)}
.idx-texto{display:flex;flex-direction:column;gap:12px;flex:1;padding:22px 24px 26px}
.idx-meta{display:flex;flex-wrap:wrap;gap:6px 14px;font-family:var(--mono);font-size:13px;color:var(--t3)}
.idx-etiqueta{color:var(--cy);text-transform:uppercase;letter-spacing:.06em}
.idx-h{font-family:var(--disp);font-weight:500;font-size:1.4rem;line-height:1.2;letter-spacing:-.01em}
.idx-resumen{color:var(--t2);font-size:16.5px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:break-word}
.idx-leer{margin-top:auto;padding-top:6px;display:inline-flex;align-items:center;gap:10px;font-family:var(--mono);font-size:14px;color:var(--cy)}
.idx-leer svg{width:18px;height:18px;transition:transform .35s var(--ease)}
.idx-tarjeta:hover .idx-leer svg{transform:translateX(4px)}
.idx-paginas{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px 20px;margin-top:56px}
.idx-pagina{font-family:var(--mono);font-size:14px;color:var(--t2)}
.idx-vacio{font-size:1.1rem;color:var(--t2)}

/* ===== escritorio (≥1100 px): barra de compartir a la izquierda y texto en su columna ===== */
@media(min-width:1100px){
  .art-grid{display:grid;grid-template-columns:64px minmax(0,68ch);column-gap:56px;justify-content:start}
  .art-cab,.migas{padding-left:120px}
  .art-figura{margin-left:120px}
  .art-lateral{position:sticky;top:116px;align-self:start}
  .art-compartir-arriba,.art-compartir-final{display:none}
  .art-mas,.art-cta,.art-volver{margin-left:120px}
  .art-mas .art-mas-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .art-lead{max-width:none}
}

@media(max-width:1099px){
  .art-lateral{display:none}
}

@media(max-width:860px){
  .art-mas-grid{grid-template-columns:1fr}
  .art-mas .nc{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:18px}
  .art-mas .nc .ph{aspect-ratio:1/1}
}
@media(max-width:560px){
  main.art{padding-top:calc(66px + 30px)}
  .art-cuerpo{font-size:17.5px;line-height:1.72}
  .art-fuente{padding:20px}
  .art-mas .nc{display:flex;flex-direction:column}
  .art-mas .nc .ph{aspect-ratio:16/10}
  .idx-grid{grid-template-columns:1fr}
}

@media (prefers-reduced-motion:reduce){
  .lectura{transition:none}
  .idx-foto img,.art-figura img{transition:none}
}

/* ===== compartir (partials/compartir): enlaces simples, objetivos de 44 px ===== */
.compartir{position:relative}
.cmp-titulo{font-family:var(--mono);font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--t3);margin:0 0 10px}
.cmp-lista{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.cmp-lista li{position:relative;display:flex;align-items:center}
.cmp-btn{width:44px;height:44px;min-width:44px;border-radius:50%;border:1px solid var(--line2);display:inline-grid;place-items:center;color:var(--t2);background:transparent;text-decoration:none;cursor:pointer;transition:background .25s,color .25s,border-color .25s,transform .3s var(--ease)}
.cmp-btn[hidden]{display:none}
.cmp-btn svg{width:19px;height:19px;flex-shrink:0}
.cmp-btn:hover{transform:translateY(-2px)}
.cmp-btn:focus-visible{outline:3px solid var(--cy);outline-offset:3px}
.cmp-linkedin:hover{background:#0A66C2;border-color:#0A66C2;color:#fff}
.cmp-x:hover{background:#0F1419;border-color:#0F1419;color:#fff}
.cmp-facebook:hover{background:#1877F2;border-color:#1877F2;color:#fff}
.cmp-whatsapp:hover{background:#25D366;border-color:#25D366;color:#0B1220}
.cmp-correo:hover,.cmp-copiar:hover,.cmp-nativo:hover{background:rgba(14,116,144,.10);border-color:var(--cy);color:var(--t1)}
.cmp-aviso{margin-left:8px;font-family:var(--mono);font-size:13px;color:var(--cy);white-space:nowrap}
.cmp-aviso:empty{display:none}
.compartir-lateral .cmp-lista{flex-direction:column;gap:12px}
.compartir-lateral .cmp-titulo{font-size:11.5px;margin-bottom:12px}
.compartir-lateral .cmp-aviso{position:absolute;left:52px;top:50%;transform:translateY(-50%);margin:0;padding:4px 10px;border-radius:8px;background:var(--bg2);border:1px solid var(--line);box-shadow:0 10px 24px -14px rgba(5,7,13,.5)}
html[data-theme="light"] .cmp-btn{border-color:var(--line2)}