/* Educa+ Digital · camada edtech (alinhada ao novo design VELO; cores e tipografia mantidas) */
:root{--ring:0 0 0 1px rgba(10,18,53,.06),0 0 0 7px #FFF,0 0 0 8px rgba(10,18,53,.05);--ease-out:cubic-bezier(.23,1,.32,1)}
a{color:var(--b600)}a:hover{color:var(--b700)}

/* hero emoldurado */
.hero{padding:18px 0 40px;overflow:visible}
.hero-frame{position:relative;border-radius:36px;padding:clamp(28px,4vw,56px);background:radial-gradient(70% 80% at 0% 0%,color-mix(in oklab,var(--b200) 55%,#fff) 0%,transparent 60%),radial-gradient(60% 70% at 100% 100%,color-mix(in oklab,var(--b300) 30%,#fff) 0%,transparent 65%),linear-gradient(160deg,var(--b100),#F8FAFF);box-shadow:0 0 0 8px #FFF,0 0 0 9px rgba(10,18,53,.06),0 40px 70px -50px rgba(10,18,53,.45)}

/* título em blocos inclinados */
.hero-title{font-size:clamp(32px,3.9vw,52px);line-height:1.05;display:flex;flex-direction:column;align-items:flex-start;gap:0;margin:4px 0 6px}
.hero-title .hl{display:block;position:relative}
.hero-title .hl+.hl{margin-top:-.04em}
.hero-title .hl:nth-child(2){z-index:1}
.hero-title .hl>span{display:inline-block;padding:.1em .45em .15em;border-radius:999px;background:rgba(255,255,255,.82);box-shadow:0 0 0 1px rgba(10,18,53,.04),0 12px 26px -20px rgba(10,18,53,.4);color:var(--b800)}
.hero-title .hl:nth-child(1)>span{transform:rotate(-1deg)}
.hero-title .hl:nth-child(2)>span{transform:translateX(.55em) rotate(1.1deg)}
.hero-title .hl:nth-child(3)>span{transform:translateX(.15em) rotate(-.6deg)}

/* botão com círculo */
.btn-arrow{padding:6px 6px 6px 22px;gap:14px;background:var(--b900)}
.btn-arrow:hover{background:var(--b800)}
.btn-arrow-c{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#FFF;color:var(--b900);transition:transform .2s var(--ease-out)}
@media (hover:hover) and (pointer:fine){.btn-arrow:hover .btn-arrow-c{transform:translateX(2px)}}
.btn:active{transform:scale(.97)}

/* cards flutuantes do hero */
.hero-shot{padding:0!important;background:none!important;border:0!important;border-radius:28px!important;box-shadow:0 0 0 8px #FFF,0 0 0 9px rgba(10,18,53,.06),0 40px 70px -40px rgba(10,18,53,.4)!important;transform:none!important}
.hero-shot::after{display:none}
.hero-shot .mock-photo{border-radius:28px;aspect-ratio:4/3.6}
.hero-cube3d{display:none}
.hx-card{position:absolute;z-index:4;display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-radius:20px;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 0 1px rgba(10,18,53,.05),0 0 0 5px rgba(255,255,255,.55),0 24px 40px -22px rgba(10,18,53,.45);transform:translate3d(var(--px,0),var(--py,0),0);animation:hxFloat 6s ease-in-out infinite}
.hx-card--a{top:8%;left:-8%;min-width:190px}
.hx-card--b{bottom:10%;right:-6%;flex-direction:row;align-items:center;gap:12px;animation-duration:7s;animation-delay:-2.5s}
.hx-lbl{display:block;font-family:'JetBrains Mono',monospace;font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--b600)}
.hx-txt{display:block;font-family:'Space Grotesk',sans-serif;font-size:16px;font-weight:600;color:var(--b900)}
.hx-bar{display:block;height:6px;margin-top:6px;border-radius:99px;background:var(--b100);overflow:hidden}
.hx-bar i{display:block;width:33%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--b400),var(--b600))}
.hx-ic{width:38px;height:38px;flex-shrink:0;border-radius:12px;display:grid;place-items:center;color:#FFF;background:radial-gradient(120% 90% at 30% 15%,var(--b300) 0%,var(--b500) 50%,var(--b700) 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 8px 14px -6px rgba(31,51,217,.5)}
@keyframes hxFloat{0%,100%{translate:0 0}50%{translate:0 -10px}}
@media (max-width:1000px){.hx-card--a{left:0}.hx-card--b{right:0}}
@media (prefers-reduced-motion:reduce){.hx-card{animation:none}}

/* rótulos em pílula */
.eyebrow{display:inline-flex;align-self:flex-start;align-items:center;padding:7px 14px;border-radius:999px;background:#FFF;box-shadow:0 0 0 1px rgba(10,18,53,.07),0 8px 18px -12px rgba(10,18,53,.3)}
.section-ink .eyebrow{background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}

/* cards com moldura dupla */
.card,.vaar-card,.sec-card{border:0!important;border-radius:24px!important;box-shadow:var(--ring),0 26px 44px -32px rgba(10,18,53,.35)!important}
.section:not(.section-ink) .card{background:linear-gradient(180deg,#F5F8FF 0%,#FFF 70%)}
.card-hover{transition:transform .25s var(--ease-out)}
.card-hover:hover{transform:translateY(-4px)}
.section-ink .card{box-shadow:0 0 0 1px rgba(255,255,255,.14),0 0 0 7px rgba(255,255,255,.04)!important}

/* FAQ no estilo das referências */
.faq-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,4vw,64px);align-items:start}
.faq-grid .sec-head{position:sticky;top:110px}
.faq-orb{position:relative;display:block;width:150px;height:110px;margin-top:20px}
.faq-orb i{position:absolute;border-radius:28px 28px 28px 8px;background:radial-gradient(circle at 30% 25%,color-mix(in oklab,var(--b200) 70%,#fff) 0%,var(--b400) 45%,var(--b700) 100%);box-shadow:inset -8px -12px 24px rgba(10,18,53,.3),inset 6px 8px 16px rgba(255,255,255,.4),0 20px 30px -16px rgba(31,51,217,.5)}
.faq-orb i:nth-child(1){width:110px;height:76px;left:0;top:26px}
.faq-orb i:nth-child(2){width:96px;height:66px;left:50px;top:0;border-radius:26px 26px 8px 26px;opacity:.75}
.acc{border:0;display:flex;flex-direction:column;gap:14px}
.acc-item{border:0;border-radius:22px;padding:0 24px;background:linear-gradient(180deg,#F5F8FF,#FFF);box-shadow:var(--ring),0 20px 36px -30px rgba(10,18,53,.35)}
.acc-q{padding:22px 0;font-size:18px}
.acc-item.open{background:radial-gradient(80% 120% at 0% 0%,color-mix(in oklab,var(--b200) 60%,#fff) 0%,#FFF 70%)}
.acc-a{padding:0 0 22px;font-size:15.5px;color:var(--b800)}

/* fecho em painel claro */
.fecho-panel{align-items:center!important;text-align:center;padding:clamp(40px,6vw,80px) 24px;border-radius:36px;background:radial-gradient(60% 80% at 50% 0%,color-mix(in oklab,var(--b300) 40%,#fff) 0%,transparent 70%),linear-gradient(180deg,#F8FAFF,var(--b100));box-shadow:0 0 0 8px #FFF,0 0 0 9px rgba(10,18,53,.06),0 40px 70px -50px rgba(10,18,53,.45)}
.fecho-panel .eyebrow{align-self:center}
.fecho-panel .h-1{color:var(--b900)}

/* painéis arredondados para seções com fundo */
.section-sky>.wrap,.section-ink#diferencial>.wrap{position:relative}
@media (max-width:860px){.faq-grid{grid-template-columns:1fr}.faq-grid .sec-head{position:static}.hero-title .hl:nth-child(2)>span{transform:rotate(1.2deg)}}

/* mais limpo e compacto */
:root{--ring:0 0 0 1px rgba(10,18,53,.07);--soft:0 14px 30px -24px rgba(10,18,53,.3)}
.section{padding:clamp(44px,5.5vw,76px) 0}
.sec-head{gap:10px;margin-bottom:clamp(20px,2.4vw,34px)}
.h-1{font-size:clamp(26px,2.9vw,38px);line-height:1.15}
.lead{font-size:16.5px}
.grid{gap:14px}
.card,.vaar-card,.sec-card{box-shadow:var(--ring),var(--soft)!important;border-radius:20px!important}
.section:not(.section-ink) .card{background:#FFF}
.card{padding:20px 22px;gap:9px}
.hero-frame{box-shadow:0 0 0 1px rgba(10,18,53,.06)!important;padding:clamp(24px,3.4vw,44px)}
.hero-stats{gap:12px;margin-top:28px}
.hero-stat{min-height:0;padding:18px 16px;background:#FFF!important;box-shadow:var(--ring),var(--soft)!important}
.hero-stat b{color:var(--b700);text-shadow:none;font-size:clamp(20px,2vw,26px)}
.hero-stat span{color:var(--dim)!important}
.hero-stat:hover{transform:none;box-shadow:var(--ring),var(--soft)!important}
.hero-shot{box-shadow:0 0 0 1px rgba(10,18,53,.06),0 30px 50px -36px rgba(10,18,53,.4)!important}
.hx-card{box-shadow:0 0 0 1px rgba(10,18,53,.06),0 18px 32px -20px rgba(10,18,53,.4)}
.acc{gap:10px}
.acc-item{box-shadow:var(--ring);background:#FFF}
.acc-q{padding:18px 0;font-size:17px}
.fecho-panel{box-shadow:0 0 0 1px rgba(10,18,53,.06)!important;padding:clamp(32px,4.5vw,56px) 24px}
.eyebrow{box-shadow:0 0 0 1px rgba(10,18,53,.08)}

/* páginas internas: hero azul em painel arredondado */
.fh{margin:18px clamp(12px,2vw,28px) 0;border-radius:36px;box-shadow:0 0 0 1px rgba(10,18,53,.06),0 30px 60px -40px rgba(10,18,53,.5)}
.fh::after{display:none}
.fh .eyebrow,.section-ink .eyebrow{background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
.fh .glass{border-radius:22px}
@media (max-width:700px){.fh{margin:10px 8px 0;border-radius:26px}}

/* ecossistema: do professor ao aluno */
.ed-eco{border-radius:32px;padding:clamp(28px,4vw,52px);background:radial-gradient(70% 80% at 100% 0%,color-mix(in oklab,var(--b200) 55%,#fff) 0%,transparent 60%),radial-gradient(60% 70% at 0% 100%,color-mix(in oklab,var(--b300) 25%,#fff) 0%,transparent 65%),linear-gradient(160deg,var(--b100),#F8FAFF);box-shadow:0 0 0 1px rgba(10,18,53,.06)}
.ed-eco-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,4vw,56px);align-items:center}
.ed-eco .h-1 .grad{display:inline}
.ed-eco-list{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}
.ed-eco-list li{display:flex;align-items:center;gap:12px;font-size:15.5px;font-weight:600;color:var(--b900)}
.ed-eco-list li>span{width:30px;height:30px;flex-shrink:0;border-radius:10px;display:grid;place-items:center;color:#FFF;background:radial-gradient(120% 90% at 30% 15%,var(--b300) 0%,var(--b500) 50%,var(--b700) 100%)}
.ed-eco-vis{position:relative;padding:28px 0}
.ed-eco-win{position:relative;border-radius:18px;overflow:hidden;background:#FFF;box-shadow:0 0 0 1px rgba(10,18,53,.07),0 30px 60px -34px rgba(10,18,53,.45)}
.ed-eco-bar{display:flex;align-items:center;gap:6px;padding:9px 12px;background:#F4F6FB;box-shadow:inset 0 -1px 0 rgba(10,18,53,.06)}
.ed-eco-bar i{width:9px;height:9px;border-radius:50%;background:rgba(10,18,53,.14)}
.ed-eco-bar span{margin-left:10px;font-family:'JetBrains Mono',monospace;font-size:10.5px;color:rgba(10,18,53,.5);letter-spacing:.02em}
.ed-shot{position:relative;aspect-ratio:924/540;overflow:hidden;background:#F5F4EF}
.ed-shot-z{position:absolute;inset:0;transition:transform .45s cubic-bezier(.77,0,.175,1)}
.ed-shot-z.is-zoom{transform:scale(1.12);transition-duration:.55s}
.ed-shot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top left;opacity:0;transition:opacity .4s ease}
.ed-shot img.is-on{opacity:1}
.ed-tap{position:absolute;z-index:2;width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;background:rgba(42,91,255,.22);box-shadow:0 0 0 2px rgba(42,91,255,.55);opacity:0;pointer-events:none}
.ed-tap.is-tap{animation:edTap .6s cubic-bezier(.23,1,.32,1)}
@keyframes edTap{0%{opacity:0;transform:scale(.6)}30%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.25)}}
.ed-eco-card{position:absolute;z-index:3;display:flex;flex-direction:column;gap:3px;max-width:220px;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.96);box-shadow:0 0 0 1px rgba(10,18,53,.06),0 18px 32px -20px rgba(10,18,53,.4);animation:hxFloat 6s ease-in-out infinite}
.ed-eco-card b{font-family:'JetBrains Mono',monospace;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--b600)}
.ed-eco-card span{font-family:'Space Grotesk',sans-serif;font-size:14.5px;font-weight:600;line-height:1.3;color:var(--b900)}
.ed-eco-card--a{top:34%;left:-22px}
.ed-eco-card--b{bottom:0;right:-14px;animation-duration:7s;animation-delay:-2.5s}
@media (max-width:900px){.ed-eco-grid{grid-template-columns:1fr}.ed-eco-card--a{left:8px}.ed-eco-card--b{right:8px}}
@media (prefers-reduced-motion:reduce){.ed-eco-card{animation:none}.ed-shot-z{transition:none}.ed-tap{display:none}}