/* Bilera — capa de identidad oficial (Montserrat + paleta de marca). Se carga después de bilera.css */
:root{--paper:#FFFFFF;--paper2:#F4F4F4;--card:#FFFFFF;--ink:#1A1A1A;--ink2:#4D4D4D;--mut:#4D4D4D;--green:#52782D;--green-d:#3B6D11;--soft:#EAF3DE;--gray:#F4F4F4;--line:rgba(26,26,26,.12);--line2:rgba(26,26,26,.07)}
body,.serif{font-family:'Montserrat',sans-serif}
body{background:#FFFFFF;color:#1A1A1A}
a{color:#52782D}a:hover{color:#3B6D11}
h1,h2,h3,h4{font-weight:700;text-wrap:balance}
p{text-wrap:pretty}
.eyebrow{font-size:12px;letter-spacing:.18em;font-weight:600;color:#52782D}
.nav{background:rgba(255,255,255,.92)}
.menu{font-weight:500}
.menu a{color:#4D4D4D}.menu a:hover,.menu a.active{color:#1A1A1A}
.crumb,.crumb a{color:#4D4D4D}
.phero{padding:64px 0 44px}
.phero h1{font-size:48px;line-height:1.12;font-weight:700;letter-spacing:-.02em}
.phero h1 em{font-style:normal;color:#52782D}
.phero .sub{font-size:18px;color:#4D4D4D}
.sectitle{font-size:34px;font-weight:700;line-height:1.15;letter-spacing:-.015em}
.btn{background:#52782D;color:#FFFFFF;border:1.5px solid #52782D;font-weight:600;transition:background .2s,border-color .2s,color .2s,transform .18s}
.btn:hover{background:#3B6D11;border-color:#3B6D11;color:#FFFFFF}
.btn.green{background:#52782D;color:#FFFFFF}.btn.green:hover{background:#3B6D11}
.btn.sec{background:transparent;color:#52782D;border-color:#52782D}
.btn.sec:hover{background:#EAF3DE;color:#3B6D11;border-color:#3B6D11}
.hl{background:#EAF3DE;border-left:4px solid #52782D;padding:20px 24px;border-radius:0 8px 8px 0}
.band{background:#F4F4F4}
.foot{background:#1A1A1A;color:rgba(255,255,255,.78)}
.foot h5{color:rgba(255,255,255,.6)}
.foot a,.foot li{color:rgba(255,255,255,.82)}
.foot a:hover{color:#FFFFFF}
.foot-desc,.foot-bot{color:rgba(255,255,255,.66)}
.foot-social a{color:#FFFFFF;border-color:rgba(255,255,255,.25)}
.foot-social a:hover{background:#52782D;border-color:#52782D}
.tag{display:inline-flex;align-items:center;font-size:12.5px;font-weight:600;color:#3B6D11;background:#EAF3DE;padding:6px 12px;border-radius:30px;text-decoration:none;transition:background .2s,color .2s}
a.tag:hover{background:#52782D;color:#FFFFFF}
.tags{display:flex;flex-wrap:wrap;gap:8px}
@media (max-width:980px){.phero h1{font-size:36px}.sectitle{font-size:28px}}
@media (max-width:620px){.phero h1{font-size:30px}.phero .sub{font-size:16.5px}}