/*
Theme Name: ¡Así de Simple!
Theme URI: https://asidesimple.cl
Author: Equipo ¡Así de Simple!
Description: Tema de revista para ¡Así de Simple! — medio informativo ciudadano. Replica el diseño de la edición impresa: verde oliva de marca, titulares en negra condensada y maquetación editorial limpia.
Version: 1.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: asidesimple
*/

:root{
  --verde:#7e9a10;
  --verde-vivo:#9bbe2a;
  --verde-oscuro:#5f7400;
  --tinta:#1b1b1b;
  --gris:#5c5c5c;
  --gris-claro:#8a8a8a;
  --linea:#e3e4dc;
  --papel:#ffffff;
  --papel-2:#f6f7f1;
  --ancho:1120px;
}

*{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{
  margin:0;
  font-family:"Poppins","Segoe UI",Helvetica,Arial,sans-serif;
  font-weight:300;
  color:var(--tinta);
  background:var(--papel);
  line-height:1.7;
  font-size:17px;
}
img{max-width:100%;height:auto;display:block;}
a{color:var(--verde-oscuro);text-decoration:none;}
a:hover{text-decoration:underline;}

.contenedor{max-width:var(--ancho);margin:0 auto;padding:0 24px;}

/* ===== Tipografía display ===== */
h1,h2,h3,.display{font-family:"Anton","Poppins",sans-serif;font-weight:400;line-height:0.98;letter-spacing:.5px;}

/* ===== Logo ===== */
.logo{display:inline-block;line-height:.82;text-transform:uppercase;font-family:"Anton",sans-serif;}
.logo .l1{display:block;font-size:.95rem;letter-spacing:1px;color:var(--verde);}
.logo .l2{display:block;font-size:2.05rem;letter-spacing:.5px;color:var(--verde-vivo);}
.logo:hover{text-decoration:none;}

/* ===== Encabezado / nav ===== */
.site-header{
  position:sticky;top:0;z-index:50;
  background:rgba(255,255,255,.96);
  backdrop-filter:saturate(140%) blur(6px);
  border-bottom:2px solid var(--verde);
}
.site-header .contenedor{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:14px;padding-bottom:14px;}
.nav-menu{list-style:none;display:flex;flex-wrap:wrap;gap:6px 22px;margin:0;padding:0;}
.nav-menu a{
  font-family:"Poppins",sans-serif;font-weight:600;font-size:.82rem;
  text-transform:uppercase;letter-spacing:.6px;color:var(--tinta);
}
.nav-menu a:hover,.nav-menu .current-menu-item>a{color:var(--verde-oscuro);text-decoration:none;}
.nav-toggle{display:none;background:none;border:0;font-size:1.6rem;color:var(--verde);cursor:pointer;line-height:1;}

/* ===== Cintillo de sección ===== */
.kicker{
  font-family:"Anton",sans-serif;color:var(--verde-vivo);
  font-size:.78rem;letter-spacing:3px;text-transform:uppercase;margin:0 0 8px;
}
.section-band{font-family:"Anton",sans-serif;color:var(--verde);font-size:clamp(2.4rem,7vw,4.6rem);line-height:.9;margin:0 0 .3em;}

/* ===== Portada / hero ===== */
.hero{position:relative;color:#fff;min-height:74vh;display:flex;align-items:flex-end;overflow:hidden;}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.15) 0%,rgba(0,0,0,.05) 40%,rgba(0,0,0,.78) 100%);}
.hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.hero-inner{position:relative;z-index:2;max-width:var(--ancho);margin:0 auto;width:100%;padding:48px 24px;}
.hero-meta{font-family:"Anton",sans-serif;letter-spacing:2px;font-size:.85rem;text-transform:uppercase;opacity:.92;}
.hero-title{font-family:"Anton",sans-serif;font-size:clamp(2.6rem,9vw,6rem);line-height:.86;margin:.1em 0 .35em;text-shadow:0 2px 20px rgba(0,0,0,.4);}
.hero-title .verde{color:var(--verde-vivo);}
.hero-heads{list-style:none;margin:0;padding:0;display:grid;gap:8px;max-width:640px;}
.hero-heads li{font-family:"Poppins";font-weight:600;font-size:.98rem;padding-left:18px;position:relative;}
.hero-heads li::before{content:"";position:absolute;left:0;top:.6em;width:8px;height:8px;background:var(--verde-vivo);}

/* ===== Grilla de artículos ===== */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:34px;}
.card{display:flex;flex-direction:column;}
.card .thumb{aspect-ratio:16/10;overflow:hidden;background:var(--papel-2);}
.card .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;}
.card:hover .thumb img{transform:scale(1.04);}
.card .cat{font-family:"Anton",sans-serif;color:var(--verde);font-size:.72rem;letter-spacing:1.5px;text-transform:uppercase;margin:14px 0 6px;}
.card h3{font-family:"Anton",sans-serif;font-size:1.45rem;line-height:1;margin:0 0 8px;color:var(--tinta);}
.card h3 a{color:inherit;}
.card h3 a:hover{color:var(--verde-oscuro);text-decoration:none;}
.card p{margin:0;color:var(--gris);font-size:.95rem;}
.card .by{margin-top:10px;font-size:.78rem;color:var(--gris-claro);text-transform:uppercase;letter-spacing:1px;}

