/* ============================================================
   Radio Sur Guarambaré — Estilos de página de nota / estáticas
   (se carga después de estilo.css)
   ============================================================ */

.read-progress{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,var(--gold),var(--press-red));width:0;z-index:100;transition:width .1s linear;}

.wrap{max-width:1180px;margin:0 auto;padding:30px 24px 10px;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:44px;}
.wrap.solo{grid-template-columns:1fr;max-width:860px;}
article{min-width:0;}

.breadcrumb{font-size:11.5px;color:var(--gray);text-transform:uppercase;letter-spacing:.06em;font-weight:600;display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px;}
.breadcrumb a:hover{color:var(--press-red);}
.breadcrumb span{opacity:.5;}

h1.headline{font-family:'Playfair Display',serif;font-size:clamp(27px,4.4vw,42px);line-height:1.14;font-weight:900;margin:14px 0 14px;letter-spacing:-.01em;}
p.bajada{font-size:clamp(15px,2.2vw,18px);line-height:1.55;color:#3d4450;margin:0 0 20px;font-weight:500;}

.article-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:20px;}
.article-meta time,.read-time{font-size:12px;color:var(--gray);}
.meta-sep{color:var(--line);}

.share-row{display:flex;gap:8px;margin-left:auto;flex-wrap:wrap;}
.share-btn{display:inline-flex;align-items:center;gap:6px;border:none;border-radius:18px;padding:7px 13px;font-size:11.5px;font-weight:700;cursor:pointer;color:#fff;font-family:'Inter',sans-serif;transition:.2s;}
.share-btn svg{width:14px;height:14px;fill:currentColor;}
.share-btn.fb{background:#1877F2;} .share-btn.fb:hover{background:#0f5fcc;}
.share-btn.wa{background:#25D366;} .share-btn.wa:hover{background:#1cae52;}
.share-btn.tw{background:#14181F;} .share-btn.tw:hover{background:#3a4150;}
.share-btn.cp{background:var(--paper-dim);color:var(--ink);border:1px solid var(--line);} .share-btn.cp:hover{border-color:var(--ink);}

figure.main-photo{margin:0 0 26px;background:var(--paper-dim);border-radius:var(--radius);overflow:hidden;}
figure.main-photo img{width:100%;height:auto;max-height:640px;object-fit:contain;display:block;margin:0 auto;}
figure.main-photo figcaption{font-size:12px;color:var(--gray);margin-top:9px;display:flex;gap:8px;line-height:1.45;}
figure.main-photo figcaption::before{content:'';width:22px;height:2px;background:var(--gold);flex-shrink:0;margin-top:8px;}

.article-body{font-size:16.5px;line-height:1.75;color:#22262e;max-width:720px;}
.article-body p{margin:0 0 22px;}
.article-body h2{font-family:'Playfair Display',serif;font-size:24px;line-height:1.25;margin:34px 0 14px;font-weight:700;display:flex;align-items:center;gap:10px;}
.article-body h2::before{content:'';width:5px;height:22px;background:var(--gold);border-radius:2px;flex-shrink:0;}
.article-body h3{font-family:'Playfair Display',serif;font-size:20px;margin:28px 0 12px;font-weight:700;}
.article-body ul,.article-body ol{margin:0 0 22px;padding-left:22px;}
.article-body li{margin-bottom:8px;}
.article-body img{max-width:100%;height:auto;border-radius:var(--radius);margin:10px 0;}
.article-body a{color:var(--wire-blue);text-decoration:underline;}
.article-body blockquote{
  margin:30px 0;padding:20px 24px 20px 28px;background:var(--white);border-left:5px solid var(--press-red);
  font-family:'Playfair Display',serif;font-size:20px;line-height:1.45;font-style:italic;border-radius:var(--radius);
  box-shadow:0 10px 26px -20px rgba(20,24,31,.4);
}

.tag-row{display:flex;gap:8px;flex-wrap:wrap;margin:30px 0 26px;}
.fuente-link{font-size:12.5px;color:var(--gray);margin:24px 0;}
.fuente-link a{color:var(--wire-blue);}

.rel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:48px;}
.rel-grid .card .thumb{height:140px;}
.rel-grid .card h4{font-size:15px;}
.rel-grid .card .meta{font-size:11px;color:var(--gray);}

/* CTA app dentro de la nota */
.app-cta{display:flex;align-items:center;gap:18px;flex-wrap:wrap;background:linear-gradient(120deg,#0e1116,#14324e 70%,#1C86E0 160%);color:#fff;border-radius:8px;padding:20px 24px;margin-bottom:40px;}
.app-cta .cta-logo{width:46px;height:46px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 3px var(--gold);flex-shrink:0;}
.app-cta .t b{display:block;font-family:'Playfair Display',serif;font-size:17px;margin-bottom:2px;}
.app-cta .t span{font-size:12.5px;color:#c9d4e2;}
.app-cta .gp-badge{margin-left:auto;}

/* Sidebar */
aside{display:flex;flex-direction:column;gap:28px;}
.sticky-col{position:sticky;top:64px;display:flex;flex-direction:column;gap:28px;}
.side-box{background:var(--white);border:1px solid var(--line);border-radius:6px;overflow:hidden;}
.side-box .sb-head{background:var(--ink);color:#fff;padding:11px 16px;font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;display:flex;align-items:center;gap:8px;}
.side-box .sb-head i{width:8px;height:8px;border-radius:50%;background:var(--gold);}
.top-read{list-style:none;margin:0;padding:6px 16px;counter-reset:tr;}
.top-read li{counter-increment:tr;display:flex;gap:14px;padding:13px 0;border-bottom:1px solid var(--line);align-items:baseline;}
.top-read li:last-child{border-bottom:none;}
.top-read li::before{content:counter(tr,decimal-leading-zero);font-family:'JetBrains Mono',monospace;font-size:17px;font-weight:700;color:var(--gold);flex-shrink:0;}
.top-read a{font-size:13px;font-weight:600;line-height:1.4;}
.top-read a:hover{color:var(--press-red);}

.side-ad{position:relative;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:var(--paper-dim);}
.side-ad img{width:100%;height:auto;display:block;}

.side-app{background:linear-gradient(150deg,#0e1116,#14324e);color:#fff;border-radius:6px;padding:22px;text-align:center;}
.side-app b{font-family:'Playfair Display',serif;font-size:16px;display:block;margin-bottom:4px;}
.side-app p{font-size:12px;color:#c9d4e2;margin:0 0 14px;line-height:1.5;}

/* Paginación de sección */
.paginacion{display:flex;gap:8px;justify-content:center;margin:10px 0 46px;flex-wrap:wrap;}
.paginacion a,.paginacion span{padding:8px 14px;border:1px solid var(--line);border-radius:4px;font-size:13px;font-weight:600;background:var(--white);}
.paginacion .actual{background:var(--ink);color:#fff;border-color:var(--ink);}
.paginacion a:hover{border-color:var(--ink);}

@media (max-width:980px){
  .wrap{grid-template-columns:1fr;gap:36px;}
  .sticky-col{position:static;}
  .rel-grid{grid-template-columns:1fr 1fr;}
}
@media (max-width:560px){
  .wrap{padding:22px 16px 10px;}
  .article-body{font-size:15.5px;}
  .article-body blockquote{font-size:17px;padding:16px 18px 16px 20px;}
  .rel-grid{grid-template-columns:1fr;}
  .share-btn span{display:none;}
  .share-btn{padding:9px 12px;border-radius:50%;}
  .app-cta .gp-badge{margin-left:0;}
}