/*
Theme Name: Venceremos Pro
Theme URI: https://venceremos.bo
Author: Campaña Andrés Gómez Vela
Description: Tema oficial – Richard Andrés Gómez Vela "Chino Gómez", candidato a Gobernador de La Paz. Agrupación Ciudadana Departamental Venceremos.
Version: 5.0
Requires at least: 5.9
Text Domain: venceremos
*/

@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&family=Barlow:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400&display=swap');

/* ─── VARIABLES ─────────────────────────────────────────────────── */
:root {
  --c1:#E8500A; --c2:#F97316; --c3:#C2410C;
  --red:#C0202A; --red2:#E53935;
  --gold:#F5C842;
  /* Fondos más discretos — gris oscuro en lugar de negro puro */
  --dark:#1A1C22; --dark2:#22252F; --dark3:#272B35; --dark4:#2E3340;
  --light:#F4F3F0;
  --white:#FFFFFF; --muted:#9AA0AD;
  --font-h:'Oswald',sans-serif;
  --font-b:'Barlow',sans-serif;
  --ease:cubic-bezier(.25,.46,.45,.94);
  --sh-or:0 8px 32px rgba(232,80,10,.28);
  --sh-re:0 8px 32px rgba(192,32,42,.28);
  --sh-lg:0 16px 48px rgba(0,0,0,.38);
  --r:10px;
  --ph:72px; /* player height */
}

