:root{
--primary:#0F2747;
--secondary:#173B6B;
--light:#f6f8fb;
}
*{box-sizing:border-box}
body{margin:0;font-family:Segoe UI,Arial,sans-serif;color:#2d3748;line-height:1.6}
.container{max-width:1200px;margin:auto;padding:0 24px}
header{background:white;position:sticky;top:0;z-index:999;box-shadow:0 2px 15px rgba(0,0,0,.08)}
.nav{display:flex;justify-content:space-between;align-items:center;padding:12px 0}
.logo{height:70px}
nav a{text-decoration:none;color:var(--primary);margin-left:22px;font-weight:600}
.hero{height:90vh;background:linear-gradient(rgba(15,39,71,.82),rgba(15,39,71,.82)),url('https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?auto=format&fit=crop&w=1400&q=80');background-size:cover;background-position:center}
.overlay{height:100%;display:flex;align-items:center}
.hero-content{color:white;max-width:800px}
.hero h1{font-size:62px;line-height:1.1;margin:15px 0}
.hero p{font-size:24px}
.badge{background:#ffffff22;padding:8px 14px;border-radius:30px}
.btn{display:inline-block;padding:14px 24px;background:white;color:var(--primary);border-radius:8px;text-decoration:none;font-weight:700;margin-right:10px}
.ghost{background:transparent;color:white;border:1px solid white}
.stats{background:var(--light)}
.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:30px 24px}
.stat-grid div{text-align:center}
.stat-grid strong{display:block;color:var(--primary)}
.stat-grid span{font-size:20px;font-weight:700}
section{padding:80px 0}
h2{color:var(--primary);font-size:38px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}
.card{background:white;padding:28px;border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.08)}
.dark{background:var(--primary);color:white}
.dark h2{color:white}
.features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.portal{display:block;padding:30px;border-radius:14px;background:var(--light);text-decoration:none;color:inherit}
.cta-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
footer{background:#081528;color:white;padding:60px 0;text-align:center}
.whatsapp{position:fixed;right:20px;bottom:20px;background:#25D366;color:white;padding:14px 18px;border-radius:30px;text-decoration:none;font-weight:bold}
@media(max-width:768px){
.hero h1{font-size:40px}
nav{display:none}
.stat-grid,.features,.cta-grid{grid-template-columns:1fr}
}
/* Customizações extras da V3 */
.layout-links { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 24px; }
.card-item { text-decoration: none; color: inherit; display: flex; }
.card-inner { background: white; padding: 28px; border-radius: 14px; box-shadow: 0 10px 30px rgba(0,0,0,.08); display: flex; flex-direction: column; justify-content: space-between; width: 100%; transition: transform 0.2s, box-shadow 0.2s; }
.card-inner:hover { transform: translateY(-5px); box-shadow: 0 15px 35px rgba(0,0,0,.12); }
.card-inner h3 { color: var(--primary); margin-top: 0; font-size: 20px; }
.card-inner p { color: #4a5568; font-size: 15px; margin-bottom: 20px; }
.read-more { color: var(--secondary); font-weight: bold; font-size: 14px; }
.bg-sobre p { margin-bottom: 20px; font-size: 17px; opacity: 0.9; }
.slogan { border-top: 1px solid rgba(255,255,255,0.2); margin-top: 40px; padding-top: 20px; text-align: center; }
.slogan p { font-style: italic; font-size: 20px !important; color: #fff; font-weight: 600; }
.btn-page { display: inline-block; padding: 14px 28px; background: #25D366; color: white; border-radius: 8px; text-decoration: none; font-weight: 700; font-size: 18px; margin-top: 20px; text-align: center; box-shadow: 0 4px 15px rgba(37,211,102,0.3); }
.btn-page:hover { background: #20ba59; }
.page-content { max-width: 800px; margin: 40px auto; padding: 0 24px; }
.page-content h1 { color: var(--primary); font-size: 36px; margin-bottom: 24px; }
.page-content p { font-size: 17px; line-height: 1.7; color: #2d3748; margin-bottom: 20px; }
.page-content ul { font-size: 16px; color: #2d3748; margin-bottom: 24px; padding-left: 20px; }
.page-content li { margin-bottom: 10px; }
.back-link { display: inline-block; margin-bottom: 30px; color: var(--secondary); text-decoration: none; font-weight: 600; }