/* ===== Artículo / página ===== */
.entry{max-width:760px;margin:0 auto;padding:56px 24px 24px;}
.entry .cat{font-family:"Anton",sans-serif;color:var(--verde);letter-spacing:2px;text-transform:uppercase;font-size:.85rem;margin-bottom:10px;}
.entry h1{font-size:clamp(2rem,6vw,3.4rem);color:var(--verde);margin:0 0 .25em;}
.entry .lead{font-size:1.18rem;color:var(--tinta);font-weight:400;border-left:4px solid var(--verde-vivo);padding-left:18px;margin:18px 0 26px;}
.entry .by{font-size:.82rem;text-transform:uppercase;letter-spacing:1.5px;color:var(--gris-claro);margin-bottom:30px;}
.entry-hero{margin:0 0 32px;}
.entry-hero img{width:100%;max-height:520px;object-fit:cover;}
.entry-content p{margin:0 0 1.15em;}
.entry-content h2,.entry-content h3{color:var(--verde-oscuro);margin:1.6em 0 .5em;}
.entry-content h2{font-size:1.7rem;}
.entry-content h3{font-size:1.3rem;}
.entry-content ul{padding-left:1.1em;margin:0 0 1.2em;}
.entry-content li{margin-bottom:.5em;}
.entry-content blockquote{border-left:4px solid var(--verde-vivo);margin:1.5em 0;padding:.2em 0 .2em 20px;font-style:italic;color:var(--gris);}
.firma{margin-top:18px;font-family:"Anton",sans-serif;color:var(--verde);letter-spacing:2px;}

/* ===== Cartas al director ===== */
.cartas{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:24px;}
.carta{background:var(--papel-2);border-top:4px solid var(--verde-vivo);padding:26px 26px 30px;}
.carta h3{font-family:"Anton",sans-serif;color:var(--verde);font-size:1.5rem;margin:0 0 6px;}
.carta .saludo{font-weight:600;margin:0 0 10px;}
.carta .autor{margin-top:14px;font-family:"Anton",sans-serif;letter-spacing:3px;color:var(--verde-oscuro);}

/* ===== Quiénes somos / créditos ===== */
.equipo-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:0;align-items:stretch;}
.equipo-hero .txt{padding:56px 48px;display:flex;flex-direction:column;justify-content:center;}
.equipo-hero .ph{min-height:380px;position:relative;overflow:hidden;background:var(--papel-2);}
.equipo-hero .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.creditos{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:26px;margin:36px 0;}
.credito{border-top:3px solid var(--verde);padding-top:12px;}
.credito .rol{font-family:"Anton",sans-serif;color:var(--verde);letter-spacing:1.5px;text-transform:uppercase;font-size:.82rem;margin-bottom:4px;}
.credito .nom{font-weight:600;}

/* ===== Bloque destacado de portada (home) ===== */
.home-section{padding:64px 0;}
.home-section.alt{background:var(--papel-2);}
.home-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:30px;flex-wrap:wrap;}
.home-head h2{font-family:"Anton",sans-serif;color:var(--verde);font-size:clamp(1.8rem,5vw,2.8rem);margin:0;}
.home-head a{font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:1px;}

