/* Schoolastic rev27 - menu compacto com subniveis e planejamento pedagogico */
header .header-nav{display:flex;align-items:center;gap:clamp(16px,2vw,30px);margin-left:auto}
header .header-nav .nav-group{position:relative;border:0;flex:none;z-index:22}
header .header-nav .nav-group>summary{font-size:13px;font-weight:700;line-height:1.3;display:flex;align-items:center;gap:7px;padding:16px 1px;margin:0;white-space:nowrap;color:var(--ink)}
header .header-nav .nav-group[open]>summary,header .header-nav .nav-group:hover>summary{color:var(--blue)}
header .nav-chevron{font-weight:600;font-size:17px;line-height:1;color:#66848b;transition:transform .18s ease}
header .nav-group[open] .nav-chevron{transform:rotate(180deg)}
header .nav-panel{position:absolute;top:100%;left:-19px;min-width:230px;padding:12px;background:#fff;border:1px solid #d8e7e4;border-radius:12px;box-shadow:0 15px 38px rgba(23,62,73,.13);display:flex;flex-direction:column;gap:2px;z-index:28}
header .nav-group:last-child .nav-panel{left:auto;right:-12px}
header .header-nav .nav-group:not([open])>.nav-panel{display:none}
header .nav-panel a{font-weight:500;font-size:13px;white-space:nowrap;padding:10px 12px;line-height:1.35;border-radius:7px}
header .nav-panel a:hover,header .nav-panel a:focus-visible{color:#007e9b;background:#edf7f8}
header .brand{flex-shrink:0}
header .login{white-space:nowrap;flex-shrink:0}
header .header-nav a:focus-visible,header .header-nav summary:focus-visible{outline:2px solid var(--orange);outline-offset:3px}
@media(min-width:981px) and (max-width:1220px){header{gap:18px;padding-left:3%;padding-right:3%}header .brand img{width:clamp(150px,16vw,190px)}header .header-nav{gap:15px}header .header-nav .nav-group>summary{font-size:12px}}
@media(max-width:980px){header{height:80px;padding:0 22px}header .header-nav{display:none;position:absolute;top:80px;left:0;right:0;margin:0;padding:12px 22px 22px;max-height:calc(100dvh - 80px);overflow-y:auto;background:rgba(250,251,248,.99);border-bottom:1px solid #d8e7e4;flex-direction:column;align-items:stretch;gap:2px;box-shadow:0 16px 30px #123d4b13}header .header-nav.open{display:flex}#menu-toggle{display:block;margin-left:auto;border:0;background:transparent;color:var(--ink);font-size:27px;line-height:1;padding:10px}header .login{display:none}header .header-nav .nav-group>summary{font-size:16px;padding:13px 5px;justify-content:space-between}header .nav-panel{position:static;box-shadow:none;min-width:0;left:auto;right:auto;padding:4px 8px 10px 14px;margin-bottom:10px;border-radius:9px;background:#f4faf8}header .nav-panel a{font-size:15px;padding:11px 13px;white-space:normal}}
/* Home: ligacoes dos tres produtos ao planejamento */
.solution{scroll-margin-top:120px}
.solution .solution-plan-link{display:block;font-size:12px;color:#007f9d;padding:0 0 9px;margin-bottom:16px;font-weight:700;line-height:1.5}
.solution .solution-plan-link:hover{text-decoration:underline;text-underline-offset:4px}
.planning-teaser{background:#eff6f3;padding:64px 0;border-top:1px solid #d7e7e0;border-bottom:1px solid #d7e7e0}
.planning-teaser-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:70px;align-items:center}
.planning-teaser .eyebrow{color:#246274;margin-bottom:17px}
.planning-teaser h2{font-size:clamp(33px,3.2vw,48px);margin-bottom:20px}
.planning-teaser-content>p{font-size:16px;line-height:1.85;margin-bottom:23px;max-width:650px}
.planning-teaser-board{border:1px solid #d3e5df;border-radius:26px;background:#fbfdfb;padding:30px;box-shadow:0 16px 35px #184e4c08}
.planning-teaser-items{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.planning-teaser-items>div{background:#f4f8f6;border:1px solid #e1ebe7;border-radius:13px;padding:18px 18px;min-height:124px}
.planning-teaser-items b{display:block;font-size:25px;font-weight:700;color:#008eaf;line-height:1.2;margin-bottom:10px}
.planning-teaser-items small{display:block;font-size:12px;color:#496d76;line-height:1.5}
.planning-teaser-note{margin:18px 0 0;font-size:12px!important}
.plan-context-link{margin-top:65px;margin-bottom:65px;background:#edf6f5;border:1px solid #d9e9e6;border-radius:22px;padding:28px 34px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.plan-context-link .eyebrow{margin-bottom:9px}
.plan-context-link h2{font-size:clamp(25px,2.4vw,35px);margin-bottom:10px}
.plan-context-link p{font-size:14px;max-width:650px;margin:0}
.plan-context-link>a{white-space:nowrap;align-self:center;font-size:13px;font-weight:700;color:#008eaf;text-decoration:underline;text-underline-offset:5px}
/* Landing de planejamento pedagogico */
.plan-hero{background:#eef6f3;padding:66px 0 70px;border-bottom:1px solid #dbe7e2}
.plan-hero-grid{display:grid;grid-template-columns:1.1fr .85fr;gap:80px;align-items:center}
.plan-hero h1{font-size:clamp(44px,4.7vw,72px);max-width:650px;margin:28px 0}
.plan-hero .crumb{font-size:12px;color:#658189;margin-bottom:20px}.plan-hero .crumb a{text-decoration:underline}
.plan-lead{font-size:17px;line-height:1.85;max-width:600px}
.plan-hero-cta{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:30px}
.plan-soft-link{font-weight:700;font-size:13px;color:#007d9e;border-bottom:1px solid #b5d7d4;display:inline-block;padding-bottom:4px}
.plan-hero-graphic{padding:30px 32px;background:#fff;border-radius:24px;border:1px solid #d4e7e2;box-shadow:0 25px 50px #1649500b}
.plan-hero-graphic .eyebrow{color:#087f9d;margin-bottom:23px}
.plan-graph-row{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center}
.plan-graph-row span{padding:20px 10px;text-align:center;font-weight:700;font-size:14px;border-radius:12px;background:#e8f4f5}
.plan-graph-row:last-of-type span{background:#fff3e4}
.plan-graph-row b{font-weight:500;color:#f6a132;font-size:22px}
.plan-graph-arrow{text-align:center;font-size:26px;color:#008eaf;padding:6px}
.plan-hero-graphic p{font-size:13px;margin:23px 0 0}
.plan-section{padding-top:83px;padding-bottom:85px}
.plan-section-head{max-width:980px;margin-bottom:36px}
.plan-section-head h2{font-size:clamp(31px,3.5vw,52px);margin-bottom:15px}
.plan-section-head>p{font-size:16px;max-width:830px;line-height:1.85}
.plan-format-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.plan-format{padding:25px 22px 28px;background:#fafbf9;border:1px solid #dceae6;border-top:4px solid #008eaf;border-radius:16px;min-width:0}
.plan-format:nth-child(2){border-top-color:#f6a132}.plan-format:nth-child(3){border-top-color:#64b995}.plan-format:nth-child(4){border-top-color:#8c9add}
.plan-format-number{display:inline-block;color:#81999e;font-size:13px}
.plan-acronym{display:block;margin:12px 0 8px;font-size:38px;color:#028fae;letter-spacing:-.05em}
.plan-format h3{font-size:17px;min-height:65px;line-height:1.32;font-weight:700;letter-spacing:-.02em;margin:0 0 14px}
.plan-format p{font-size:13px;line-height:1.65;min-height:115px}
.plan-format ul{padding:10px 0 0 18px;color:#466b72;font-size:12px;line-height:1.6}
.plan-format li{margin-bottom:8px}
.plan-flow-section{background:#123e4b;color:white;padding:74px 0 72px}
.plan-flow-section h2{color:white}.plan-flow-section h2 em{color:#8ad9e8}
.plan-flow-section .eyebrow{color:#a7d7de}
.plan-flow-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.plan-flow-grid>div{border:1px solid #396775;background:#1b4d5c;border-radius:14px;padding:25px 22px}
.plan-flow-grid span{display:block;color:#f6a132;font-size:12px;font-weight:800;margin-bottom:12px}
.plan-flow-grid strong{font-size:17px;line-height:1.35;display:block;min-height:45px}
.plan-flow-grid p{color:#d2e7ea;font-size:13px;line-height:1.65;margin-bottom:0}
.plan-flow-note{color:#c7dadd!important;font-size:13px;margin-top:24px}
.plan-products{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:34px 0 25px}
.plan-products article{background:#fff;border:1px solid #d9e8e5;border-radius:15px;padding:28px 24px;min-width:0;scroll-margin-top:120px}
.plan-products article:nth-child(1){background:#eff7f8}.plan-products article:nth-child(2){background:#f6f7f0}.plan-products article:nth-child(3){background:#fdf4e9}
.plan-products img{display:block;width:80%;height:70px;object-fit:contain;object-position:left center;margin:0 0 18px}
.plan-products h3{font-size:21px;font-weight:700;letter-spacing:-.025em;margin:0 0 12px}
.plan-products p{font-size:13px;line-height:1.8;min-height:145px}
.plan-pills{display:flex;gap:7px;flex-wrap:wrap;margin-top:20px}
.plan-pills span{display:inline-flex;border:1px solid #bed7d3;border-radius:30px;padding:7px 10px;font-size:10px;font-weight:700;color:#46727b}
.plan-users{background:#eff6f4;padding:70px 0}
.plan-users-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.plan-users-grid>div{background:#fff;padding:24px;border:1px solid #d9e8e2;border-radius:14px}
.plan-users-grid strong{font-size:16px}
.plan-users-grid p{font-size:13px;margin-bottom:0}
.plan-last-call{display:flex;gap:35px;align-items:center;justify-content:space-between;padding-top:77px;padding-bottom:90px}
.plan-last-call h2{font-size:clamp(31px,3vw,44px)}.plan-last-call p{max-width:650px;font-size:15px}
.plan-last-call .button{white-space:nowrap}
@media(max-width:1080px){.planning-teaser-grid{gap:30px}.plan-format-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.plan-format h3,.plan-format p{min-height:0}.plan-products p{min-height:0}}
@media(max-width:800px){.planning-teaser-grid,.plan-hero-grid{grid-template-columns:1fr;gap:26px}.planning-teaser{padding:45px 0}.plan-hero{padding:55px 0}.plan-flow-grid{grid-template-columns:1fr 1fr}.plan-products{grid-template-columns:1fr}.plan-products img{width:min(300px,75%)}.plan-users-grid{grid-template-columns:1fr 1fr}.plan-context-link,.plan-last-call{display:block}.plan-last-call .button{margin-top:22px}}
@media(max-width:520px){.planning-teaser-items{gap:8px}.planning-teaser-board{padding:20px}.planning-teaser-items>div{padding:15px 12px;min-height:130px}.planning-teaser-items b{font-size:22px}.plan-format-grid,.plan-flow-grid,.plan-users-grid{grid-template-columns:1fr}.plan-section{padding-top:58px;padding-bottom:60px}.plan-hero-graphic{padding:22px 18px}.plan-context-link{padding:24px}.plan-format{padding:24px}}