/* ─── RESET ─────────────────────────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--font-b);background:var(--dark);color:var(--white);overflow-x:hidden;line-height:1.6;padding-bottom:var(--ph)}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
ul{list-style:none}
button{cursor:pointer;border:none;background:none;font-family:inherit}

/* ─── NAVBAR ────────────────────────────────────────────────────── */
.nav{
  position:fixed;top:0;left:0;right:0;z-index:900;height:64px;
  display:flex;align-items:center;justify-content:space-between;
  padding:0 2rem;transition:background .35s,border-color .35s;
}
.nav.scrolled{
  background:rgba(26,28,34,.97);backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(232,80,10,.18);
}
.nav-brand{display:flex;align-items:center;gap:.7rem}
.nav-brand img{height:40px;width:40px;border-radius:8px;object-fit:cover;border:2px solid var(--c1)}
.nav-brand-text{font-family:var(--font-h);font-size:1.15rem;letter-spacing:3px;color:var(--c1);text-transform:uppercase}
.nav-links{display:flex;align-items:center;gap:.1rem}
.nav-links a{font-size:.71rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:rgba(255,255,255,.7);padding:.45rem .85rem;border-radius:6px;transition:color .2s,background .2s;white-space:nowrap}
.nav-links a:hover{color:#fff;background:rgba(255,255,255,.07)}
.nav-cta{background:linear-gradient(135deg,var(--red),var(--c1))!important;color:#fff!important;border-radius:20px!important;padding:.42rem 1.1rem!important;font-weight:800!important}
.nav-cta:hover{transform:translateY(-2px);box-shadow:var(--sh-re)}
.nav-burger{display:none;flex-direction:column;gap:5px;padding:6px}
.nav-burger span{display:block;width:24px;height:2px;background:#fff;border-radius:2px;transition:all .3s}

/* ─── THREE-COL LAYOUT ──────────────────────────────────────────── */
.site-body{display:grid;grid-template-columns:1fr 310px 260px;min-height:100vh;align-items:start}
.col-main{}
.col-news{background:var(--dark2);border-left:1px solid rgba(255,255,255,.07)}
.col-embeds{background:var(--dark3);border-left:1px solid rgba(255,255,255,.06)}

/* ─── HERO ───────────────────────────────────────────────────────── */
.hero{
  position:relative;min-height:100vh;display:flex;align-items:center;
  overflow:hidden;padding-top:64px;
}
.hero-bg{
  position:absolute;inset:0;
  background:linear-gradient(138deg,#0e0000 0%,#2a0500 28%,var(--red) 52%,var(--c3) 72%,var(--c1) 88%,var(--c2) 100%);
  z-index:0;
}
.hero-bg::before{
  content:'';position:absolute;inset:0;
  background:radial-gradient(ellipse at 75% 50%,rgba(192,32,42,.2) 0%,transparent 55%);
}
.hero-bg::after{
  content:'';position:absolute;inset:0;
  background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.028'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/svg%3E");
}
.hero-inner{
  position:relative;z-index:1;width:100%;
  max-width:900px;margin:0 auto;padding:4rem 3rem 5rem;
  display:grid;grid-template-columns:1fr 280px;align-items:center;gap:3rem;
}
.hero-eyebrow{
  display:inline-flex;align-items:center;gap:.5rem;
  font-size:.67rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;
  color:var(--gold);margin-bottom:1.1rem;
}
.hero-eyebrow::before{content:'';display:block;width:22px;height:2px;background:var(--gold)}
.hero-name{
  font-family:var(--font-h);
  font-size:clamp(3.5rem,7.5vw,6.5rem);
  line-height:.88;letter-spacing:1px;text-transform:uppercase;color:#fff;
}
.hero-name .gold{color:var(--gold)}
.hero-name .red{color:var(--red2)}
.hero-divider{
  display:flex;align-items:center;gap:1rem;margin-top:1rem;
}
.hero-divider::before{content:'';display:block;width:34px;height:3px;background:linear-gradient(90deg,var(--red),var(--c1));border-radius:2px}
.hero-cargo{font-family:var(--font-h);font-size:.95rem;letter-spacing:4px;text-transform:uppercase;color:rgba(255,255,255,.6)}
.hero-badge{
  display:inline-flex;align-items:center;gap:.5rem;margin-top:1.2rem;
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);
  border-radius:30px;padding:.4rem 1.1rem;
  font-size:.75rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;
}
.hero-badge .dot{width:6px;height:6px;border-radius:50%;background:var(--c2);animation:blink 2s ease-in-out infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.2}}
.hero-slogan{
  margin-top:1.8rem;padding-left:.9rem;
  border-left:3px solid var(--red);
}
.hero-slogan p{font-size:1.05rem;font-style:italic;color:rgba(255,255,255,.88);font-weight:300;line-height:1.4}
.hero-slogan small{display:block;margin-top:.3rem;font-size:.8rem;color:rgba(255,255,255,.45);font-style:normal}
.hero-btns{margin-top:2rem;display:flex;gap:.8rem;flex-wrap:wrap}
.btn{
  display:inline-flex;align-items:center;gap:.45rem;
  font-family:var(--font-b);font-weight:800;font-size:.77rem;
  letter-spacing:1.5px;text-transform:uppercase;
  padding:.8rem 1.8rem;border-radius:50px;
  transition:all .25s var(--ease);
}
.btn-fill{background:linear-gradient(135deg,var(--c1),var(--c2));color:#fff;box-shadow:var(--sh-or)}
.btn-fill:hover{transform:translateY(-3px);box-shadow:0 12px 40px rgba(232,80,10,.5);color:#fff}
.btn-red{background:linear-gradient(135deg,var(--red),var(--c3));color:#fff;box-shadow:var(--sh-re)}
.btn-red:hover{transform:translateY(-3px);box-shadow:0 12px 40px rgba(192,32,42,.5);color:#fff}
.btn-ghost{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.3)}
.btn-ghost:hover{border-color:#fff;background:rgba(255,255,255,.07);transform:translateY(-3px)}
.hero-img-col{display:flex;flex-direction:column;align-items:center;gap:1rem}
.hero-papeleta{
  width:100%;max-width:260px;border-radius:18px;
  box-shadow:var(--sh-lg),0 0 50px rgba(232,80,10,.2);
  animation:float 4s ease-in-out infinite;
}
@keyframes float{0%,100%{transform:translateY(0) rotate(-1.5deg)}50%{transform:translateY(-12px) rotate(-1.5deg)}}
.hero-gold-badge{
  background:var(--gold);color:var(--dark);
  font-weight:900;font-size:.72rem;letter-spacing:2px;padding:.4rem 1.2rem;
  border-radius:30px;text-transform:uppercase;
  box-shadow:0 4px 20px rgba(245,200,66,.4);
}
.hero-scroll{
  position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);
  display:flex;flex-direction:column;align-items:center;gap:.4rem;
  color:rgba(255,255,255,.3);font-size:.63rem;letter-spacing:2px;text-transform:uppercase;z-index:2;
}
.hero-scroll-line{width:1px;height:34px;background:linear-gradient(to bottom,rgba(255,255,255,.3),transparent);animation:sl 2s ease-in-out infinite}
@keyframes sl{0%,100%{opacity:.3}50%{opacity:.8}}

/* ─── NEWS SIDEBAR ──────────────────────────────────────────────── */
.news-sb{position:sticky;top:64px;max-height:calc(100vh - 64px);overflow-y:auto;display:flex;flex-direction:column}
.news-sb::-webkit-scrollbar{width:4px}
.news-sb::-webkit-scrollbar-track{background:transparent}
.news-sb::-webkit-scrollbar-thumb{background:rgba(232,80,10,.3);border-radius:4px}
.news-sb-head{
  padding:1rem 1.2rem .8rem;
  border-bottom:2px solid var(--c1);
  display:flex;align-items:center;justify-content:space-between;
  flex-shrink:0;
}
.news-sb-title{font-family:var(--font-h);font-size:1.1rem;letter-spacing:2px;text-transform:uppercase;color:#fff}
.news-sb-all{
  font-size:.63rem;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;
  color:var(--c1);border:1px solid rgba(232,80,10,.4);padding:.25rem .65rem;border-radius:20px;
  transition:background .2s,color .2s;white-space:nowrap;
}
.news-sb-all:hover{background:var(--c1);color:#fff}
.news-sb-list{flex:1;overflow-y:auto}
.news-sb-item{
  display:grid;grid-template-columns:76px 1fr;gap:.7rem;
  padding:.85rem 1.1rem;border-bottom:1px solid rgba(255,255,255,.04);
  transition:background .2s;
}
.news-sb-item:hover{background:rgba(255,255,255,.03)}
.news-sb-thumb{
  width:76px;height:58px;border-radius:7px;overflow:hidden;
  background:linear-gradient(135deg,var(--red),var(--c1));
  display:flex;align-items:center;justify-content:center;
  position:relative;flex-shrink:0;
}
.news-sb-thumb img{width:100%;height:100%;object-fit:cover}
.news-sb-thumb .m-ico{font-size:1.3rem;opacity:.55}
.news-sb-thumb .m-badge{
  position:absolute;bottom:3px;right:3px;
  background:rgba(0,0,0,.75);border-radius:3px;
  font-size:.52rem;font-weight:800;letter-spacing:.5px;text-transform:uppercase;
  padding:1px 4px;color:#fff;
}
.m-badge.vid{background:var(--red)}
.m-badge.aud{background:var(--c3);color:#fff}
.news-sb-meta .cat{font-size:.58rem;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--c1);margin-bottom:.2rem}
.news-sb-meta .nt{
  font-family:var(--font-h);font-size:.92rem;letter-spacing:.3px;color:#fff;line-height:1.2;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.news-sb-meta .nd{font-size:.62rem;color:var(--muted);margin-top:.25rem}
.news-sb-footer{
  flex-shrink:0;padding:.75rem 1.1rem;
  border-top:1px solid rgba(255,255,255,.05);
}
.news-sb-footer a{
  display:flex;align-items:center;justify-content:center;gap:.4rem;
  font-size:.7rem;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;
  color:var(--c1);padding:.5rem;border:1px solid rgba(232,80,10,.25);border-radius:6px;
  transition:all .2s;
}
.news-sb-footer a:hover{background:var(--c1);color:#fff}

/* ─── EMBED SIDEBAR ─────────────────────────────────────────────── */
.embed-sb{position:sticky;top:64px;max-height:calc(100vh - 64px);overflow-y:auto}
.embed-sb::-webkit-scrollbar{width:4px}
.embed-sb::-webkit-scrollbar-thumb{background:rgba(255,255,255,.08);border-radius:4px}
.embed-block{border-bottom:1px solid rgba(255,255,255,.04)}
.embed-topbar{
  display:flex;align-items:center;gap:.45rem;
  padding:.75rem 1rem;border-bottom:1px solid rgba(255,255,255,.04);
}
.e-dot{width:7px;height:7px;border-radius:50%}
.embed-platform-label{font-size:.63rem;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;margin-left:auto}
.live-pill{
  display:inline-flex;align-items:center;gap:.3rem;
  font-size:.58rem;font-weight:800;letter-spacing:1px;text-transform:uppercase;
  color:#fff;background:var(--red);padding:.18rem .45rem;border-radius:3px;
}
.live-pill::before{content:'';width:5px;height:5px;border-radius:50%;background:#fff;animation:blink 1s infinite}
.embed-tiktok .embed-topbar{background:rgba(105,201,208,.04)}
.embed-tiktok .e-dot{background:#69C9D0}
.embed-tiktok .embed-platform-label{color:#69C9D0}
.embed-facebook .embed-topbar{background:rgba(24,119,242,.04)}
.embed-facebook .e-dot{background:#1877F2}
.embed-facebook .embed-platform-label{color:#1877F2}
.embed-youtube .embed-topbar{background:rgba(255,0,0,.04)}
.embed-youtube .e-dot{background:#FF0000}
.embed-youtube .embed-platform-label{color:#FF0000}
.embed-instagram .embed-topbar{background:rgba(225,48,108,.04)}
.embed-instagram .e-dot{background:#E1306C}
.embed-instagram .embed-platform-label{color:#E1306C}
.embed-wrap{padding:.65rem;min-height:160px;display:flex;justify-content:center;align-items:flex-start}
.embed-wrap iframe,.embed-wrap blockquote{max-width:100%!important}
.embed-placeholder{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:.7rem;width:100%;padding:2rem 1rem;text-align:center;min-height:160px;
}
.embed-placeholder .ep-ico{font-size:2.5rem;opacity:.3}
.embed-placeholder p{font-size:.78rem;color:rgba(255,255,255,.3);line-height:1.5;max-width:200px}
.embed-placeholder a{
  font-size:.68rem;font-weight:800;letter-spacing:1px;text-transform:uppercase;
  color:var(--c1);border:1px solid var(--c1);padding:.3rem .9rem;border-radius:20px;transition:all .2s;
}
.embed-placeholder a:hover{background:var(--c1);color:#fff}

/* ─── SECTION BASE ──────────────────────────────────────────────── */
.section{padding:5rem 0}
.section--light{background:var(--light);color:var(--dark)}
.section--dark{background:var(--dark2)}
.section--darker{background:var(--dark)}
.section--accent{background:linear-gradient(135deg,#180000,var(--red),var(--c3),var(--c1))}
.wrap{max-width:980px;margin:0 auto;padding:0 2.5rem}
.sec-label{
  display:inline-flex;align-items:center;gap:.45rem;
  font-size:.66rem;font-weight:800;letter-spacing:3px;text-transform:uppercase;color:var(--c1);
  margin-bottom:.5rem;
}
.sec-label::before{content:'';display:block;width:16px;height:2px;background:var(--c1)}
.sec-label--red{color:var(--red)}.sec-label--red::before{background:var(--red)}
.sec-title{font-family:var(--font-h);font-size:clamp(1.9rem,3.2vw,2.7rem);letter-spacing:1px;text-transform:uppercase;line-height:1}
.section--light .sec-title{color:var(--dark)}
.section--dark .sec-title,.section--darker .sec-title,.section--accent .sec-title{color:#fff}
.sec-lead{margin-top:.6rem;font-size:.97rem;color:var(--muted);max-width:560px;line-height:1.7;font-weight:300}
.sec-head{margin-bottom:2.8rem}

/* ─── POR QUÉ ───────────────────────────────────────────────────── */
.porque-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
.porque-card{
  background:#fff;border-radius:var(--r);padding:1.8rem 1.6rem;
  position:relative;overflow:hidden;transition:transform .3s,box-shadow .3s;
  border:1px solid rgba(0,0,0,.04);
}
.porque-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--red),var(--c2))}
.porque-card:hover{transform:translateY(-7px);box-shadow:0 20px 50px rgba(0,0,0,.1)}
.porque-num{font-family:var(--font-h);font-size:5rem;color:var(--c1);opacity:.07;position:absolute;top:-6px;right:8px;line-height:1;user-select:none}
.porque-icon{width:46px;height:46px;border-radius:10px;background:linear-gradient(135deg,var(--red),var(--c2));display:flex;align-items:center;justify-content:center;font-size:1.35rem;margin-bottom:.9rem;box-shadow:var(--sh-or)}
.porque-card h3{font-family:var(--font-h);font-size:1.3rem;letter-spacing:1px;color:var(--dark);margin-bottom:.5rem}
.porque-card p{font-size:.88rem;color:#555;line-height:1.7;font-weight:300}
.frase-block{
  margin-top:2.3rem;background:var(--dark);border-radius:var(--r);
  padding:2.3rem;display:flex;gap:1.4rem;align-items:flex-start;
}
.frase-bar{width:4px;flex-shrink:0;background:linear-gradient(to bottom,var(--red),var(--c2));border-radius:4px;align-self:stretch;min-height:60px}
.frase-block blockquote{font-family:var(--font-h);font-size:clamp(1.15rem,2vw,1.55rem);letter-spacing:.4px;color:#fff;line-height:1.3}
.frase-block cite{display:block;margin-top:.7rem;font-style:normal;font-size:.75rem;letter-spacing:2px;text-transform:uppercase;color:var(--c1)}

/* ─── PLAN MOSAICO ──────────────────────────────────────────────── */
.plan-mosaic{display:grid;grid-template-columns:repeat(5,1fr);gap:.75rem}
.plan-tile{
  background:var(--dark3);border-radius:var(--r);padding:1.2rem 1rem;
  border:1px solid rgba(255,255,255,.05);cursor:pointer;
  transition:transform .25s,border-color .25s,background .25s;
  position:relative;overflow:hidden;
}
.plan-tile::after{
  content:'';position:absolute;top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,var(--red),var(--c2));
  transform:scaleX(0);transform-origin:left;transition:transform .3s;
}
.plan-tile:hover::after,.plan-tile.active::after{transform:scaleX(1)}
.plan-tile:hover{transform:translateY(-4px);border-color:rgba(232,80,10,.25);background:var(--dark4)}
.plan-tile.active{border-color:rgba(232,80,10,.4);background:rgba(232,80,10,.05)}
.plan-tile-num{font-family:var(--font-h);font-size:2.2rem;color:var(--c1);opacity:.1;position:absolute;top:-4px;right:6px;line-height:1;user-select:none}
.plan-tile-ico{font-size:1.5rem;margin-bottom:.5rem}
.plan-tile h4{font-family:var(--font-h);font-size:.88rem;letter-spacing:.4px;color:#fff;line-height:1.2;text-transform:uppercase}
.plan-detail{
  margin-top:1rem;background:rgba(232,80,10,.05);border-radius:var(--r);
  padding:1.8rem;border:1px solid rgba(232,80,10,.18);border-left:4px solid var(--c1);
  display:none;animation:fadeUp .3s var(--ease);
}
.plan-detail.show{display:block}
@keyframes fadeUp{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
.plan-detail-inner{display:grid;grid-template-columns:52px 1fr;gap:1.3rem;align-items:start}
.plan-detail-ico{width:52px;height:52px;border-radius:12px;background:linear-gradient(135deg,var(--red),var(--c2));display:flex;align-items:center;justify-content:center;font-size:1.6rem;box-shadow:var(--sh-or);flex-shrink:0}
.plan-detail h3{font-family:var(--font-h);font-size:1.4rem;letter-spacing:1px;color:#fff;margin-bottom:.4rem}
.plan-detail p{font-size:.93rem;color:rgba(255,255,255,.62);line-height:1.8;font-weight:300}

/* ─── NEWS FULL GRID ────────────────────────────────────────────── */
.news-full-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.4rem}
.news-card{
  background:var(--dark3);border-radius:var(--r);overflow:hidden;
  border:1px solid rgba(255,255,255,.05);transition:transform .3s,border-color .3s,box-shadow .3s;
  display:flex;flex-direction:column;
}
.news-card:hover{transform:translateY(-5px);border-color:rgba(232,80,10,.25);box-shadow:var(--sh-lg)}
.news-card-thumb{
  width:100%;height:185px;overflow:hidden;position:relative;
  background:linear-gradient(135deg,var(--red),var(--c1));
  display:flex;align-items:center;justify-content:center;
}
.news-card-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.news-card:hover .news-card-thumb img{transform:scale(1.06)}
.news-card-thumb .ph-ico{font-size:2.8rem;opacity:.3}
.nc-badge{
  position:absolute;top:.65rem;left:.65rem;
  font-size:.6rem;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;
  color:#fff;background:var(--c1);padding:.22rem .55rem;border-radius:4px;
}
.nc-badge.video{background:var(--red)}
.nc-badge.audio{background:#222;border:1px solid var(--c3)}
.news-card-body{padding:1.2rem;display:flex;flex-direction:column;flex:1}
.news-card-date{font-size:.67rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--c1);margin-bottom:.35rem}
.news-card-title{font-family:var(--font-h);font-size:1.1rem;letter-spacing:.3px;color:#fff;line-height:1.2;margin-bottom:.45rem}
.news-card-exc{font-size:.85rem;color:rgba(255,255,255,.45);line-height:1.7;flex:1;font-weight:300}
.news-card-link{display:inline-flex;align-items:center;gap:.3rem;margin-top:.9rem;font-size:.7rem;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:var(--c1);transition:gap .2s}
.news-card-link:hover{gap:.6rem;color:var(--c2)}

/* ─── VOTA ASÍ ──────────────────────────────────────────────────── */
.vota-inner{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}
.vota-img{position:relative;display:flex;justify-content:center}
.vota-img-bg{position:absolute;inset:-16px;border-radius:28px;background:rgba(255,255,255,.04);transform:rotate(-3deg)}
.vota-papeleta{width:100%;max-width:260px;border-radius:18px;box-shadow:var(--sh-lg);position:relative;z-index:1;transform:rotate(1.5deg)}
.vota-num{font-family:var(--font-h);font-size:6.5rem;line-height:1;color:var(--gold);text-shadow:0 6px 28px rgba(245,200,66,.35);margin-top:.6rem}
.vota-steps{display:flex;flex-direction:column;gap:1.2rem;margin-top:1.6rem}
.vota-step{display:flex;align-items:flex-start;gap:.85rem}
.vs-num{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--red),var(--c1));color:#fff;font-family:var(--font-h);font-size:.95rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:var(--sh-or)}
.vs-text h4{font-weight:700;font-size:.88rem;color:#fff;margin-bottom:.1rem}
.vs-text p{font-size:.82rem;color:rgba(255,255,255,.5);font-weight:300}

/* ─── REDES ─────────────────────────────────────────────────────── */
.social-row{display:flex;justify-content:center;gap:.9rem;flex-wrap:wrap}
.social-link{display:flex;flex-direction:column;align-items:center;gap:.4rem;transition:transform .25s}
.social-link:hover{transform:translateY(-6px)}
.social-ico{width:54px;height:54px;border-radius:14px;display:flex;align-items:center;justify-content:center;transition:box-shadow .25s}
.social-link:hover .social-ico{box-shadow:0 8px 24px rgba(0,0,0,.5)}
.social-name{font-size:.62rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}
.si-fb{background:#1877F2}.si-tw{background:#000;border:1px solid #333}
.si-ig{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}
.si-wa{background:#25D366}.si-li{background:#0A66C2}.si-yt{background:#FF0000}
.si-tt{background:#111;border:1px solid #333}

/* ─── FOOTER ────────────────────────────────────────────────────── */
.site-footer{background:var(--dark2);border-top:1px solid rgba(232,80,10,.12);padding:2.5rem 0 1.5rem;text-align:center}
.footer-logo{font-family:var(--font-h);font-size:1.7rem;letter-spacing:6px;color:var(--c1);margin-bottom:.4rem}
.site-footer p{font-size:.8rem;color:rgba(255,255,255,.3);line-height:1.9}
.site-footer strong{color:rgba(255,255,255,.5)}

/* ─── SINGLE NOTICIA ────────────────────────────────────────────── */
.single-wrap{max-width:760px;margin:90px auto 5rem;padding:0 2rem}
.back-link{display:inline-flex;align-items:center;gap:.4rem;font-size:.7rem;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:var(--c1);margin-bottom:1.8rem;transition:gap .2s}
.back-link:hover{gap:.7rem}
.single-wrap h1{font-family:var(--font-h);font-size:clamp(1.7rem,3.5vw,2.5rem);letter-spacing:1px;color:#fff;line-height:1.15;margin-bottom:.7rem}
.single-date{display:block;font-size:.7rem;color:var(--c1);font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:1.7rem}
.single-thumb{width:100%;border-radius:var(--r);margin-bottom:2rem;max-height:420px;object-fit:cover}
.single-content{font-size:.97rem;line-height:1.9;color:rgba(255,255,255,.72);font-weight:300}
.single-content p{margin-bottom:1.2rem}

/* ─── MUSIC PLAYER ──────────────────────────────────────────────── */
.music-player{
  position:fixed;bottom:0;left:0;right:0;z-index:990;
  height:var(--ph);background:rgba(26,28,34,.98);
  backdrop-filter:blur(20px);
  border-top:1px solid rgba(232,80,10,.2);
  display:flex;align-items:center;gap:1rem;
  padding:0 1.5rem;box-shadow:0 -4px 24px rgba(0,0,0,.4);
}
.mp-art{
  width:46px;height:46px;border-radius:8px;flex-shrink:0;overflow:hidden;
  background:linear-gradient(135deg,var(--red),var(--c1));
  display:flex;align-items:center;justify-content:center;
  transition:filter 1s;
}
.mp-art.playing{animation:art-spin 6s linear infinite}
@keyframes art-spin{from{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}
.mp-info{flex-shrink:0;width:170px;min-width:0}
.mp-title{font-family:var(--font-h);font-size:.82rem;letter-spacing:.8px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mp-artist{font-size:.66rem;color:var(--muted);margin-top:.1rem}
.mp-controls{display:flex;align-items:center;gap:.5rem;flex-shrink:0}
.mp-btn{
  width:32px;height:32px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  color:rgba(255,255,255,.55);transition:color .2s,background .2s;
}
.mp-btn:hover{color:#fff;background:rgba(255,255,255,.07)}
.mp-btn-play{
  width:40px;height:40px;
  background:linear-gradient(135deg,var(--c1),var(--c2));
  color:#fff!important;box-shadow:var(--sh-or);
}
.mp-btn-play:hover{transform:scale(1.08)}
.mp-progress-area{flex:1;display:flex;flex-direction:column;gap:.3rem;min-width:0}
.mp-seek{
  -webkit-appearance:none;appearance:none;
  width:100%;height:3px;
  background:rgba(255,255,255,.1);border-radius:3px;
  outline:none;cursor:pointer;transition:height .18s;
}
.mp-seek:hover{height:5px}
.mp-seek::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--c1);cursor:pointer;box-shadow:0 0 6px rgba(232,80,10,.5)}
.mp-seek::-moz-range-thumb{width:12px;height:12px;border:none;border-radius:50%;background:var(--c1);cursor:pointer}
.mp-lyrics-row{display:flex;align-items:center;gap:.5rem;min-width:0}
.mp-lyrics-icon{font-size:.75rem;flex-shrink:0;opacity:.5}
.mp-lyrics{
  font-size:.76rem;font-family:var(--font-h);letter-spacing:.8px;
  color:rgba(255,255,255,.35);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  transition:color .4s,opacity .3s;min-width:0;
}
.mp-lyrics.lit{color:var(--gold);opacity:1}
.mp-viz{display:flex;align-items:flex-end;gap:2px;height:26px;flex-shrink:0}
.mp-bar{
  width:3px;border-radius:2px;
  background:linear-gradient(to top,var(--red),var(--c2));
  height:3px;
  animation:bar-dance var(--d,.4s) ease-in-out infinite alternate paused;
  opacity:.3;
}
.mp-bar.go{animation-play-state:running;opacity:1}
@keyframes bar-dance{from{height:3px}to{height:100%}}
.mp-time{font-size:.67rem;font-family:var(--font-h);color:var(--muted);flex-shrink:0;min-width:78px;text-align:center}
.mp-vol-wrap{display:flex;align-items:center;gap:.4rem;flex-shrink:0}
.mp-vol{-webkit-appearance:none;appearance:none;width:70px;height:3px;background:rgba(255,255,255,.1);border-radius:3px;outline:none;cursor:pointer}
.mp-vol::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.4);cursor:pointer}
.mp-vol::-moz-range-thumb{width:10px;height:10px;border:none;border-radius:50%;background:rgba(255,255,255,.4);cursor:pointer}

/* ─── FADE-IN REVEALS ───────────────────────────────────────────── */
.fi{opacity:0;transform:translateY(22px);transition:opacity .65s var(--ease),transform .65s var(--ease)}
.fi.in{opacity:1;transform:translateY(0)}
.fi-d1{transition-delay:.08s}.fi-d2{transition-delay:.18s}.fi-d3{transition-delay:.28s}.fi-d4{transition-delay:.38s}

/* ─── RESPONSIVE ────────────────────────────────────────────────── */
@media(max-width:1280px){
  .site-body{grid-template-columns:1fr 290px 240px}
}
@media(max-width:1100px){
  .site-body{grid-template-columns:1fr 270px}
  .col-embeds{display:none}
}
@media(max-width:900px){
  .site-body{grid-template-columns:1fr}
  .col-news{display:none}
  .hero-inner{grid-template-columns:1fr;text-align:center}
  .hero-eyebrow,.hero-divider{justify-content:center}
  .hero-slogan{border-left:none;border-top:3px solid var(--red);padding:1rem 0 0}
  .hero-btns{justify-content:center}
  .hero-img-col{order:-1}
  .hero-papeleta{max-width:200px}
  .porque-grid{grid-template-columns:1fr}
  .vota-inner{grid-template-columns:1fr;text-align:center}
  .plan-mosaic{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:768px){
  .nav-links{display:none;flex-direction:column;position:absolute;top:64px;left:0;right:0;background:rgba(13,13,13,.98);padding:1.2rem 1.5rem;gap:.3rem;border-bottom:1px solid rgba(232,80,10,.15)}
  .nav-links.open{display:flex}
  .nav-burger{display:flex}
  .section{padding:3.5rem 0}
  .plan-mosaic{grid-template-columns:repeat(2,1fr)}
  .mp-lyrics-row{display:none}
  .mp-info{width:130px}
}
@media(max-width:480px){
  .plan-mosaic{grid-template-columns:repeat(2,1fr)}
  .news-full-grid{grid-template-columns:1fr}
  .music-player{gap:.6rem;padding:0 .8rem}
  .mp-vol-wrap{display:none}
  .mp-time{display:none}
}

/* ─── TAXONOMÍAS NOTICIAS ───────────────────────────────────────── */
.tax-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.7rem}
.tax-tag{
  font-size:.6rem;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;
  padding:.18rem .6rem;border-radius:20px;
  background:rgba(232,80,10,.12);color:var(--c1);border:1px solid rgba(232,80,10,.25);
  transition:background .2s,color .2s;
}
.tax-tag:hover{background:var(--c1);color:#fff}
.tax-cat{
  font-size:.6rem;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;
  padding:.18rem .65rem;border-radius:4px;
  background:var(--c1);color:#fff;
  margin-right:.3rem;
}
.tax-cat.cat-politica{background:var(--red)}
.tax-cat.cat-propuesta{background:#2563EB}
.tax-cat.cat-agenda{background:#059669}
.tax-cat.cat-prensa{background:#7C3AED}
.tax-cat.cat-evento{background:#D97706}
.single-tax{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem;margin-bottom:1.4rem}
.single-tax .label{font-size:.63rem;color:var(--muted);font-weight:700;letter-spacing:1px;text-transform:uppercase;margin-right:.2rem}

/* ─── ADMIN: META CATEGORÍAS/ETIQUETAS (info boxes) ─────────────── */
.vec-tax-note{
  background:rgba(232,80,10,.07);border:1px solid rgba(232,80,10,.2);
  border-radius:6px;padding:.6rem .9rem;margin-bottom:.5rem;
  font-size:.8rem;color:rgba(255,255,255,.6);
}

/* ─── REDES SOCIALES DINÁMICAS ──────────────────────────────────── */
.social-row{display:flex;justify-content:center;gap:.9rem;flex-wrap:wrap}
.social-link{display:flex;flex-direction:column;align-items:center;gap:.4rem;transition:transform .25s}
.social-link:hover{transform:translateY(-6px)}
.social-ico{
  width:54px;height:54px;border-radius:14px;
  display:flex;align-items:center;justify-content:center;
  transition:box-shadow .25s;
}
.social-link:hover .social-ico{box-shadow:0 8px 24px rgba(0,0,0,.4)}
.social-name{font-size:.62rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}
.si-fb{background:#1877F2}.si-tw{background:#14171A;border:1px solid #333}
.si-ig{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}
.si-wa{background:#25D366}.si-li{background:#0A66C2}.si-yt{background:#FF0000}
.si-tt{background:#111;border:1px solid #333}.si-otro{background:#444}

/* Social admin: gestión de cuentas */
.vec-social-manager{margin:.5rem 0}
.vec-social-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}
.vec-social-row input{flex:1;padding:.35rem .6rem;border-radius:5px;border:1px solid #444;background:#1e2028;color:#fff;font-size:.82rem}
.vec-social-row select{padding:.35rem;border-radius:5px;border:1px solid #444;background:#1e2028;color:#fff;font-size:.82rem}
.vec-social-row button{padding:.3rem .7rem;border-radius:5px;font-size:.75rem;font-weight:700;cursor:pointer}
.btn-del-social{background:rgba(192,32,42,.15);color:var(--red);border:1px solid rgba(192,32,42,.3)}
.btn-add-social{background:rgba(232,80,10,.12);color:var(--c1);border:1px solid rgba(232,80,10,.3);margin-top:.3rem;padding:.4rem 1rem;border-radius:5px;font-size:.78rem;font-weight:700;cursor:pointer}