.editorial-callout{background:var(--verde);color:#fff;padding:56px 0;}
.editorial-callout .contenedor{max-width:820px;text-align:center;}
.editorial-callout h2{font-family:"Anton",sans-serif;font-size:clamp(2rem,6vw,3rem);margin:0 0 .3em;}
.editorial-callout p{font-size:1.1rem;opacity:.95;}
.editorial-callout .btn{display:inline-block;margin-top:18px;background:#fff;color:var(--verde-oscuro);font-weight:600;padding:12px 26px;border-radius:2px;text-transform:uppercase;letter-spacing:1px;font-size:.85rem;}
.editorial-callout .btn:hover{text-decoration:none;background:var(--papel-2);}

/* ===== Pie ===== */
.site-footer{background:var(--tinta);color:#cfcfcf;margin-top:60px;}
.site-footer .contenedor{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:36px;padding-top:54px;padding-bottom:40px;}
.site-footer .logo .l1{color:var(--verde-vivo);}
.site-footer .logo .l2{color:#fff;}
.site-footer h4{font-family:"Anton",sans-serif;color:#fff;letter-spacing:1.5px;text-transform:uppercase;font-size:.9rem;margin:0 0 14px;}
.site-footer ul{list-style:none;margin:0;padding:0;}
.site-footer li{margin-bottom:8px;}
.site-footer a{color:#cfcfcf;}
.site-footer a:hover{color:var(--verde-vivo);}
.site-footer p{font-size:.9rem;color:#9a9a9a;}
.footer-bottom{border-top:1px solid #333;text-align:center;padding:18px;font-size:.8rem;color:#8a8a8a;}

/* ===== Card Destacada ===== */
.card-destacada{
  display:grid;grid-template-columns:1.2fr 1fr;
  margin-bottom:40px;background:var(--papel-2);
  border-top:5px solid var(--verde);overflow:hidden;
}
.card-destacada .thumb{position:relative;overflow:hidden;background:var(--papel-2);min-height:280px;}
.card-destacada .thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease;}
.card-destacada:hover .thumb img{transform:scale(1.04);}
.card-destacada .badge{
  position:absolute;top:16px;left:16px;z-index:2;
  font-family:"Anton",sans-serif;font-size:.7rem;letter-spacing:2px;
  text-transform:uppercase;color:#fff;background:var(--verde);padding:4px 14px;
}
.card-destacada .txt{padding:36px 40px;display:flex;flex-direction:column;justify-content:center;gap:12px;}
.card-destacada .cat{font-family:"Anton",sans-serif;color:var(--verde);font-size:.72rem;letter-spacing:1.5px;text-transform:uppercase;}
.card-destacada h3{font-family:"Anton",sans-serif;font-size:clamp(1.6rem,3.2vw,2.2rem);line-height:1;margin:0;color:var(--tinta);}
.card-destacada h3 a{color:inherit;}
.card-destacada h3 a:hover{color:var(--verde-oscuro);text-decoration:none;}
.card-destacada .lead-dest{font-size:.97rem;color:var(--gris);border-left:3px solid var(--verde-vivo);padding-left:14px;margin:0;}
.card-destacada .by{font-size:.78rem;color:var(--gris-claro);text-transform:uppercase;letter-spacing:1px;}

/* ===== Quiénes Somos: principios éticos ===== */
.principios-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;margin-top:8px;}
.principio{padding:26px 28px 30px;background:var(--papel);border-top:4px solid var(--verde-vivo);}
.principio h3{font-family:"Anton",sans-serif;color:var(--verde);font-size:1.3rem;margin:0 0 10px;line-height:1.1;}
.principio p{margin:0;font-size:.97rem;color:var(--gris);}

/* ===== Quiénes Somos: metodología editorial ===== */
.metodologia{display:grid;gap:0;margin:32px 0;}
.metodo-item{display:grid;grid-template-columns:72px 1fr;gap:24px;align-items:start;padding:24px 0;border-top:1px solid var(--linea);}
.metodo-num{font-family:"Anton",sans-serif;font-size:2.8rem;color:var(--verde-vivo);line-height:1;padding-top:4px;}
.metodo-txt h3{font-family:"Anton",sans-serif;color:var(--verde-oscuro);font-size:1.3rem;margin:0 0 8px;line-height:1.1;}
.metodo-txt p{margin:0;font-size:.97rem;color:var(--gris);}

/* ===== Quiénes Somos: compromiso editorial ===== */
.compromiso-editorial{background:var(--verde);color:#fff;padding:32px 36px;margin-top:40px;border-radius:2px;}
.compromiso-editorial p{margin:0 0 6px;font-size:1.05rem;}
.compromiso-editorial p:last-child{margin-bottom:0;}
.compromiso-editorial strong{color:#fff;}

/* ===== Paginación / utilidades ===== */
.page-title{padding:56px 0 0;}
.page-title h1{font-family:"Anton",sans-serif;color:var(--verde);font-size:clamp(2.4rem,8vw,4.6rem);margin:0;}
.muted{color:var(--gris);}
.center{text-align:center;}
.mt0{margin-top:0;}

/* ===== Responsive ===== */
@media(max-width:860px){
  .equipo-hero{grid-template-columns:1fr;}
  .equipo-hero .ph{min-height:260px;order:-1;}
  .cartas{grid-template-columns:1fr;}
  .site-footer .contenedor{grid-template-columns:1fr;gap:24px;}
  .metodo-item{grid-template-columns:56px 1fr;gap:16px;}
  .metodo-num{font-size:2rem;}
  .card-destacada{grid-template-columns:1fr;}
  .card-destacada .thumb{min-height:220px;aspect-ratio:16/9;position:relative;}
  .card-destacada .txt{padding:24px;}
}
@media(max-width:720px){
  .nav-toggle{display:block;}
  .nav-menu{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;gap:0;border-bottom:2px solid var(--verde);padding:8px 24px 16px;}
  .nav-menu.open{display:flex;}
  .nav-menu li{padding:8px 0;border-bottom:1px solid var(--linea);}
  .site-header .contenedor{position:relative;}
}