
:root{--p:#1f294c;--s:#c8e4f6;--m:#f2f5f5;--white:#fff;--text:#48516b;--border:#e2e8ef;--shadow:0 16px 40px rgba(31,41,76,.10);--shadow2:0 25px 55px rgba(31,41,76,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;font-family:"Segoe UI",Inter,Arial,sans-serif;color:var(--p);background:#fff;overflow-x:hidden}a{text-decoration:none;color:inherit}button{font:inherit}.container{width:min(1180px,calc(100% - 32px));margin:auto}.narrow{max-width:760px}.header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.91);backdrop-filter:blur(13px);border-bottom:1px solid rgba(226,232,239,.8)}.header-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:10px;min-width:170px}.brand-mark{width:42px;height:42px;border-radius:14px;background:var(--p);color:#fff;display:grid;place-items:center;font-weight:900;font-size:23px}.brand span:last-child{display:flex;flex-direction:column;line-height:.86}.brand b{font-size:9px;letter-spacing:.24em}.brand strong{font-size:24px;letter-spacing:.02em}.nav{display:flex;align-items:center;gap:21px;font-size:13px;font-weight:600}.nav>a:not(.btn){opacity:.76}.nav>a:hover{opacity:1}.menu-btn{display:none;border:1px solid var(--border);background:#fff;border-radius:12px;width:44px;height:44px;color:var(--p);font-size:22px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:12px 24px;border:0;border-radius:999px;background:var(--p);color:#fff;font-weight:700;font-size:14px;cursor:pointer;transition:.2s transform,.2s opacity,.2s background}.btn:hover{transform:translateY(-2px);opacity:.93}.btn.small{min-height:42px;padding:10px 17px;font-size:12px}.btn-light{background:var(--s);color:var(--p)}.btn-outline{background:rgba(255,255,255,.7);border:1px solid rgba(31,41,76,.22);color:var(--p)}.btn-dark-outline{background:transparent;border:1px solid rgba(200,228,246,.34);color:var(--s)}.full{width:100%}.section{padding:92px 0}.muted{background:var(--m)}.deep{background:linear-gradient(145deg,#1f294c,#2b3a67);color:#fff}.hero{background:linear-gradient(145deg,#f8fbfd,#dceef8);padding:84px 0 78px}.hero-grid,.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:66px}.hero h1{font-size:clamp(42px,5vw,68px);line-height:1.03;letter-spacing:-.045em;margin:22px 0 18px;max-width:680px}.hero-copy>p,.split>div>p{font-size:18px;line-height:1.7;color:#5b6680;max-width:600px}.eyebrow-pill,.section-pill{display:inline-flex;align-items:center;gap:7px;border-radius:999px;background:var(--s);padding:8px 14px;font-size:12px;text-transform:uppercase;letter-spacing:.06em;font-weight:800}.eyebrow-pill{text-transform:none;background:rgba(255,255,255,.7);border:1px solid rgba(31,41,76,.1)}.eyebrow-pill svg{width:15px;height:15px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:34px}.badges span{display:flex;align-items:center;gap:7px;background:rgba(255,255,255,.85);border-radius:999px;padding:10px 14px;font-size:12px;font-weight:700;box-shadow:var(--shadow)}.badges svg{width:16px;height:16px}.hero-media{position:relative}.hero-media:before{content:"";position:absolute;inset:8%;background:#fff;filter:blur(45px);border-radius:40px}.hero-media img,.rounded-img{position:relative;width:100%;display:block;border-radius:32px;object-fit:cover;box-shadow:var(--shadow2)}.section-head{text-align:center;max-width:770px;margin:0 auto 52px}.section-head h2,.split h2,.narrow h2{font-size:clamp(32px,4vw,46px);line-height:1.08;letter-spacing:-.035em;margin:20px 0 14px}.section-head p,.narrow>p{color:var(--text);font-size:16px;line-height:1.7}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card,.benefit,.faq-item{background:#fff;border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow)}.card{padding:28px;display:flex;flex-direction:column}.card h3{font-size:19px;margin:18px 0 9px}.card p{color:var(--text);line-height:1.65;font-size:14px;flex:1}.icon-box{width:50px;height:50px;border-radius:16px;background:var(--s);display:grid;place-items:center}.icon-box svg,.benefit svg,.dark-card svg,.big-icon svg,.pos-count svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8}.card .btn{margin-top:18px}.benefits{display:grid;grid-template-columns:1fr 1fr;gap:16px}.benefit{min-height:155px;padding:26px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:17px}.benefit svg{color:var(--p)}.benefit b{font-size:14px}.top-gap{margin-top:28px}.info-panel{margin:50px 0 38px;border-radius:30px;background:rgba(200,228,246,.45);padding:34px}.info-panel h3{font-size:24px;margin:0 0 24px}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.info-grid div{background:rgba(255,255,255,.82);border-radius:16px;padding:16px;color:#44506c;font-size:14px;line-height:1.55}.course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.course-item{min-height:50px;border:1px solid var(--border);border-radius:16px;background:#fff;padding:13px 15px;display:flex;align-items:center;gap:10px;font-size:13px;font-weight:650;min-width:0}.course-item span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.check{opacity:.65}.collapsible .course-item:nth-child(n+10){display:none}.collapsible.expanded .course-item{display:flex}.center{text-align:center}.expand{margin-top:24px}.deep h2{color:#fff}.deep p{color:rgba(255,255,255,.72)}.dark-pill{background:rgba(200,228,246,.13);color:var(--s)}.dark-cards{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:48px 0}.dark-card{border:1px solid rgba(200,228,246,.18);background:rgba(255,255,255,.05);border-radius:24px;padding:28px}.dark-card svg{color:var(--s)}.dark-card h3{margin:15px 0 10px}.dark-card ul{padding:0;list-style:none;color:rgba(255,255,255,.72);line-height:1.8;font-size:14px}.dark-card small{color:rgba(255,255,255,.48)}.courses-title{text-align:center;margin:0 0 22px}.dark-grid .course-item{background:rgba(255,255,255,.055);border-color:rgba(200,228,246,.18);color:#fff}.pos-count{max-width:450px;margin:-15px auto 36px;background:var(--s);padding:18px 22px;border-radius:18px;display:flex;justify-content:center;align-items:center;gap:11px}.pos-grid{margin-top:20px}.mini-book{width:18px;height:18px}.mini-book svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}.big-icon{display:block;margin:auto;width:44px;height:44px}.four-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.num{font-weight:900;font-size:42px;color:rgba(31,41,76,.16)}.cta-panel{max-width:980px;padding:62px 45px;border-radius:40px;background:linear-gradient(145deg,#1f294c,#2b3a67);color:#fff;text-align:center}.cta-panel h2{font-size:clamp(30px,4vw,44px);margin:0}.cta-panel p{color:rgba(255,255,255,.72);font-size:16px}.faq-section{padding-top:36px}.faq-list{display:flex;flex-direction:column;gap:12px}.faq-item{overflow:hidden}.faq-q{width:100%;border:0;background:#fff;color:var(--p);display:flex;justify-content:space-between;gap:18px;padding:21px 24px;text-align:left;font-weight:700;cursor:pointer}.chev{font-size:20px;transition:.2s transform}.faq-q[aria-expanded=true] .chev{transform:rotate(180deg)}.faq-a{display:grid;grid-template-rows:0fr;opacity:0;transition:.28s}.faq-a p{overflow:hidden;margin:0;padding:0 24px;color:var(--text);line-height:1.7;font-size:14px}.faq-a.open{grid-template-rows:1fr;opacity:1}.faq-a.open p{padding-bottom:22px}.footer{background:#1f294c;color:#fff}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:50px;padding-top:58px;padding-bottom:50px}.brand-white .brand-mark{background:var(--s);color:var(--p)}.brand-white b,.brand-white strong{color:#fff}.footer p,.footer a{color:rgba(255,255,255,.68);font-size:14px;line-height:1.7}.footer h3{color:var(--s);text-transform:uppercase;font-size:12px;letter-spacing:.08em}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:10px}.copyright{text-align:center;border-top:1px solid rgba(255,255,255,.1);padding:22px;color:rgba(255,255,255,.45);font-size:12px}.wa-float{position:fixed;z-index:90;right:20px;bottom:20px;width:58px;height:58px;border-radius:50%;background:#25D366;color:#fff;display:grid;place-items:center;box-shadow:var(--shadow2);transition:.2s}.wa-float:hover{transform:scale(1.06)}.wa-float svg{width:30px;height:30px}.reveal{
  opacity:0;
  transform:translateY(24px);
  transition-property:opacity,transform;
  transition-duration:700ms;
  transition-timing-function:ease-out;
  transition-delay:var(--reveal-delay,0ms);
}
.reveal.visible{
  opacity:1;
  transform:translateY(0);
}
svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:1020px){.nav{position:absolute;top:78px;left:0;right:0;background:#fff;border-bottom:1px solid var(--border);padding:16px;display:none;flex-direction:column;align-items:stretch;gap:3px}.nav.open{display:flex}.nav>a:not(.btn){padding:11px 8px}.menu-btn{display:block}.hero-grid,.split{grid-template-columns:1fr;gap:42px}.hero-media{max-width:720px;margin:auto}.cards{grid-template-columns:repeat(2,1fr)}.four-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}
@media(max-width:720px){.container{width:min(100% - 24px,1180px)}.section{padding:70px 0}.hero{padding:58px 0}.hero h1{font-size:40px}.hero-copy>p,.split>div>p{font-size:16px}.actions{flex-direction:column}.actions .btn{width:100%}.badges{flex-direction:column;align-items:flex-start}.cards,.benefits,.info-grid,.course-grid,.dark-cards,.four-grid,.steps,.footer-grid{grid-template-columns:1fr}.info-panel{padding:24px 18px}.course-item span:last-child{white-space:normal}.competence-top{gap:30px}.cta-panel{padding:46px 20px;border-radius:28px}.footer-grid>div:first-child{grid-column:auto}.footer-links{grid-template-columns:1fr 1fr}.brand strong{font-size:21px}.header-inner{min-height:72px}.nav{top:72px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.reveal{opacity:1;transform:none}}


/* Logos oficiais Grupo Eduka */
.logo-link{display:inline-flex;align-items:center;min-width:0}
.site-logo{display:block;width:auto;object-fit:contain}
.site-logo-header{height:58px;max-width:230px}
.site-logo-footer{height:86px;max-width:330px}
@media(max-width:720px){
  .site-logo-header{height:48px;max-width:190px}
  .site-logo-footer{height:70px;max-width:270px}
}




/* ==========================================================
   Fidelidade visual ao projeto original da Lovable
   Fonte original: Plus Jakarta Sans
   ========================================================== */

html{
  scroll-padding-top:5rem;
}

body{
  font-family:"Plus Jakarta Sans",ui-sans-serif,system-ui,-apple-system,
              BlinkMacSystemFont,"Segoe UI",sans-serif !important;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

/* A Lovable usa max-w-7xl (1280px) */
.container{
  width:min(1280px,calc(100% - 32px));
}

/* Header original */
.header{
  background:rgba(255,255,255,.85);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
.header-inner{
  min-height:auto;
  padding-top:12px;
  padding-bottom:12px;
}
.site-logo-header{
  height:64px;
  max-width:260px;
}
.nav{
  gap:24px;
  font-size:14px;
  font-weight:500;
}
.nav>a:not(.btn){
  opacity:.75;
}
.btn.small{
  min-height:44px;
  padding:10px 20px;
  font-size:14px;
}

/* Botões iguais ao padrão do projeto */
.btn{
  min-height:48px;
  padding:12px 24px;
  font-size:14px;
  font-weight:600;
}
.btn:hover{
  transform:translateY(-2px);
}

/* Hero: medidas equivalentes às classes Tailwind usadas na Lovable */
.hero{
  padding:96px 0;
}
.hero-grid,.split{
  gap:48px;
}
.hero h1{
  max-width:none;
  margin:24px 0 0;
  font-size:60px;
  line-height:1.10;
  font-weight:800;
  letter-spacing:-.025em;
}
.hero-copy>p{
  margin-top:20px;
  max-width:576px;
  font-size:18px;
  line-height:1.625;
}
.eyebrow-pill{
  padding:6px 16px;
  font-size:12px;
  font-weight:600;
  letter-spacing:0;
}
.actions{
  margin-top:32px;
  gap:12px;
}
.badges{
  margin-top:40px;
  gap:10px;
}
.badges span{
  padding:8px 16px;
  font-size:14px;
  font-weight:600;
}
.hero-media img,.rounded-img{
  border-radius:32px;
  box-shadow:0 2px 6px rgba(31,41,76,.06),
             0 24px 48px -18px rgba(31,41,76,.22);
}

/* Seções: py-20 / sm:py-24 */
.section{
  padding:96px 0;
}
.section-head{
  max-width:768px;
  margin:0 auto 56px;
}
.section-head h2,.split h2,.narrow h2{
  margin:20px 0 0;
  font-size:36px;
  line-height:1.25;
  font-weight:800;
  letter-spacing:-.025em;
}
.section-head p,.narrow>p,.split>div>p{
  margin-top:16px;
  font-size:16px;
  line-height:1.625;
}
.section-pill{
  padding:6px 16px;
  font-size:12px;
  font-weight:600;
  letter-spacing:.025em;
}

/* Cards */
.cards{
  gap:24px;
}
.card{
  padding:28px;
  border-radius:20px;
  box-shadow:0 1px 2px rgba(31,41,76,.04),
             0 12px 32px -12px rgba(31,41,76,.14);
}
.card:hover{
  transform:translateY(-4px);
  box-shadow:0 2px 6px rgba(31,41,76,.06),
             0 24px 48px -18px rgba(31,41,76,.22);
}
.card h3{
  margin:20px 0 0;
  font-size:20px;
  font-weight:700;
}
.card p{
  margin-top:12px;
  font-size:14px;
  line-height:1.625;
}
.icon-box{
  width:48px;
  height:48px;
  border-radius:16px;
}
.card .btn{
  margin-top:24px;
}

/* EJA */
.benefits{
  gap:16px;
}
.benefit{
  min-height:0;
  padding:24px;
  gap:0;
  border-radius:20px;
}
.benefit b{
  margin-top:16px;
  font-size:14px;
  font-weight:600;
}
.top-gap{
  margin-top:32px;
}

/* Técnicos regulares */
.info-panel{
  margin:56px 0 48px;
  padding:40px;
  border-radius:32px;
}
.info-panel h3{
  margin:0 0 24px;
  font-size:24px;
  font-weight:700;
}
.info-grid{
  gap:16px;
}
.info-grid div{
  padding:16px;
  border-radius:16px;
  font-size:14px;
  line-height:1.625;
}
.course-grid{
  gap:12px;
}
.course-item{
  min-height:auto;
  padding:14px 16px;
  border-radius:16px;
  font-size:14px;
  font-weight:500;
}
.expand{
  margin-top:32px;
}

/* Competência */
.deep{
  background:linear-gradient(150deg,#1f294c 0%,#2b3a67 100%);
}
.competence-top{
  gap:48px !important;
}
.deep .competence-top > div > p{
  color:rgba(255,255,255,.75) !important;
}
.deep h2{
  font-size:36px;
  line-height:1.25;
  font-weight:800;
  letter-spacing:-.025em;
}
.dark-pill{
  padding:6px 16px;
  font-size:12px;
  font-weight:600;
}
.dark-cards{
  margin:56px 0;
  gap:24px;
}
.dark-card{
  padding:28px;
  border-radius:24px;
}
.dark-card h3{
  margin:16px 0 0;
  font-size:18px;
  font-weight:700;
}
.dark-card p,
.dark-card ul{
  margin-top:12px;
  line-height:1.625;
}
.courses-title{
  margin-bottom:24px;
  font-size:18px;
  font-weight:700;
}

/* Pós */
.pos-count{
  max-width:448px;
  margin:-8px auto 48px;
  padding:20px 24px;
  border-radius:16px;
}
.pos-count p,
.pos-count b{
  font-weight:700;
}
.pos-grid{
  margin-top:0;
}

/* Diferenciais e Como funciona */
.four-grid{
  gap:24px;
}
.steps{
  gap:24px;
}
.num{
  font-size:36px;
  font-weight:800;
}

/* CTA principal */
.cta-panel{
  max-width:1024px;
  padding:64px 48px;
  border-radius:40px;
}
.cta-panel h2{
  font-size:36px;
  line-height:1.25;
  font-weight:800;
  letter-spacing:-.025em;
}
.cta-panel p{
  margin-top:16px;
  font-size:16px;
}

/* FAQ */
.faq-section{
  padding-top:0;
  padding-bottom:96px;
}
.faq-list{
  margin-top:48px;
}
.faq-q{
  padding:20px 24px;
  font-size:16px;
  font-weight:600;
}
.faq-a p{
  font-size:14px;
  line-height:1.625;
}

/* Footer original: logo menor, equivalente a h-12 */
.footer-grid{
  gap:40px;
  padding-top:64px;
  padding-bottom:64px;
}
.site-logo-footer{
  height:48px;
  max-width:240px;
}
.footer h3{
  font-size:14px;
  font-weight:700;
}
.footer p,.footer a{
  font-size:14px;
  line-height:1.625;
}
.copyright{
  padding:24px 0;
}

/* Textos secundários mais próximos do muted-foreground original */
.hero-copy>p,
.split>div>p,
.section-head p,
.narrow>p,
.card p,
.faq-a p{
  color:#687087;
}

/* Tablet */
@media(max-width:1020px){
  .site-logo-header{
    height:56px;
  }
  .hero{
    padding:64px 0;
  }
  .hero h1{
    font-size:48px;
  }
  .section{
    padding:80px 0;
  }
}

/* Mobile — equivale aproximadamente às classes padrão/sm do original */
@media(max-width:720px){
  .container{
    width:min(100% - 32px,1280px);
  }
  .site-logo-header{
    height:48px;
    max-width:210px;
  }
  .site-logo-footer{
    height:48px;
    max-width:240px;
  }
  .hero{
    padding:64px 0;
  }
  .hero h1{
    font-size:36px;
    line-height:1.10;
  }
  .hero-copy>p{
    font-size:16px;
  }
  .section{
    padding:80px 0;
  }
  .section-head h2,.split h2,.narrow h2,.deep h2{
    font-size:30px;
    line-height:1.25;
  }
  .info-panel{
    padding:28px;
  }
  .cta-panel{
    padding:64px 24px;
  }
  .cta-panel h2{
    font-size:30px;
  }
  .footer-grid{
    padding-top:64px;
    padding-bottom:64px;
  }
}


/* ==========================================================
   Ícone do WhatsApp nos botões de contato
   Aplica automaticamente em links .btn que apontam para wa.me
   ========================================================== */

a.btn[href*="wa.me"]{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
}

a.btn[href*="wa.me"]::before{
  content:"";
  flex:0 0 18px;
  width:18px;
  height:18px;
  display:inline-block;
  background-color:currentColor;
  -webkit-mask-repeat:no-repeat;
  -webkit-mask-position:center;
  -webkit-mask-size:contain;
  mask-repeat:no-repeat;
  mask-position:center;
  mask-size:contain;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 0 1-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 0 1-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 0 1 2.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 0 1-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 0 1-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 0 1 2.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884'/%3E%3C/svg%3E");
}

a.btn[href*="wa.me"] > span{
  display:inline-flex;
  align-items:center;
}


/* Correção do botão do WhatsApp no rodapé */
.footer a.btn,
.footer a.btn:visited,
.footer .btn-light,
.footer .btn-light:visited{
  color: var(--p) !important;
}
.footer a.btn:hover,
.footer .btn-light:hover{
  color: var(--p) !important;
}


/* ==========================================================
   Animações equivalentes ao projeto original da Lovable
   ========================================================== */

/* Hero original: animate-rise 0.7s cubic-bezier(0.22,1,0.36,1) */
@keyframes eduka-rise{
  from{
    opacity:0;
    transform:translateY(24px);
  }
  to{
    opacity:1;
    transform:none;
  }
}

.animate-rise{
  animation:eduka-rise 700ms cubic-bezier(.22,1,.36,1) both;
}

/* Hover sutil dos cards, como no projeto original */
.card,
.pos-card,
.benefit,
.dark-card,
.info-panel{
  transition:
    transform 300ms ease,
    box-shadow 300ms ease,
    border-color 300ms ease,
    background-color 300ms ease;
}

.card:hover,
.pos-card:hover{
  transform:translateY(-4px);
}

.benefit:hover{
  transform:translateY(-2px);
}

/* Botões: movimento de 2px equivalente a hover:-translate-y-0.5 */
.btn{
  transition:
    transform 200ms ease,
    opacity 200ms ease,
    background-color 200ms ease,
    color 200ms ease,
    border-color 200ms ease;
}

.btn:hover{
  transform:translateY(-2px);
}

/* FAQ mantém abertura suave */
.faq-a{
  transition:
    grid-template-rows 280ms ease,
    opacity 280ms ease;
}

/* Respeita usuários que preferem movimento reduzido */
@media (prefers-reduced-motion: reduce){
  html{
    scroll-behavior:auto;
  }
  .animate-rise{
    animation:none !important;
  }
  .reveal{
    opacity:1 !important;
    transform:none !important;
    transition:none !important;
  }
  .btn,
  .card,
  .pos-card,
  .benefit,
  .dark-card,
  .info-panel{
    transition:none !important;
  }
}
