@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;1,500&family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,500;1,6..72,400;1,6..72,500&family=JetBrains+Mono:wght@400;500&display=swap");
/* fonts */
/* Substitute webfonts (Google Fonts) — no brand font files were provided. */


/* colors */
:root{
/* Verde Legislativo — primary institutional green */
--green-950:#07201B;--green-900:#0B2E26;--green-800:#0F3D33;--green-700:#17503F;--green-600:#1F6B53;--green-500:#2E8A6B;--green-200:#BFD8CF;--green-100:#E1EEE9;--green-50:#F1F7F4;
/* Lima — accent / highlight marker */
--lime-500:#C2E84A;--lime-400:#D4F36A;--lime-300:#E2F79A;--lime-100:#F3FBD3;
/* Neutros (green-tinted) */
--ink-900:#0E1A17;--ink-700:#2F3B37;--ink-600:#46524E;--ink-500:#66726E;--ink-400:#8D9894;--ink-300:#C5CDCA;--ink-200:#DDE3E1;--ink-100:#ECF0EF;--ink-50:#F6F8F7;--white:#FFFFFF;
/* Semânticas */
--success-600:#1F8A5B;--success-100:#DDF2E7;--warning-600:#B97A06;--warning-100:#FBEFD2;--danger-600:#BF3B2B;--danger-100:#F9E1DD;--info-600:#2C6AA0;--info-100:#DEEAF5;
--whatsapp:#25D366;

/* Semantic aliases */
--brand-primary:var(--green-800);--brand-primary-hover:var(--green-700);--brand-primary-press:var(--green-900);
--brand-accent:var(--lime-400);--brand-accent-hover:var(--lime-500);
--text-strong:var(--ink-900);--text-body:var(--ink-700);--text-muted:var(--ink-500);--text-subtle:var(--ink-400);
--text-on-primary:var(--white);--text-on-primary-muted:#B9D3CA;--text-on-accent:var(--green-900);--text-accent-on-dark:var(--lime-400);
--surface-page:var(--white);--surface-soft:var(--green-50);--surface-tint:var(--green-100);--surface-card:var(--white);--surface-muted:var(--ink-50);--surface-inverse:var(--green-800);--surface-inverse-deep:var(--green-900);--surface-highlight:var(--lime-400);
--border-subtle:var(--ink-200);--border-default:var(--ink-300);--border-strong:var(--ink-600);--border-on-dark:rgba(255,255,255,.14);
--focus-ring:var(--lime-500);
}

/* typography */
:root{
--font-sans:"Plus Jakarta Sans",ui-sans-serif,system-ui,sans-serif;
--font-serif:"Newsreader",Georgia,"Times New Roman",serif;
--font-mono:"JetBrains Mono",ui-monospace,Menlo,monospace;
--font-display:var(--font-sans);--font-body:var(--font-sans);
--fw-regular:400;/* @kind other */--fw-medium:500;/* @kind other */--fw-semibold:600;/* @kind other */--fw-bold:700;/* @kind other */--fw-extrabold:800;/* @kind other */
--fs-display-xl:72px;--fs-display:56px;--fs-h1:44px;--fs-h2:34px;--fs-h3:26px;--fs-h4:20px;--fs-body-lg:18px;--fs-body:16px;--fs-body-sm:14px;--fs-caption:12px;--fs-overline:12px;
--lh-tight:1.08;/* @kind other */--lh-snug:1.2;/* @kind other */--lh-normal:1.5;/* @kind other */--lh-relaxed:1.65;/* @kind other */
--ls-tight:-0.025em;/* @kind other */--ls-snug:-0.015em;/* @kind other */--ls-normal:0;/* @kind other */--ls-overline:0.14em;/* @kind other */
}

/* spacing */
:root{
--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--space-32:128px;
--radius-xs:6px;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-2xl:36px;--radius-pill:999px;
--container-max:1200px;--container-pad:24px;--section-y:96px;
--control-h-sm:36px;--control-h-md:44px;--control-h-lg:52px;
}

/* effects */
:root{
--shadow-xs:0 1px 2px rgba(14,26,23,.06);
--shadow-sm:0 2px 6px rgba(14,26,23,.06),0 1px 2px rgba(14,26,23,.04);
--shadow-md:0 10px 24px -8px rgba(14,26,23,.14),0 2px 6px rgba(14,26,23,.05);
--shadow-lg:0 24px 48px -16px rgba(11,46,38,.22),0 4px 12px rgba(14,26,23,.06);
--shadow-focus:0 0 0 3px var(--lime-400);
--ease-standard:cubic-bezier(.2,.7,.2,1);/* @kind other */--ease-emphasis:cubic-bezier(.3,0,0,1);/* @kind other */
--dur-fast:120ms;/* @kind other */--dur-base:200ms;/* @kind other */--dur-slow:360ms;/* @kind other */
--gradient-hero:radial-gradient(120% 90% at 85% 10%,var(--lime-100) 0%,var(--green-50) 45%,var(--white) 100%);
--scrim-photo:linear-gradient(180deg,rgba(7,32,27,0) 40%,rgba(7,32,27,.78) 100%);/* @kind color */
}

