/*
Theme Name: Instituto Guia Social
Theme URI: https://institutoguiasocial.org.br
Description: Tema moderno e responsivo para organizações sem fins lucrativos.
Author: Instituto Guia Social
Author URI: https://institutoguiasocial.org.br
Version: 1.0.0
Requires at least: 5.8
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: instituto-guia-social
License: GPL-2.0+
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Tags: nonprofit, social, education, responsive, modern
*/

/* Vars */
:root{
  --primary-color:#003b53; --secondary-color:#006e71; --support-color:#82c341; --accent-color:#f4b627;
  --text-color:#2c3e50; --text-light:#fff; --gray-light:#f8f9fa; --gray-dark:#6c757d;
  --border-radius:8px; --shadow:0 4px 6px rgba(0,0,0,.1); --shadow-lg:0 20px 25px rgba(0,0,0,.15);
}

/* Reset base */
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--text-color);background:#fff;line-height:1.6}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{max-width:1200px;margin:0 auto;padding:0 1rem}

/* Header */
.header{position:fixed;inset:0 0 auto 0;background:#fff;box-shadow:var(--shadow);z-index:1000}
.navbar{display:flex;align-items:center;justify-content:space-between;height:80px}
.logo-complete{height:56px}
.nav-menu{display:flex;gap:1.25rem;list-style:none}
.nav-menu a{font-weight:600;position:relative;padding:.25rem 0}
.nav-menu a::after{content:"";position:absolute;left:0;bottom:-4px;height:2px;width:0;background:var(--support-color);transition:width .25s}
.nav-menu a:hover::after,.nav-menu a:focus::after{width:100%}
.mobile-toggle{display:none}

/* Botão Transparência (classe aplicada no item do menu) */
.nav-menu .menu-item-transparencia>a{
  background:transparent;border:2px solid var(--primary-color);color:var(--primary-color);padding:.5rem .9rem;border-radius:8px
}
.nav-menu .menu-item-transparencia>a:hover{background:var(--primary-color);color:#fff}

/* Hero/Sections (mínimo) */
.has-fixed-header{padding-top:80px}
.section{padding:4rem 0}
.section-title{text-align:center;margin-bottom:2rem}

/* Cards genéricos */
.programs-grid,.news-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
.program-card,.news-card,.mission-card,.help-card{background:#fff;border-radius:12px;box-shadow:var(--shadow);padding:1.5rem}
.btn{display:inline-flex;gap:.5rem;align-items:center;padding:.8rem 1.2rem;border-radius:8px;font-weight:700;border:0;cursor:pointer}
.btn-primary{background:var(--primary-color);color:#fff}
.btn-secondary{background:var(--secondary-color);color:#fff}
.btn-outline{border:2px solid var(--primary-color);color:var(--primary-color);background:transparent}

/* Footer */
.footer{background:#141414;color:#fff;padding:3rem 0}
.footer-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.footer-links{list-style:none}
.footer-links a{color:#ddd}
.footer-links a:hover{color:var(--accent-color)}
.footer-bottom{margin-top:1.5rem;border-top:1px solid rgba(255,255,255,.15);padding-top:1rem;text-align:center}

/* Scroll top */
.scroll-top{position:fixed;right:1rem;bottom:1rem;width:48px;height:48px;border-radius:50%;border:0;background:var(--primary-color);color:#fff;display:none;align-items:center;justify-content:center;box-shadow:var(--shadow)}
.scroll-top.show{display:flex}

/* Responsivo */
@media (max-width:768px){
  .mobile-toggle{display:flex;width:48px;height:48px;align-items:center;justify-content:center;font-size:1.5rem;background:transparent;border:0}
  .nav-menu{position:fixed;inset:0 0 0 auto;width:100%;height:100vh;background:#fff;flex-direction:column;justify-content:center;gap:1.25rem;left:-100%;transition:left .25s}
  .nav-menu.active{left:0}
}