/*
Theme Name: Astra Child - JF Serviços DarkBlue + Carousel (Fixed)
Template: astra
Description: Tema filho corrigido com layout dark blue, carrossel de parceiros e submenus
Version: 1.0.1
Author: JF Serviços
Text Domain: astra-child-jfservicos-darkblue
*/

:root{ --jf-blue:#2563eb; --jf-green:#2dd4bf; --jf-dark:#0f172a; --jf-text:#f1f5f9; --jf-header:#0b1224; --jf-accent:#38bdf8; --jf-hover:#2dd4bf; --jf-card:#1e293b; --jf-border:#334155 }
body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--jf-dark);color:var(--jf-text)}
a{color:var(--jf-accent);text-decoration:none}a:hover{color:var(--jf-hover)}
header{display:flex;justify-content:space-between;align-items:center;padding:14px 22px;background:var(--jf-header);border-bottom:1px solid #1e293b}
.logo img{height:60px}
.main-navigation{display:flex;gap:20px;list-style:none;margin:0;padding:0}
.main-navigation li{position:relative}
.main-navigation li a{color:var(--jf-text);font-weight:600;padding:6px;display:block}
.main-navigation li a:hover{color:var(--jf-accent)}
.main-navigation .submenu{display:none;position:absolute;top:100%;left:0;background:var(--jf-card);border:1px solid var(--jf-border);list-style:none;padding:8px 0;margin:0;min-width:180px;z-index:999}
.main-navigation li:hover>.submenu{display:block}
.main-navigation .submenu li a{padding:8px 14px;color:var(--jf-text);font-weight:500}
.main-navigation .submenu li a:hover{background:var(--jf-blue);color:#fff}
.hero{background:linear-gradient(135deg,#1e3a8a,var(--jf-dark));text-align:center;padding:60px 22px}
.hero h1{margin:0 0 8px;font-size:clamp(28px,5vw,44px)}
.hero p{color:var(--jf-green);font-weight:600}
.btn{padding:10px 18px;border-radius:999px;font-weight:700;display:inline-block;margin:5px}
.btn.primary{background:var(--jf-blue);color:#fff}.btn.primary:hover{background:var(--jf-accent)}
.btn.secondary{border:1px solid var(--jf-accent);color:var(--jf-accent)}.btn.secondary:hover{background:var(--jf-accent);color:var(--jf-dark)}
.container{max-width:1100px;margin:0 auto;padding:22px}
.carousel{overflow:hidden;width:100%;margin-top:20px}
.carousel-track{display:flex;gap:40px;animation:partners-scroll 25s linear infinite}
.carousel-track img{max-height:80px;max-width:180px;background:#fff;padding:10px;border-radius:6px;filter:grayscale(30%);transition:.3s}
.carousel-track img:hover{filter:grayscale(0%);transform:scale(1.05)}
@keyframes partners-scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.grid{display:grid;gap:16px;margin-top:12px}
@media(min-width:720px){.grid{grid-template-columns:repeat(3,1fr)}}
.card{background:var(--jf-card);border:1px solid var(--jf-border);border-radius:10px;padding:16px}
.card h3{color:var(--jf-accent);margin:8px 0}
.card div{font-size:2rem}
footer{background:var(--jf-header);color:#cbd5e1;padding:24px 0}
.footer-wrap{display:flex;gap:24px;flex-wrap:wrap;justify-content:space-between;max-width:1100px;margin:0 auto;padding:0 22px}
.footer-widget{flex:1;min-width:200px;background:var(--jf-card);border:1px solid var(--jf-border);padding:14px;border-radius:10px}
.footer-widget h4{color:var(--jf-text);margin:0 0 8px}