/* base */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body{margin:0;font-family:var(--font-body);font-size:var(--fs-body);line-height:var(--lh-normal);color:var(--text-body);background:var(--surface-page)}
h1,h2,h3,h4{font-family:var(--font-display);color:var(--text-strong);margin:0;letter-spacing:var(--ls-tight);line-height:var(--lh-snug);font-weight:var(--fw-bold);text-wrap:balance}
p{margin:0;text-wrap:pretty}
a{color:var(--green-700);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--green-900)}
:focus-visible{outline:none;box-shadow:var(--shadow-focus);border-radius:inherit}
.mal-mark{background:var(--lime-400);color:var(--green-900);padding:0 .14em;border-radius:.18em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.mal-icon{display:inline-block;width:1em;height:1em;background:currentColor;-webkit-mask:var(--icon) center/contain no-repeat;mask:var(--icon) center/contain no-repeat;flex:none}

/* ===== Responsivo (smartphones e tablets) ===== */
html,body{max-width:100%;overflow-x:hidden}
img,svg,video{max-width:100%}
@media (max-width:1024px){
  header [style*="grid-template-columns"],section [style*="grid-template-columns"],header [style*="grid-template:"],section [style*="grid-template:"]{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:none!important}
  [style*="grid-row: span 2"]{grid-row:auto!important}
  section [style*="grid-template"] > *{grid-column:auto!important;grid-row:auto!important}
  [style*="padding: 96px 24px"]{padding:64px 20px!important}
  [style*="padding: 56px 0px 88px"]{padding:32px 0 56px!important;gap:40px!important}
  [style*="gap: 56px"]{gap:32px!important}
  [style*="height: 520px"]{height:440px!important}
  [style*="min-height: 520px"]{min-height:380px!important}
  [style*="min-height: 480px"],[style*="min-height: 440px"]{min-height:340px!important}
  [style*="translateY(-12px)"]{transform:none!important}
  [id="Planos"] [style*="overflow: hidden"]{overflow-x:auto!important;-webkit-overflow-scrolling:touch}
  [id="Planos"] table{min-width:640px}
  [style*="grid-template-columns: 1.4fr 1fr 1fr 1.4fr"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  [style*="grid-template-columns: 1.4fr 1fr 1fr 1.4fr"] > div{height:150px!important}
}
@media (max-width:720px){
  nav{height:64px!important;gap:12px!important}
  nav > div:nth-child(2){display:none!important}
  nav button{padding-left:14px!important;padding-right:14px!important;font-size:14px!important;white-space:nowrap}
  h1{font-size:36px!important;line-height:1.08!important}
  section h2{font-size:30px!important;line-height:1.15!important}
  [style*="padding: 96px 24px"]{padding:56px 16px!important}
  header > div,section[style*="padding: 0px 24px 96px"]{padding-left:16px!important;padding-right:16px!important}
  section[style*="padding: 0px 24px 96px"]{padding-bottom:56px!important}
  section[style*="padding: 0px 24px 96px"] > div{padding:36px 24px!important;border-radius:28px!important}
  [style*="height: 520px"]{height:380px!important}
  [style*="height: 520px"] > div:first-child{inset:0!important}
  [style*="height: 520px"] > div[style*="width: 260px"]{left:12px!important;bottom:16px!important;width:min(250px,calc(100% - 24px))!important}
  [style*="height: 520px"] > div[style*="right: 20px"]{right:12px!important;top:12px!important}
  [id="Áreas"] [style*="grid-template-columns: 1fr 1fr"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  [id="Áreas"] button{padding:10px!important;gap:10px!important}
  [id="Áreas"] button > span:first-child{width:34px!important;height:34px!important}
  [id="Áreas"] button > span:last-child{font-size:14px!important}
  [style*="min-height: 520px"]{min-height:300px!important;border-radius:24px!important}
  [style*="min-height: 520px"] [style*="font-size: 30px"]{font-size:24px!important}
  [style*="grid-template-columns: 72px"]{grid-template-columns:52px minmax(0,1fr) auto!important;gap:10px!important;padding:12px!important}
  [style*="grid-template-columns: repeat(auto-fit"] > div{padding:20px!important}
  [style*="justify-content: space-between"][style*="align-items: baseline"]{flex-wrap:wrap}
  footer > div{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}
  [style*="position: fixed"][style*="right: 24px"]{left:16px!important;right:16px!important;bottom:16px!important}
  [role="dialog"]{max-width:calc(100vw - 32px)!important}
}

@media (max-width:1024px){#Sobre [role="img"]{aspect-ratio:1/1;min-height:0!important;max-width:520px;width:100%;margin:0 auto;background-position:center 60%!important}}
