:root{
  --green-deep:#2e1a46; --green-dark:#261540; --green-mid:#00ac69;
  --green-accent:#008f57; --green-light:#00ac69; --cream:#ffffff;
  --cream-dark:#e0f5ec; --white:#ffffff;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{background:var(--green-deep);color:var(--cream);font-family:'DM Sans',sans-serif;overflow-x:hidden;}
a{color:inherit;}
img{max-width:100%;display:block;}

/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:20px 48px;display:flex;
  justify-content:space-between;align-items:center;background:rgba(46,26,70,0.92);
  backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,0.1);}
.nav-logo{font-size:22px;font-weight:700;letter-spacing:0.08em;color:var(--cream);text-decoration:none;display:flex;align-items:center;}
.nav-logo span{color:var(--green-light);}
.nav-right{display:flex;align-items:center;}
.nav-links{display:flex;gap:36px;list-style:none;}
.nav-links a{font-family:'DM Mono',monospace;font-size:11px;letter-spacing:0.16em;text-transform:uppercase;
  color:rgba(255,255,255,0.65);text-decoration:none;transition:color .2s;}
.nav-links a:hover,.nav-links a.active{color:var(--green-light);}
.lang-switch{display:flex;align-items:center;gap:8px;margin-left:12px;padding-left:20px;border-left:1px solid rgba(255,255,255,0.15);}
.lang-switch a{font-family:'DM Mono',monospace;font-size:11px;letter-spacing:0.16em;text-transform:uppercase;
  color:rgba(255,255,255,0.45);text-decoration:none;transition:color .2s;padding:2px 4px;}
.lang-switch a.active{color:var(--green-light);}
.lang-sep{color:rgba(255,255,255,0.2);font-size:11px;}

/* SECTION BASE */
main{padding-top:76px;}
.section-inner{max-width:1200px;margin:0 auto;padding:0 48px;}
.section-label{font-family:'DM Mono',monospace;font-size:11px;letter-spacing:0.22em;text-transform:uppercase;
  color:var(--green-light);margin-bottom:16px;display:flex;align-items:center;gap:12px;}
.section-label::before{content:'';display:block;width:24px;height:1px;background:var(--green-light);}
h1.page-title{font-family:'DM Sans',sans-serif;font-size:clamp(40px,5vw,72px);font-weight:900;line-height:1.05;letter-spacing:-0.01em;}
h1.page-title em{font-style:normal;color:var(--green-light);}
.lead{font-size:17px;line-height:1.75;color:rgba(255,255,255,0.65);max-width:640px;}

/* HERO listado */
.news-hero{padding:88px 0 40px;}
.news-hero .section-inner{display:flex;flex-direction:column;gap:14px;}

/* GRID de noticias */
.news-grid{max-width:1200px;margin:0 auto;padding:48px 48px 120px;
  display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,0.08);}
.news-card{background:var(--green-deep);display:flex;flex-direction:column;text-decoration:none;
  color:var(--cream);position:relative;overflow:hidden;transition:background .3s;}
.news-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--green-light);
  transform:scaleX(0);transform-origin:left;transition:transform .35s;z-index:3;}
.news-card:hover{background:#33204f;}
.news-card:hover::before{transform:scaleX(1);}
.news-thumb{aspect-ratio:3/2;overflow:hidden;background:#20112f;}
.news-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1);}
.news-card:hover .news-thumb img{transform:scale(1.05);}
.news-thumb.placeholder{display:flex;align-items:center;justify-content:center;
  color:rgba(255,255,255,0.25);font-family:'DM Mono',monospace;font-size:11px;letter-spacing:0.2em;text-transform:uppercase;}
.news-body{padding:28px 26px 30px;display:flex;flex-direction:column;gap:12px;flex:1;}
.news-meta{font-family:'DM Mono',monospace;font-size:10px;letter-spacing:0.14em;text-transform:uppercase;
  color:var(--green-light);display:flex;gap:10px;flex-wrap:wrap;align-items:center;}
