/* V0.5.0 — Aprender */
.learn-page{background:#f7fbff}.learn-hero{min-height:350px;background:linear-gradient(108deg,#eaf8df 0%,#f5fcff 58%,#e2f3ff 100%);position:relative;overflow:hidden}.learn-hero .hero-content{min-height:350px}.learn-hero-copy{max-width:560px;z-index:3;padding:22px 0 28px}.learn-kicker{display:inline-flex;align-items:center;gap:7px;color:#4f9e20;font-size:12px;font-weight:800;margin-bottom:8px}.learn-hero-copy h1{margin:0;color:#153572;font-size:42px;line-height:1.08;font-weight:800;letter-spacing:-.03em}.learn-hero-copy h1 span{color:#51a628}.learn-hero-copy p{max-width:500px;margin:12px 0 18px;color:#355272;font-size:14px;line-height:1.55;font-weight:600}.learn-hero-art{position:absolute;right:3%;bottom:-5px;width:min(520px,42vw);max-height:350px;object-fit:contain;object-position:bottom right;z-index:2}.learn-hero-cta{display:inline-flex;height:44px;align-items:center;padding:0 22px;border-radius:22px;background:linear-gradient(#65bc34,#489c20);color:#fff;text-decoration:none;font-size:12px;font-weight:800;box-shadow:0 5px 12px rgba(70,150,35,.22)}.learn-breadcrumb{min-height:34px;display:flex;align-items:center;gap:8px;padding:5px 10px;color:#536b8b;font-size:11px;font-weight:600}.learn-breadcrumb a{color:#286cb3;text-decoration:none}.learn-filterbar{margin-top:4px;min-height:66px;background:#fff;border-radius:20px;box-shadow:0 5px 18px rgba(41,85,120,.08);display:grid;grid-template-columns:minmax(500px,1.35fr) minmax(260px,.65fr) minmax(250px,.65fr);align-items:center;gap:18px;padding:10px 20px}.learn-filter-group{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.learn-filter-label,.learn-filter-select label{color:#183660;font-size:11px;font-weight:800;white-space:nowrap}.learn-filter{height:36px;padding:0 16px;border-radius:20px;border:1px solid #d7e4ee;background:#fff;color:#234165;font-family:inherit;font-size:11px;font-weight:700;cursor:pointer}.learn-filter.active{border-color:#4fa425;background:linear-gradient(#6abc3b,#4a9d22);color:#fff}.learn-filter-select{display:flex;align-items:center;gap:10px;border-left:1px solid #e3ebf1;padding-left:18px}.learn-filter-select select{width:100%;height:38px;border:1px solid #dce7ef;border-radius:19px;background:#fff;color:#203b64;padding:0 14px;font-family:inherit;font-size:11px;font-weight:700}.learn-section{margin-top:18px}.learn-section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px}.learn-section-heading h2{margin:0;color:#102958;font-size:22px}.learn-section-heading h2 span{color:#57a92d}.learn-section-heading p{margin:0;color:#72839a;font-size:10px}.learn-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.learn-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 12px rgba(32,66,96,.08);transition:transform .18s ease;display:flex}.learn-card:hover{transform:translateY(-3px)}.learn-card.is-hidden{display:none}.learn-card-link{text-decoration:none;color:inherit;display:flex;flex-direction:column;width:100%}.learn-thumb{aspect-ratio:1.36;overflow:hidden;background:#eff8ea;display:flex;align-items:center;justify-content:center}.learn-thumb img{width:100%;height:100%;object-fit:contain}.learn-card-body{padding:13px 14px 14px;display:flex;flex-direction:column;gap:8px;flex:1}.learn-card-body h3{margin:0;color:#102958;font-size:14px;line-height:1.25}.learn-card-body p{margin:0;color:#5d718b;font-size:10px;line-height:1.45}.learn-meta{display:flex;justify-content:space-between;align-items:center;margin-top:auto;font-size:10px;color:#50657e}.learn-age{border-radius:14px;padding:5px 9px;font-size:9px;font-weight:800}.learn-age-green{background:#e9f8db;color:#34721e}.learn-age-blue{background:#e4f1ff;color:#2368b7}.learn-banner{margin-top:18px;min-height:76px;border-radius:18px;background:linear-gradient(90deg,#e6f7d9,#f1fae9);display:grid;grid-template-columns:66px 1fr 170px;align-items:center;gap:12px;padding:10px 22px}.learn-banner-icon{font-size:32px;text-align:center}.learn-banner div:nth-child(2){display:flex;flex-direction:column}.learn-banner strong{color:#33731d;font-size:17px}.learn-banner span{color:#5d7891;font-size:10px}.learn-banner a{height:40px;border-radius:20px;display:flex;align-items:center;justify-content:center;background:linear-gradient(#65bc34,#489c20);color:#fff;text-decoration:none;font-size:11px;font-weight:800}.learn-page .newsletter-live{margin-top:12px}@media(max-width:1180px){.learn-filterbar{grid-template-columns:1fr 1fr}.learn-filter-group{grid-column:1/-1}.learn-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.learn-hero-art{width:45vw}}@media(max-width:760px){.learn-hero{min-height:470px}.learn-hero .hero-content{min-height:470px}.learn-hero-copy{padding:24px 0 0}.learn-hero-copy h1{font-size:34px}.learn-hero-copy p{font-size:12px}.learn-hero-art{width:88vw;max-height:260px;right:-8%;bottom:0}.learn-filterbar{grid-template-columns:1fr}.learn-filter-group{grid-column:auto}.learn-filter-select{border-left:0;padding-left:0}.learn-grid{grid-template-columns:1fr}.learn-banner{grid-template-columns:50px 1fr}.learn-banner a{grid-column:1/-1}}

/* Hero padronizado com a mesma composição visual de Histórias do Edu. */
.learn-shared-copy{text-align:center;color:#102958;max-width:650px}
.learn-shared-overline{margin:0 0 5px;color:#3b8e25;font-size:18px;font-weight:800}
.learn-shared-copy h1{margin:0;color:#0e6ede;font-size:44px;line-height:1.03;font-weight:800;letter-spacing:-.04em;text-shadow:-2px -2px 0 #fff,2px -2px 0 #fff,-2px 2px 0 #fff,2px 2px 0 #fff,0 4px 10px rgba(25,77,120,.13)}
.learn-shared-copy h1 span{background:linear-gradient(90deg,#0c6fe1 0%,#52ad20 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.learn-shared-copy p{margin:10px auto 13px;max-width:510px;font-size:13px;line-height:1.45;font-weight:700;color:#163461}
@media(max-width:1180px){.learn-shared-copy h1{font-size:38px}.learn-shared-overline{font-size:15px}}
@media(max-width:640px){.learn-shared-copy h1{font-size:31px}.learn-shared-copy p{font-size:11px}.learn-shared-overline{font-size:13px}}

.learn-shared-title-art{display:block;width:min(650px,100%);height:auto;filter:none}