html,body{overflow-x:hidden;max-width:100%;}
body{font-family:'Segoe UI',system-ui,sans-serif;color:#2c3338;}
.hp-field{position:absolute;left:-9999px;top:-9999px;height:0;overflow:hidden;}
.panel-form .form-control:focus{border-color:#2f6b3a;box-shadow:0 0 0 .2rem rgba(47,107,58,.15);}
.nav-glass{background:rgba(32,74,40,.92);backdrop-filter:blur(6px);}
.hero{min-height:78vh;background:linear-gradient(135deg,#204a28,#2f6b3a 60%,#3f8a4d);margin-top:0;}
.beneficio-card{background:#fff;border:1px solid #e2e6e9;border-radius:14px;padding:26px 22px;height:100%;box-shadow:0 2px 8px rgba(0,0,0,.04);transition:.2s;}
.beneficio-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px rgba(0,0,0,.08);}
.beneficio-card i{font-size:28px;color:#2f6b3a;margin-bottom:10px;display:block;}
.stat-card{background:#fff;border-radius:14px;padding:20px;border:1px solid #e2e6e9;}
.stat-card h3{color:#2f6b3a;margin:0;font-weight:700;}
.stat-card span{font-size:13px;color:#7a8189;}
.panel-form{background:#fff;border:1px solid #e2e6e9;border-radius:14px;padding:28px;box-shadow:0 2px 8px rgba(0,0,0,.04);}
.footer-ong{background:#204a28;}
.footer-ong a{text-decoration:none;}
.footer-ong a:hover{color:#fff!important;}
@media(max-width:768px){
  .hero{min-height:auto;padding:110px 0 50px;}
  .hero h1{font-size:1.9rem;line-height:1.3;}
  .hero .lead{font-size:1.05rem!important;padding:0 8px;}
  .hero-mini{font-size:14.5px;padding:14px;}
  .whatsapp-float{width:50px;height:50px;font-size:24px;bottom:16px;right:16px;}
  .beneficio-card{padding:20px 16px;}
  .nav-glass .navbar-brand{font-size:20px;}
}
.whatsapp-float{position:fixed;bottom:24px;right:24px;background:#25D366;color:#fff;width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;box-shadow:0 4px 14px rgba(0,0,0,.3);z-index:999;}
.whatsapp-float:hover{background:#1ebe5b;color:#fff;}
.institucional-strip{background:#fff;border-top:1px solid #e2e6e9;border-bottom:1px solid #e2e6e9;}
.inst-badge{display:flex;flex-direction:column;align-items:center;gap:10px;color:#204a28;}
.inst-badge i{font-size:42px;color:#2f6b3a;}
.inst-badge span{font-size:16px;font-weight:700;line-height:1.35;}
.inst-badge small{color:#7a8189;font-weight:400;font-size:13px;}
.nav-glass .nav-link{font-weight:500;}
.hero-mini{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);border-radius:12px;padding:16px;color:#fff;font-size:16px;font-weight:500;backdrop-filter:blur(3px);display:flex;align-items:center;gap:10px;text-align:left;}
.hero-mini i{font-size:24px;flex-shrink:0;}
.btn-leaf{background:#2f6b3a;color:#fff;border:none;border-radius:50px;padding:.5rem 1.2rem;display:inline-flex;align-items:center;gap:8px;font-weight:600;transition:.2s;}
.btn-leaf i{font-size:18px;}
.btn-leaf:hover{background:#1a4020;color:#fff;transform:scale(1.04);}
.btn-cta{background:#2f6b3a;color:#fff;font-weight:700;padding:.75rem 2rem;border-radius:50px;box-shadow:0 8px 24px rgba(47,107,58,.3);border:none;transition:.2s;}
.btn-cta:hover{background:#204a28;color:#fff;transform:translateY(-2px);}
.producto-card img{aspect-ratio:1/1;object-fit:cover;border:1px solid #e2e6e9;}
.producto-card:hover img{opacity:.85;}
.footer-ong a.btn:hover{color:#204a28!important;}
.panel-datos{background:linear-gradient(135deg,#2f6b3a,#204a28);border:none;}