/* Layout compartilhado das páginas SEO estáticas. */
.nav-dropdown { position:relative; }
.navigation nav > .nav-dropdown > summary { position:relative; display:flex; align-items:center; gap:9px; color:#3b526b; cursor:pointer; font-size:.875rem; font-weight:600; list-style:none; }
.navigation nav > .nav-dropdown > summary::-webkit-details-marker { display:none; }
.navigation nav > .nav-dropdown > summary::before { position:absolute; right:0; bottom:-8px; left:0; height:2px; content:''; background:var(--gradient); transform:scaleX(0); transition:transform .2s; }
.navigation nav > .nav-dropdown:hover > summary::before,.navigation nav > .nav-dropdown:focus-within > summary::before { transform:scaleX(1); }
.nav-dropdown > summary::after { position:static; width:7px; height:7px; flex:none; border-right:1.7px solid currentColor; border-bottom:1.7px solid currentColor; background:transparent; content:''; transform:translateY(-2px) rotate(45deg); transition:transform .2s; }
.nav-dropdown[open] > summary::after { transform:translateY(2px) rotate(225deg); }
.nav-dropdown-menu { position:absolute; top:calc(100% + 18px); left:50%; z-index:120; display:grid; width:min(840px,90vw); grid-template-columns:repeat(4,minmax(0,1fr)); gap:22px; padding:24px; border:1px solid var(--border); border-radius:16px; background:#fff; box-shadow:var(--shadow-lg); transform:translateX(-50%); }
.nav-dropdown-menu > div { display:flex; flex-direction:column; align-items:stretch; gap:10px; }
.nav-dropdown-menu strong { margin-bottom:3px; color:var(--primary-dark); font-size:.78rem; }
.navigation nav .nav-dropdown-menu a { position:static; color:#43566b; font-size:.78rem; font-weight:500; line-height:1.4; }
.navigation nav .nav-dropdown-menu a::after { display:none; }
.navigation nav .nav-dropdown-menu a:hover { color:var(--primary); }
.seo-hero { padding: 128px 0 66px; background: linear-gradient(180deg, #f4f9ff 0%, #fff 100%); }
.seo-hero h1 { max-width: 900px; margin: 18px 0; font-size: clamp(2.4rem, 5vw, 4.4rem); letter-spacing: -.05em; }
.seo-hero .lead { max-width: 780px; margin: 0; color: var(--muted); font-size: clamp(1.05rem, 2vw, 1.24rem); }
.seo-breadcrumb { padding: 14px 0 0; color: var(--muted); font-size: .82rem; }
.seo-breadcrumb ol { display:flex; flex-wrap:wrap; gap:8px; padding:0; margin:0; list-style:none; }
.seo-breadcrumb li+li::before { content:"/"; padding-right:8px; color:#94a3b8; }
.seo-breadcrumb a { color:var(--primary-dark); text-decoration:underline; text-underline-offset:3px; }
.seo-main { padding: 0 0 86px; }
.seo-section { padding: 58px 0; border-bottom:1px solid var(--border); }
.seo-section h2 { max-width:820px; margin:0 0 18px; font-size:clamp(1.8rem,3vw,2.65rem); letter-spacing:-.04em; }
.seo-section h3 { margin:24px 0 10px; font-size:1.2rem; }
.seo-section p { max-width:850px; color:#43566b; }
.seo-section p:first-of-type { margin-top:0; }
.seo-section ul { display:grid; gap:10px; max-width:850px; padding-left:22px; color:#43566b; }
.seo-callout { padding:24px 28px; margin:28px 0; border:1px solid #d8e8f7; border-radius:18px; background:var(--surface-blue); }
.seo-callout p:last-child { margin-bottom:0; }
.seo-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-top:24px; }
.seo-card { display:block; padding:22px; border:1px solid var(--border); border-radius:16px; background:#fff; box-shadow:var(--shadow-sm); transition:transform .2s,border-color .2s; }
.seo-card:hover { transform:translateY(-3px); border-color:#9dc8ef; }
.seo-card h3 { margin:0 0 8px; font-size:1.08rem; }
.seo-card p { margin:0; color:var(--muted); font-size:.92rem; }
.seo-card span { display:inline-block; margin-top:14px; color:var(--primary); font-weight:700; }
.seo-faq details { max-width:900px; padding:18px 0; border-bottom:1px solid var(--border); }
.seo-faq summary { color:var(--primary-dark); cursor:pointer; font-weight:700; }
.seo-faq details p { margin:12px 0 0; }
.seo-table-wrap { max-width:100%; overflow-x:auto; margin:22px 0; }
.seo-table { width:100%; min-width:640px; border-collapse:collapse; background:#fff; }
.seo-table th,.seo-table td { padding:14px; border:1px solid var(--border); text-align:left; vertical-align:top; }
.seo-table th { background:var(--surface-blue); color:var(--primary-dark); }
.seo-sources { font-size:.9rem; }
.seo-sources a { color:var(--primary); text-decoration:underline; text-underline-offset:3px; }
.seo-cta { padding:44px; margin-top:60px; border-radius:24px; background:linear-gradient(130deg,#0b3b75,#087bf0); color:#fff; }
.seo-cta h2 { margin:0 0 12px; color:#fff; }
.seo-cta p { max-width:720px; color:#d8eaff; }
.seo-cta .button-secondary { margin-left:8px; }
.seo-footer-links { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; }
.seo-footer-links div { display:flex; flex-direction:column; gap:8px; }
.seo-footer-links strong { color:#fff; }
.seo-footer-links a { color:#bad0e4; font-size:.82rem; }
.seo-footer-links a:hover { color:var(--accent); }
@media(max-width:780px) {
 .navigation nav { max-height:calc(100vh - 86px); overflow-y:auto; }
 .navigation nav > .nav-dropdown > summary { min-height:45px; justify-content:space-between; padding:0 12px; border-radius:8px; font-size:.9rem; }
 .navigation nav > .nav-dropdown > summary::before { display:none; }
 .nav-dropdown-menu { position:static; width:auto; grid-template-columns:1fr 1fr; gap:16px; padding:14px; margin:0 8px 10px; border-radius:10px; box-shadow:none; transform:none; }
 .nav-dropdown-menu > div { gap:8px; }
 .navigation nav .nav-dropdown-menu a { min-height:0; padding:2px 4px; font-size:.82rem; }
 .seo-hero { padding:108px 0 48px; }
 .seo-main { padding-bottom:54px; }
 .seo-section { padding:42px 0; }
 .seo-cards { grid-template-columns:1fr 1fr; }
 .seo-cta { padding:30px 24px; }
 .seo-cta .button-secondary { margin:12px 0 0; }
 .seo-footer-links { grid-template-columns:1fr 1fr; }
}
@media(min-width:781px) and (max-width:1020px) {
 .menu-toggle { display:block; margin-left:auto; }
 .navigation nav { position:fixed; top:82px; right:20px; left:20px; display:flex; max-height:calc(100vh - 102px); overflow-y:auto; visibility:hidden; flex-direction:column; align-items:stretch; gap:0; padding:12px; border:1px solid var(--border); border-radius:14px; background:#fff; box-shadow:var(--shadow-lg); opacity:0; transform:translateY(-10px); transition:.2s; }
 .navigation nav.open { visibility:visible; opacity:1; transform:none; }
 .navigation nav > a,.navigation nav > .nav-dropdown > summary { min-height:45px; display:flex; align-items:center; padding:0 12px; border-radius:8px; font-size:.9rem; }
 .navigation nav > .nav-dropdown > summary { justify-content:space-between; }
 .navigation nav > .nav-dropdown > summary::before { display:none; }
 .nav-dropdown > summary::after { margin-left:auto; }
 .nav-dropdown-menu { position:static; width:auto; grid-template-columns:1fr 1fr; gap:16px; padding:14px; margin:0 8px 10px; border-radius:10px; box-shadow:none; transform:none; }
 .nav-dropdown-menu > div { gap:8px; }
 .navigation nav .nav-dropdown-menu a { min-height:0; padding:2px 4px; font-size:.82rem; }
 .header-actions .login-link { display:none; }
}
@media(max-width:520px) {
 .nav-dropdown-menu { grid-template-columns:1fr; }
 .seo-cards { grid-template-columns:1fr; }
 .seo-hero h1 { font-size:2.45rem; }
 .seo-cta .button { width:100%; }
 .seo-footer-links { gap:24px 14px; }
}
@media(min-width:1021px) { .footer-main nav.seo-footer-links { grid-template-columns:repeat(4,minmax(0,1fr)); } }