.news-meta .dot{width:3px;height:3px;border-radius:50%;background:rgba(255,255,255,0.3);}
.news-meta .muted{color:rgba(255,255,255,0.4);}
.news-card h2{font-family:'DM Sans',sans-serif;font-size:22px;font-weight:800;line-height:1.2;color:var(--cream);}
.news-excerpt{font-size:14px;line-height:1.65;color:rgba(255,255,255,0.55);}
.news-more{margin-top:auto;font-family:'DM Mono',monospace;font-size:10px;letter-spacing:0.16em;
  text-transform:uppercase;color:var(--green-light);display:inline-flex;align-items:center;gap:8px;}

/* VACÍO */
.news-empty{max-width:1200px;margin:0 auto;padding:40px 48px 120px;}
.news-empty p{color:rgba(255,255,255,0.5);font-size:16px;}

/* PAGINACIÓN */
.pager{max-width:1200px;margin:0 auto;padding:0 48px 120px;display:flex;gap:10px;}
.pager a,.pager span{font-family:'DM Mono',monospace;font-size:12px;letter-spacing:0.1em;padding:10px 16px;
  border:1px solid rgba(255,255,255,0.15);color:rgba(255,255,255,0.7);text-decoration:none;}
.pager a:hover{border-color:var(--green-light);color:var(--green-light);}
.pager .current{color:var(--green-light);border-color:var(--green-light);}

/* DETALLE */
.article{max-width:820px;margin:0 auto;padding:56px 48px 120px;}
.article .back{font-family:'DM Mono',monospace;font-size:11px;letter-spacing:0.16em;text-transform:uppercase;
  color:var(--green-light);text-decoration:none;display:inline-flex;gap:8px;margin-bottom:34px;}
.article-meta{font-family:'DM Mono',monospace;font-size:11px;letter-spacing:0.14em;text-transform:uppercase;
  color:var(--green-light);display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:20px;}
.article-meta .muted{color:rgba(255,255,255,0.45);}
.article h1{font-family:'DM Sans',sans-serif;font-size:clamp(32px,4.4vw,52px);font-weight:900;
  line-height:1.08;letter-spacing:-0.01em;margin-bottom:28px;}
.article-hero{margin:0 0 40px;border:1px solid rgba(255,255,255,0.1);}
.article-hero img{width:100%;height:auto;}
.article-content{font-size:18px;line-height:1.85;color:rgba(255,255,255,0.82);}
.article-content p{margin:0 0 22px;}
.article-content h2{font-family:'DM Sans',sans-serif;font-size:28px;font-weight:800;color:var(--cream);margin:36px 0 16px;}
.article-content h3{font-family:'DM Sans',sans-serif;font-size:22px;font-weight:700;color:var(--cream);margin:30px 0 14px;}
.article-content strong{color:var(--cream);font-weight:700;}
.article-content a{color:var(--green-light);text-decoration:underline;text-underline-offset:3px;}
.article-content ul,.article-content ol{margin:0 0 22px 22px;}
.article-content li{margin-bottom:8px;}
.article-content blockquote{border-left:2px solid var(--green-light);padding-left:20px;margin:24px 0;
  color:var(--cream);font-style:italic;}

/* FOOTER */
footer{border-top:1px solid rgba(255,255,255,0.08);padding:48px;}
.footer-inner{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;}
.footer-logo{font-size:20px;font-weight:700;letter-spacing:0.06em;}
.footer-logo span{color:var(--green-light);}
.footer-copy{font-family:'DM Mono',monospace;font-size:11px;letter-spacing:0.1em;color:rgba(255,255,255,0.4);}

/* RESPONSIVE */
@media (max-width:960px){
  nav{padding:16px 24px;}
  .nav-links{display:none;}
  .section-inner{padding:0 24px;}
  .news-grid{grid-template-columns:1fr 1fr;padding:40px 24px 88px;}
  .article,.news-empty,.pager{padding-left:24px;padding-right:24px;}
}
@media (max-width:600px){
  .news-grid{grid-template-columns:1fr;}
  .article{padding-top:36px;}
  .article-content{font-size:17px;}
}