/* Camada de aprimoramento da versão institucional. Pode ser enfileirada separadamente no WordPress. */
:root{--ease-out:cubic-bezier(.16,1,.3,1)}
body{overflow-x:hidden}
.paid-course-note .price{display:flex;align-items:baseline;gap:9px;margin:5px 0 10px;color:var(--orange-deep)}.paid-course-note .price span{font:700 18px/1 var(--display)}.paid-course-note .price b{font:700 30px/1 var(--display);letter-spacing:-.04em}.investment-strip h2 strong{font-weight:800;color:#102249}
.investment-strip{margin-top:28px;margin-bottom:24px;background:linear-gradient(110deg,#ff862e,#ffab68);color:#102249;border-radius:12px;padding:27px 34px;display:flex;align-items:center;justify-content:space-between;gap:36px;box-shadow:0 18px 45px #ef702526}.investment-strip .eyebrow{color:#102249;opacity:.72}.investment-strip h2{font:700 clamp(21px,2vw,29px)/1.15 var(--display);letter-spacing:-.035em;margin:6px 0 8px}.investment-strip p{max-width:760px;margin:0;font-size:14px;line-height:1.65}.investment-strip>a{flex:none;background:#102249;color:white;border-radius:999px;padding:13px 19px;font-size:12px;font-weight:800;transition:transform .25s,background .25s}.investment-strip>a:hover{transform:translateY(-3px);background:#17396e}.paid-course-note{margin-top:32px;border-left:4px solid var(--orange);background:var(--paper);padding:20px 23px;border-radius:0 8px 8px 0}.paid-course-note strong{display:block;font-size:14px;color:var(--blue);margin-bottom:7px}.paid-course-note p{font-size:13px;line-height:1.65;margin:0}.portrait-fallback{height:100%;min-height:320px;display:grid;place-items:center;background:linear-gradient(145deg,#102249,#225183);color:#ff9a50;font:700 58px/1 var(--display);letter-spacing:-.06em}
@media(max-width:760px){.investment-strip{display:block;margin-top:18px;padding:24px 22px;border-radius:8px}.investment-strip>a{display:inline-block;margin-top:17px}.portrait-fallback{min-height:270px}}
.page-head .wrap>*{opacity:0;transform:translateY(22px);animation:hero-enter .78s var(--ease-out) forwards}.page-head .breadcrumb{animation-delay:.06s}.page-head .eyebrow{animation-delay:.14s}.page-head h1{animation-delay:.22s}.page-head p{animation-delay:.32s}
.home-hero .hero-copy>*{opacity:0;transform:translateY(26px);animation:hero-enter .8s var(--ease-out) forwards}.home-hero .hero-copy>*:nth-child(1){animation-delay:.08s}.home-hero .hero-copy>*:nth-child(2){animation-delay:.16s}.home-hero .hero-copy>*:nth-child(3){animation-delay:.25s}.home-hero .hero-copy>*:nth-child(4){animation-delay:.34s}.home-hero .hero-copy>*:nth-child(5){animation-delay:.42s}.home-hero .hero-copy>*:nth-child(6){animation-delay:.5s}.hero-visual{opacity:0;transform:translateX(34px) scale(.97);animation:visual-enter 1s .2s var(--ease-out) forwards}
@keyframes hero-enter{to{opacity:1;transform:none}}@keyframes visual-enter{to{opacity:1;transform:none}}
.js-motion .motion-card,.js-motion .section-heading,.js-motion .value,.js-motion .person,.js-motion .module-row,.js-motion .faq-item,.js-motion .journey article,.js-motion .contact-main,.js-motion .schedule-row{opacity:0;transform:translateY(34px);transition:opacity .72s var(--ease-out),transform .72s var(--ease-out)}.js-motion .in-view{opacity:1;transform:none}.js-motion .stagger-2{transition-delay:.08s}.js-motion .stagger-3{transition-delay:.16s}.js-motion .stagger-4{transition-delay:.24s}
.value,.person,.calendar-card,.journey article,.contact-team article{will-change:transform}.value:hover,.person:hover,.calendar-card:hover,.journey article:hover{transform:translateY(-8px)}.value:hover{box-shadow:0 24px 55px #071c3c18}.calendar-card{position:relative;overflow:hidden}.calendar-card:after{content:'';position:absolute;width:170px;height:170px;border-radius:50%;background:#ff862e12;right:-95px;bottom:-105px;transition:transform .6s var(--ease-out)}.calendar-card:hover:after{transform:scale(1.7)}
.contact-team{display:grid;gap:14px}.contact-team article{position:relative;margin:0;padding:24px 26px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(145deg,#fff,#f8faff);box-shadow:0 12px 32px #10224908;overflow:hidden;animation:contact-rise .65s var(--ease-out) both;transition:transform .35s var(--ease-out),box-shadow .35s var(--ease-out),border-color .35s}.contact-team article:nth-child(2){animation-delay:.1s}.contact-team article:nth-child(3){animation-delay:.2s}.contact-team article:before{content:'';position:absolute;inset:0 auto 0 0;width:3px;background:var(--orange);transform:scaleY(0);transform-origin:bottom;transition:transform .35s var(--ease-out)}.contact-team article:hover{transform:translateX(7px);box-shadow:0 18px 42px #10224912;border-color:#f2c29f}.contact-team article:hover:before{transform:scaleY(1)}.contact-team h3{margin-bottom:8px}.contact-team p{margin-bottom:12px}.contact-team small{display:inline-flex;padding:7px 11px;border-radius:999px;background:#fff1e7;color:#9b480f}.contact-team a span{display:inline-block;transition:transform .25s}.contact-team a:hover span{transform:translate(3px,-3px)}@keyframes contact-rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
.js-motion .journey article.in-view{opacity:1;transform:none}.js-motion .journey article.in-view:hover{transform:translateY(-8px)}
.button{isolation:isolate}.button:before{content:'';position:absolute;inset:0;background:#fff;transform:translateX(-105%) skewX(-15deg);transition:transform .55s var(--ease-out);opacity:.16;z-index:-1}.button:hover:before{transform:translateX(105%) skewX(-15deg)}
.schedule-section{padding-top:64px}.schedule-toolbar{display:flex;justify-content:space-between;align-items:end;gap:30px;background:linear-gradient(135deg,#102249,#17396e);color:white;padding:35px 40px;border-radius:10px;margin-bottom:25px;position:relative;overflow:hidden}.schedule-toolbar:after{content:'';position:absolute;width:240px;height:240px;border:45px solid #ffffff08;border-radius:50%;right:-80px;top:-110px}.schedule-toolbar .eyebrow{color:#ffad71;margin-bottom:12px}.schedule-toolbar h2{font-size:30px;margin:0;position:relative;z-index:1}.schedule-meta{display:flex;flex-direction:column;gap:7px;align-items:flex-end;position:relative;z-index:1}.schedule-meta span{background:#ffffff12;border:1px solid #ffffff18;border-radius:30px;padding:7px 13px;font-size:11px;color:#d4deee}.year-jump{display:flex;gap:8px;margin:0 0 30px;overflow-x:auto;padding:3px 0}.year-filter{border:1px solid var(--line);background:white;color:var(--blue);border-radius:30px;padding:10px 20px;font-size:13px;font-weight:700;transition:.25s;white-space:nowrap}.year-filter:hover,.year-filter.active{background:var(--orange);border-color:var(--orange);color:#162743}.schedule-list{display:grid;gap:11px}.schedule-row{display:grid;grid-template-columns:82px minmax(0,1fr) 190px;gap:26px;align-items:center;border:1px solid var(--line);background:white;padding:18px 23px;border-radius:9px;position:relative;transition:transform .3s,box-shadow .3s,border-color .3s}.schedule-row:before{content:'';position:absolute;left:-1px;top:14px;bottom:14px;width:3px;background:var(--orange);transform:scaleY(0);transition:transform .35s var(--ease-out);transform-origin:center}.schedule-row:hover{transform:translateX(7px);border-color:#edc09d;box-shadow:0 13px 30px #1022490d}.schedule-row:hover:before{transform:scaleY(1)}.schedule-date{text-align:center;border-right:1px solid var(--line);padding-right:22px}.schedule-date span{display:block;color:var(--orange-deep);font-size:10px;font-weight:800;letter-spacing:.15em}.schedule-date strong{font:500 32px/1 var(--display);display:block;margin-top:3px}.schedule-index{font-size:9px;font-weight:800;letter-spacing:.12em;color:var(--muted)}.schedule-copy h2{font:700 16px/1.35 var(--font);letter-spacing:-.025em;margin:4px 0 5px}.schedule-copy p{font-size:12px;color:var(--muted);margin:0}.schedule-period{text-align:right}.schedule-period small{display:block;font-size:8px;letter-spacing:.12em;color:var(--muted);margin-bottom:6px}.schedule-period strong{font-size:11px}.schedule-foot{display:flex;justify-content:space-between;align-items:center;gap:25px;background:var(--paper);padding:22px 25px;margin-top:25px;border-radius:7px}.schedule-foot p{font-size:12px;color:var(--muted);margin:0}.schedule-foot a{font-size:12px;font-weight:800;white-space:nowrap}.schedule-row[hidden]{display:none}
@media(max-width:760px){.schedule-toolbar{display:block;padding:28px 24px}.schedule-toolbar h2{font-size:25px}.schedule-meta{align-items:flex-start;margin-top:20px}.schedule-row{grid-template-columns:58px minmax(0,1fr);gap:15px;padding:17px 14px}.schedule-date{padding-right:12px}.schedule-date strong{font-size:27px}.schedule-period{grid-column:2;text-align:left;background:var(--paper);padding:8px 10px;border-radius:5px}.schedule-period small{display:inline;margin-right:7px}.schedule-copy h2{font-size:14px}.schedule-foot{display:block}.schedule-foot a{display:block;margin-top:12px}.schedule-row:hover{transform:translateY(-3px)}}
@media(prefers-reduced-motion:reduce){.page-head .wrap>*,.home-hero .hero-copy>*,.hero-visual,.js-motion .motion-card,.js-motion .section-heading,.js-motion .value,.js-motion .person,.js-motion .module-row,.js-motion .faq-item,.js-motion .journey article,.js-motion .contact-main,.js-motion .contact-team article,.js-motion .schedule-row{opacity:1!important;transform:none!important;animation:none!important;transition:none!important}}
/* v0.3.0 — isolamento da página O Curso e refinamentos V14 */
.mbage-dev-page .floating-note:hover strong,.mbage-dev-page .floating-note:focus strong{color:var(--blue)!important}
.mbage-dev-page .page-head a:hover,.mbage-dev-page .page-head a:focus{color:inherit!important}
.mbage-dev-page .audiences span{color:inherit}
.mbage-dev-page .blue-band *{border-color:rgba(255,255,255,.18)}
.mbage-dev-page .journey article:hover h3,.mbage-dev-page .journey article:hover p{color:inherit}
@media(max-width:900px){.mbage-dev-page .two-col{grid-template-columns:1fr}.mbage-dev-page .facts{grid-template-columns:repeat(2,1fr)}.mbage-dev-page .journey{grid-template-columns:1fr}.mbage-dev-page .page-head .head-index{opacity:.035}}
@media(max-width:600px){.mbage-dev-page .facts{grid-template-columns:1fr}.mbage-dev-page .page-head{padding-top:72px}.mbage-dev-page .page-head h1{font-size:clamp(2.5rem,13vw,4.2rem)}}


/* v0.3.1 — fidelidade cromática e tipográfica ao V14; neutraliza estilos do Zilom */
.mbage-dev-page .page-head h1{
  color:#fff!important;
  font-family:var(--display)!important;
  font-weight:500!important;
  letter-spacing:-.055em!important;
}
.mbage-dev-page .page-head h1 em{color:var(--orange)!important;font-weight:500!important}
.mbage-dev-page .blue-band .section-heading h2{
  color:#fff!important;
  font-family:var(--display)!important;
  font-weight:500!important;
  letter-spacing:-.055em!important;
}
.mbage-dev-page .blue-band .section-heading h2 em{color:var(--orange)!important;font-weight:500!important}
/* Reaplica os pesos do protótipo nos títulos que temas legados costumam forçar para bold. */
.mbage-dev-page h1,.mbage-dev-page h2{font-family:var(--display)!important}
.mbage-dev-page h2{font-weight:500}
.mbage-dev-page .hero-copy h1,.mbage-dev-page .hero-copy h1 em{font-weight:500!important}
.mbage-dev-page .hero-caption strong{font-weight:500!important}
.mbage-dev-page .quote-panel blockquote{font-weight:500!important}
.mbage-dev-page .big-stat,.mbage-dev-page .calendar-card h2{font-weight:500!important}
\n/* v0.3.2 — fidelity lock: course typography and colors from V14 */\n.mbage-dev-page .page-head h1{font-family:var(--display)!important;font-weight:500!important;color:#fff!important;letter-spacing:-.055em!important}\n.mbage-dev-page .page-head h1 em{font-family:var(--display)!important;font-weight:500!important;color:var(--orange)!important}\n.mbage-dev-page .prose h3{font-family:var(--font)!important;font-size:23px!important;font-weight:700!important;line-height:1.15!important;letter-spacing:-.025em!important;color:var(--ink)!important}\n.mbage-dev-page .prose p,.mbage-dev-page .check-list li{font-family:var(--font)!important;font-weight:400!important}\n.mbage-dev-page .audiences span{font-family:var(--font)!important;font-weight:400!important}\n.mbage-dev-page .journey h3{font-family:var(--font)!important;font-size:25px!important;font-weight:700!important;line-height:1.15!important;letter-spacing:-.025em!important;color:var(--ink)!important}\n.mbage-dev-page .journey p{font-family:var(--font)!important;font-weight:400!important}\n.mbage-dev-page .journey article>span{font-family:var(--display)!important;font-weight:400!important}\n.mbage-dev-page .blue-band .section-heading h2{font-family:var(--display)!important;font-weight:500!important;color:#fff!important}\n.mbage-dev-page .blue-band .section-heading h2 em{color:var(--orange)!important}\n.mbage-dev-page .facts strong{font-family:var(--display)!important;font-weight:500!important}\n.mbage-dev-page .facts span,.mbage-dev-page .blue-band p{font-family:var(--font)!important;font-weight:400!important}\n
/* v0.4.0 · fidelidade V14 — Módulos */
.mbage-dev-page .filter{color:#637086!important;font-family:'Manrope',sans-serif!important;font-weight:700!important}
.mbage-dev-page .filter:hover,.mbage-dev-page .filter.active{color:#102249!important}
.mbage-dev-page .module-row summary h2{font-family:'Space Grotesk',sans-serif!important;font-weight:600!important;color:#162743!important}
.mbage-dev-page .module-row summary small{font-family:'Manrope',sans-serif!important;font-weight:700!important}
.mbage-dev-page .module-body p,.mbage-dev-page .sticky-note p,.mbage-dev-page .sticky-note small{font-family:'Manrope',sans-serif!important;font-weight:400!important}
.mbage-dev-page .sticky-note h3{font-family:'Space Grotesk',sans-serif!important;font-weight:600!important}

/* v0.5.0 · correção filtros + Professores V14 */
.mbage-dev-page .filter.active,
.mbage-dev-page .filter[aria-pressed="true"]{background:#102249!important;border-color:#102249!important;color:#fff!important}
.mbage-dev-page .filter.active:hover,
.mbage-dev-page .filter[aria-pressed="true"]:hover{color:#fff!important}
.mbage-dev-page .faculty-intro p,.mbage-dev-page .person-copy p,.mbage-dev-page .person-copy details p{font-family:'Manrope',sans-serif!important;font-weight:400!important}
.mbage-dev-page .person-copy h3{font-family:'Manrope',sans-serif!important;font-weight:700!important;color:#162743!important}
.mbage-dev-page .person-copy summary{font-family:'Manrope',sans-serif!important;font-weight:700!important;color:#162743!important}
.mbage-dev-page .portrait>span{font-family:'Manrope',sans-serif!important;font-weight:800!important}
/* v0.5.1 · Professores e edição pela própria página */
.mbage-dev-page .portrait-fallback{width:100%;height:100%;display:grid;place-items:center;background:#e9edf4;color:#102249;font:600 clamp(2.5rem,5vw,4.5rem)/1 'Space Grotesk',sans-serif;letter-spacing:-.05em}
/* v0.6.0 · filtro ativo dos módulos */
.mbage-dev-page .filter.active,
.mbage-dev-page .filter[aria-pressed="true"]{color:#fff!important;background:#102249!important}

/* v0.6.1 · proteção do menu contra estilos do tema legado */
body.mbage-dev-page header #navigation a,body.mbage-dev-page header #navigation a:link,body.mbage-dev-page header #navigation a:visited{color:var(--blue)!important;text-decoration:none!important}
body.mbage-dev-page header #navigation a:hover,body.mbage-dev-page header #navigation a:focus{color:var(--blue)!important;text-decoration:none!important}
body.mbage-dev-page header #navigation a[aria-current="page"],body.mbage-dev-page header #navigation a[aria-current="page"]:hover,body.mbage-dev-page header #navigation a[aria-current="page"]:focus{color:var(--orange-deep)!important}


/* v0.7.1 · fidelidade V14 — Calendários e estados de links */
body.mbage-dev-page .calendar-card.upcoming h2{color:#fff!important}
body.mbage-dev-page .calendar-card.upcoming h2 span{color:var(--orange)!important}
body.mbage-dev-page .calendar-card .button.light,
body.mbage-dev-page .calendar-card .button.light:link,
body.mbage-dev-page .calendar-card .button.light:visited,
body.mbage-dev-page .calendar-card .button.light:hover,
body.mbage-dev-page .calendar-card .button.light:focus{color:var(--blue)!important}
body.mbage-dev-page .calendar-card .button.orange,
body.mbage-dev-page .calendar-card .button.orange:link,
body.mbage-dev-page .calendar-card .button.orange:visited,
body.mbage-dev-page .calendar-card .button.orange:hover,
body.mbage-dev-page .calendar-card .button.orange:focus{color:var(--navy)!important}
body.mbage-dev-page .notice a,
body.mbage-dev-page .notice a:link,
body.mbage-dev-page .notice a:visited,
body.mbage-dev-page .notice a:hover,
body.mbage-dev-page .notice a:focus{color:inherit!important}
body.mbage-dev-page .page-head .breadcrumb a:hover,
body.mbage-dev-page .page-head .breadcrumb a:focus{color:var(--orange)!important}

/* v0.8.1 — fidelidade V14: calendário detalhado e proteção contra estilos do tema */
body.mbage-dev-page .schedule-toolbar h2{color:#fff!important;}
body.mbage-dev-page .schedule-foot a,
body.mbage-dev-page .schedule-foot a:visited,
body.mbage-dev-page .schedule-foot a:hover,
body.mbage-dev-page .schedule-foot a:focus{color:var(--ink)!important;text-decoration:none!important;}

/* v1.2.0 — fidelidade V14: Dúvidas e Inscrições */
body.mbage-dev-page .faq-layout .button.light,body.mbage-dev-page .faq-layout .button.light:link,body.mbage-dev-page .faq-layout .button.light:visited,body.mbage-dev-page .faq-layout .button.light:hover,body.mbage-dev-page .faq-layout .button.light:focus,body.mbage-dev-page .faq-layout .button.light:active{color:var(--blue)!important;text-decoration:none!important;}
body.mbage-dev-page .enroll-card .button.orange,body.mbage-dev-page .enroll-card .button.orange:visited,body.mbage-dev-page .enroll-card .button.orange:hover,body.mbage-dev-page .enroll-card .button.orange:focus{color:var(--navy)!important;}
body.mbage-dev-page .enroll-card .text-link,body.mbage-dev-page .enroll-card .text-link:visited,body.mbage-dev-page .enroll-card .text-link:hover,body.mbage-dev-page .enroll-card .text-link:focus{color:inherit!important;}

/* v1.3.0 — fidelidade V14: Inscrições e Contato */
body.mbage-dev-page .enroll-card h2{color:#fff!important;}
body.mbage-dev-page .contact-main .button.orange,body.mbage-dev-page .contact-main .button.orange:link,body.mbage-dev-page .contact-main .button.orange:visited,body.mbage-dev-page .contact-main .button.orange:hover,body.mbage-dev-page .contact-main .button.orange:focus{color:var(--navy)!important;text-decoration:none!important;}
body.mbage-dev-page .contact-team a,body.mbage-dev-page .contact-team a:link,body.mbage-dev-page .contact-team a:visited{color:var(--muted)!important;}
body.mbage-dev-page .contact-team a:hover,body.mbage-dev-page .contact-team a:focus{color:var(--orange-deep)!important;}


/* v1.4.1 — refinamento mobile global. Desktop permanece inalterado. */
body.mbage-dev-page .brand-mobile{display:none}
body.mbage-dev-page .footer-bottom>a,
body.mbage-dev-page .footer-bottom>a:link,
body.mbage-dev-page .footer-bottom>a:visited{color:#9aa9c3!important}
body.mbage-dev-page .footer-bottom>a:hover,
body.mbage-dev-page .footer-bottom>a:focus{color:var(--orange)!important}

@media(max-width:640px){
  html{scroll-padding-top:72px}
  body.mbage-dev-page .wrap{width:calc(100% - 28px)}
  body.mbage-dev-page .institution .wrap{height:22px}
  body.mbage-dev-page .institution{font-size:7px}
  body.mbage-dev-page .institution a{font-size:8px}

  body.mbage-dev-page>header{transition:transform .28s ease,box-shadow .3s!important}
  body.mbage-dev-page>header.mobile-header-hidden{transform:translateY(calc(-100% - 2px))}
  body.mbage-dev-page>header .nav{height:62px!important;gap:8px!important}
  body.mbage-dev-page>header .brand--header{width:132px!important;margin-right:auto}
  body.mbage-dev-page>header .brand-desktop{display:none!important}
  body.mbage-dev-page>header .brand-mobile{display:block!important;width:132px!important;max-height:45px!important;object-fit:contain!important;object-position:left center}
  body.mbage-dev-page>header .nav-cta{font-size:9px!important;padding:8px 9px!important;margin-left:0!important}
  body.mbage-dev-page>header .menu{order:3!important;margin-left:0!important;padding:9px 0 9px 7px!important}
  body.mbage-dev-page>header .menu span{width:20px}
  body.mbage-dev-page>header .nav nav{top:62px!important;padding:9px 14px 15px!important;text-align:left!important;align-items:flex-start!important}
  body.mbage-dev-page>header .nav nav a{font-size:13px!important;padding:9px 0!important;text-align:left!important}

  body.mbage-dev-page .hero-grid{padding:27px 0 30px!important;gap:22px!important}
  body.mbage-dev-page .hero-copy .eyebrow{font-size:8px!important;margin-bottom:15px!important}
  body.mbage-dev-page .hero-copy h1{font-size:39px!important;line-height:1.01!important;margin-bottom:14px!important}
  body.mbage-dev-page .hero-sub{font-size:18px!important;line-height:1.32!important;margin-bottom:12px!important}
  body.mbage-dev-page .hero-description{font-size:12px!important;line-height:1.65!important}
  body.mbage-dev-page .actions{margin:18px 0 15px!important;gap:7px!important}
  body.mbage-dev-page .actions .button{font-size:9px!important;padding:10px 11px!important;min-height:38px!important}
  body.mbage-dev-page .hero-foot{font-size:8px!important;gap:7px!important;justify-content:space-between!important}
  body.mbage-dev-page .hero-foot span+span{padding-left:7px!important}
  body.mbage-dev-page .hero-visual{height:255px!important;margin:0 10px 0 0!important}
  body.mbage-dev-page .image-window{border-top-left-radius:58px!important}
  body.mbage-dev-page .hero-caption{left:16px!important;bottom:34px!important}
  body.mbage-dev-page .hero-caption>span{font-size:7px!important;margin-bottom:5px!important}
  body.mbage-dev-page .hero-caption strong{font-size:18px!important}
  body.mbage-dev-page .vertical-caption{font-size:7px!important;right:-20px!important}
  body.mbage-dev-page .floating-note{right:-10px!important;bottom:-12px!important;padding:10px 13px!important}
  body.mbage-dev-page .floating-note .small{font-size:7px!important}
  body.mbage-dev-page .floating-note strong{font-size:13px!important}
  body.mbage-dev-page .floating-note strong span{margin-left:14px!important}

  body.mbage-dev-page .pathways>a{padding:14px 0!important;gap:10px!important}
  body.mbage-dev-page .pathways h2{font-size:14px!important;margin-bottom:2px!important}
  body.mbage-dev-page .pathways p{font-size:10px!important}
  body.mbage-dev-page .circle-arrow{width:27px!important;height:27px!important;font-size:11px!important}
  body.mbage-dev-page .ordinal{font-size:9px!important}

  body.mbage-dev-page .section{padding:38px 0!important}
  body.mbage-dev-page .section-heading{gap:12px!important;margin-bottom:20px!important}
  body.mbage-dev-page .section-heading h2{font-size:29px!important}
  body.mbage-dev-page .section-heading p{font-size:12px!important;line-height:1.65!important}
  body.mbage-dev-page .eyebrow{font-size:8px!important;margin-bottom:12px!important}
  body.mbage-dev-page .value-grid{gap:10px!important}
  body.mbage-dev-page .value{padding:18px 16px 15px!important}
  body.mbage-dev-page .number{font-size:27px!important;margin-bottom:10px!important}
  body.mbage-dev-page .value h3{font-size:18px!important;margin-bottom:10px!important}
  body.mbage-dev-page .value p{font-size:11px!important;line-height:1.6!important;margin-bottom:12px!important}
  body.mbage-dev-page .value a{font-size:10px!important;padding-top:12px!important}

  body.mbage-dev-page .testimonials{padding:34px 0!important}
  body.mbage-dev-page .testimonial-layout{gap:12px!important}
  body.mbage-dev-page .testimonial-layout h2{font-size:28px!important;margin-bottom:14px!important;max-width:none!important}
  body.mbage-dev-page .quote-controls button{width:34px!important;height:34px!important;font-size:15px!important}
  body.mbage-dev-page .quote-panel{padding-top:4px!important}
  body.mbage-dev-page .quotation{font-size:42px!important;height:35px!important;display:block}
  body.mbage-dev-page .quote-panel blockquote{font-size:18px!important;line-height:1.45!important;margin-bottom:18px!important}
  body.mbage-dev-page .quote-person img{width:44px!important;height:44px!important}
  body.mbage-dev-page .quote-person strong{font-size:11px!important}
  body.mbage-dev-page .quote-person span,body.mbage-dev-page .quote-panel small{font-size:9px!important}

  body.mbage-dev-page .end-cta{padding:31px 0!important;gap:15px!important}
  body.mbage-dev-page .end-cta h2{font-size:25px!important}
  body.mbage-dev-page .end-cta .button{font-size:10px!important;padding:11px 14px!important}

  body.mbage-dev-page .page-head{padding:18px 0 30px!important}
  body.mbage-dev-page .breadcrumb{margin-bottom:20px!important;font-size:10px!important}
  body.mbage-dev-page .page-head h1{font-size:34px!important;margin-bottom:15px!important}
  body.mbage-dev-page .page-head p{font-size:12px!important;line-height:1.65!important}
  body.mbage-dev-page .head-index{font-size:150px!important}
  body.mbage-dev-page .blue-band{padding:36px 0!important}
  body.mbage-dev-page .two-col,body.mbage-dev-page .module-layout,body.mbage-dev-page .faq-layout,body.mbage-dev-page .contact-grid,body.mbage-dev-page .enrollment-grid{gap:24px!important}
  body.mbage-dev-page .filter-bar{margin-bottom:18px!important;padding-bottom:13px!important}
  body.mbage-dev-page .filter{font-size:10px!important;padding:7px 9px!important}
  body.mbage-dev-page .module-row summary{padding:15px 0!important}
  body.mbage-dev-page .calendar-card{padding:20px!important}
  body.mbage-dev-page .people-grid{gap:9px!important}
  body.mbage-dev-page .person-copy{padding:12px 10px!important}
  body.mbage-dev-page .contact-main,body.mbage-dev-page .enroll-card{padding:21px 18px!important}

  body.mbage-dev-page footer .footer-top{grid-template-columns:1fr 1fr!important;gap:16px 22px!important;padding:25px 0 18px!important}
  body.mbage-dev-page footer .footer-top>div:first-child{display:none!important}
  body.mbage-dev-page footer .footer-top>div:nth-child(2),body.mbage-dev-page footer .footer-top>div:nth-child(3){grid-column:auto!important}
  body.mbage-dev-page footer .footer-label{font-size:8px!important;margin:0 0 10px!important}
  body.mbage-dev-page footer .footer-top>div>a:not(.brand),body.mbage-dev-page footer .footer-top>div>ul>li>a{font-size:10px!important;line-height:1.35!important;margin:6px 0!important}
  body.mbage-dev-page footer .footer-top p{font-size:9px!important;line-height:1.55!important;margin:8px 0!important}
  body.mbage-dev-page footer .ufpr-logo{display:none!important}
  body.mbage-dev-page footer .footer-bottom{min-height:48px!important;padding:12px 38px 12px 0!important;font-size:8px!important;justify-content:flex-start!important;text-align:left!important}
  body.mbage-dev-page footer .footer-bottom>a{right:0!important;width:28px!important;height:28px!important;line-height:26px!important;font-size:15px!important;color:#9aa9c3!important}
}

/* v1.4.1 — refinamentos mobile solicitados */
@media(max-width:640px){
body.mbage-dev-page>header .brand--header{width:142px!important}
body.mbage-dev-page>header .brand-mobile{width:142px!important;max-height:48px!important}
body.mbage-dev-page .hero-caption>span{display:none!important}
body.mbage-dev-page .hero-caption{bottom:27px!important}
body.mbage-dev-page .end-cta{flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:24px 0!important}
body.mbage-dev-page .end-cta>div{min-width:0;flex:1 1 auto}
body.mbage-dev-page .end-cta .eyebrow{font-size:7px!important;margin-bottom:7px!important}
body.mbage-dev-page .end-cta h2{font-size:19px!important;line-height:1.12!important;margin:0!important}
body.mbage-dev-page .end-cta h2 br{display:none!important}
body.mbage-dev-page .end-cta .button{flex:0 0 auto!important;align-self:center!important;font-size:8px!important;line-height:1.2!important;min-height:32px!important;padding:9px 10px!important;white-space:nowrap!important}
}
@media(max-width:370px){body.mbage-dev-page>header .brand--header,body.mbage-dev-page>header .brand-mobile{width:128px!important}body.mbage-dev-page .end-cta{gap:8px!important}body.mbage-dev-page .end-cta h2{font-size:17px!important}body.mbage-dev-page .end-cta .button{font-size:7px!important;padding:8px!important}}

/* v1.4.2 — navegação e escala de botões mobile */
@media(max-width:640px){
  body.mbage-dev-page>header .nav{display:flex!important;align-items:center!important;justify-content:flex-start!important}
  body.mbage-dev-page>header .menu{order:1!important;margin:0 7px 0 0!important;padding:9px 7px 9px 0!important;flex:0 0 auto!important}
  body.mbage-dev-page>header .brand--header{order:2!important;margin:0 auto 0 0!important;flex:0 1 142px!important;min-width:0!important}
  body.mbage-dev-page>header .nav-cta{order:3!important;margin-left:6px!important;flex:0 0 auto!important}

  /* Escala compacta consistente para ações no celular. */
  body.mbage-dev-page .button,
  body.mbage-dev-page a.button,
  body.mbage-dev-page button.button{font-size:8px!important;line-height:1.15!important;padding:8px 10px!important;min-height:34px!important}
  body.mbage-dev-page .actions .button{font-size:8px!important;padding:8px 10px!important;min-height:34px!important}
  body.mbage-dev-page .end-cta .button{font-size:8px!important;padding:8px 10px!important;min-height:32px!important}
}
@media(max-width:370px){
  body.mbage-dev-page>header .menu{margin-right:5px!important}
  body.mbage-dev-page>header .brand--header{flex-basis:122px!important}
  body.mbage-dev-page>header .nav-cta{font-size:8px!important;padding:7px 8px!important;margin-left:4px!important}
  body.mbage-dev-page .button,
  body.mbage-dev-page a.button,
  body.mbage-dev-page button.button,
  body.mbage-dev-page .actions .button{font-size:7.5px!important;padding:7px 9px!important;min-height:32px!important}
}

/* v1.5.0 — sistema global de densidade para páginas internas no mobile.
   Não altera tablet/desktop. */
@media(max-width:640px){
  /* Ritmo e tipografia das páginas internas */
  body.mbage-dev-page:not(.home) .section{padding:28px 0!important}
  body.mbage-dev-page .page-head{padding:14px 0 24px!important}
  body.mbage-dev-page .breadcrumb{margin-bottom:14px!important;font-size:9px!important;gap:8px!important}
  body.mbage-dev-page .page-head .eyebrow{font-size:7.5px!important;margin-bottom:9px!important}
  body.mbage-dev-page .page-head h1{font-size:29px!important;line-height:1.07!important;margin-bottom:10px!important;max-width:94%!important}
  body.mbage-dev-page .page-head p{font-size:11px!important;line-height:1.55!important;max-width:94%!important}
  body.mbage-dev-page .head-index{font-size:112px!important;top:70px!important;opacity:.12!important}
  body.mbage-dev-page .eyebrow{font-size:7.5px!important;margin-bottom:9px!important}

  /* O Curso */
  body.mbage-dev-page .two-col{gap:17px!important}
  body.mbage-dev-page .prose .intro{font-size:16px!important;line-height:1.5!important;margin-bottom:12px!important}
  body.mbage-dev-page .prose p{font-size:11px!important;line-height:1.6!important;margin-bottom:10px!important}
  body.mbage-dev-page .facts{gap:12px!important;padding-top:18px!important}
  body.mbage-dev-page .facts strong{font-size:27px!important}
  body.mbage-dev-page .facts span{font-size:9px!important;line-height:1.35!important}
  body.mbage-dev-page .blue-band{padding:28px 0!important}
  body.mbage-dev-page .journey{gap:11px!important}
  body.mbage-dev-page .journey article{padding-top:12px!important}
  body.mbage-dev-page .journey h3{font-size:17px!important;margin:10px 0 6px!important}
  body.mbage-dev-page .journey p{font-size:10.5px!important;line-height:1.55!important}

  /* Módulos / FAQs — linhas compactas em vez de grandes blocos */
  body.mbage-dev-page .filter-bar{gap:4px!important;margin-bottom:12px!important;padding-bottom:10px!important}
  body.mbage-dev-page .filter{font-size:8.5px!important;padding:6px 8px!important}
  body.mbage-dev-page .results-count{font-size:9px!important;margin-top:5px!important}
  body.mbage-dev-page .module-row summary,body.mbage-dev-page .faq-item summary{gap:9px!important;padding:12px 4px!important}
  body.mbage-dev-page .module-row summary h2,body.mbage-dev-page .faq-item summary h2{font-size:13px!important;line-height:1.3!important;margin:0!important}
  body.mbage-dev-page .module-row summary small{font-size:8px!important}
  body.mbage-dev-page .module-body{padding:0 8px 14px 24px!important}
  body.mbage-dev-page .module-body p,body.mbage-dev-page .answer{font-size:10.5px!important;line-height:1.55!important}
  body.mbage-dev-page .answer{padding:0 10px 14px 4px!important}
  body.mbage-dev-page .faq-layout .sticky-note{padding-bottom:16px!important;margin-bottom:0!important}
  body.mbage-dev-page .sticky-note h2{font-size:22px!important;margin-bottom:8px!important}
  body.mbage-dev-page .sticky-note h3{font-size:18px!important;margin-bottom:7px!important}
  body.mbage-dev-page .sticky-note p{font-size:10.5px!important;line-height:1.55!important}
  body.mbage-dev-page .sticky-note small{font-size:9px!important;line-height:1.45!important;padding-top:12px!important;margin-top:12px!important}

  /* Professores */
  body.mbage-dev-page .faculty-intro{margin-bottom:17px!important}
  body.mbage-dev-page .faculty-intro h2{font-size:23px!important;margin-bottom:8px!important}
  body.mbage-dev-page .faculty-intro p{font-size:10.5px!important;line-height:1.55!important}
  body.mbage-dev-page .annotation{font-size:8.5px!important;line-height:1.45!important;padding:7px 9px!important;margin-top:10px!important}
  body.mbage-dev-page .people-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  body.mbage-dev-page .portrait{aspect-ratio:1.18!important}
  body.mbage-dev-page .portrait>span{font-size:6.5px!important;padding:3px 5px!important}
  body.mbage-dev-page .person-copy{padding:10px 9px!important}
  body.mbage-dev-page .person-copy h3{font-size:13px!important;line-height:1.22!important;min-height:0!important;margin-bottom:5px!important}
  body.mbage-dev-page .person-copy>p{font-size:9px!important;line-height:1.45!important;min-height:0!important;margin-bottom:8px!important}
  body.mbage-dev-page .person-copy details{padding-top:7px!important}
  body.mbage-dev-page .person-copy summary{font-size:8.5px!important}
  body.mbage-dev-page .person-copy details p{font-size:9px!important;line-height:1.45!important;margin-top:7px!important}

  /* Calendários */
  body.mbage-dev-page .calendar-grid{gap:9px!important}
  body.mbage-dev-page .calendar-card{padding:15px!important}
  body.mbage-dev-page .calendar-card .eyebrow{margin-bottom:7px!important}
  body.mbage-dev-page .calendar-card h2{font-size:40px!important;line-height:1!important;margin:10px 0 13px!important}
  body.mbage-dev-page .calendar-card h2 span{font-size:27px!important;margin-left:10px!important}
  body.mbage-dev-page .calendar-card p{font-size:10.5px!important;line-height:1.5!important;margin-bottom:8px!important}
  body.mbage-dev-page .calendar-state{font-size:10px!important;padding-top:12px!important;margin:12px 0 5px!important}
  body.mbage-dev-page .calendar-card .button{margin-top:11px!important;width:auto!important}
  body.mbage-dev-page .notice{margin-top:17px!important;padding:14px 15px!important}
  body.mbage-dev-page .notice p{font-size:10px!important;line-height:1.5!important;margin:4px 0!important}
  body.mbage-dev-page .notice a{font-size:9.5px!important}

  /* Contato / inscrições */
  body.mbage-dev-page .contact-grid,body.mbage-dev-page .enrollment-grid{gap:17px!important}
  body.mbage-dev-page .contact-main,body.mbage-dev-page .enroll-card{padding:16px 14px!important}
  body.mbage-dev-page .contact-main h2{font-size:27px!important;margin-bottom:15px!important}
  body.mbage-dev-page .contact-email{font-size:14px!important}
  body.mbage-dev-page .phone{font-size:15px!important;margin:9px 0!important}
  body.mbage-dev-page .contact-main p,body.mbage-dev-page .enroll-card p,body.mbage-dev-page .enrollment-grid>div>p{font-size:10.5px!important;line-height:1.55!important}
  body.mbage-dev-page .contact-main .button{margin-top:10px!important}
  body.mbage-dev-page .contact-team article{padding:3px 0 14px!important;margin-bottom:12px!important}
  body.mbage-dev-page .contact-team .eyebrow{margin-bottom:6px!important}
  body.mbage-dev-page .contact-team h3{font-size:14px!important;line-height:1.3!important;margin-bottom:5px!important}
  body.mbage-dev-page .contact-team a,body.mbage-dev-page .contact-team p{font-size:10px!important;line-height:1.5!important}
  body.mbage-dev-page .contact-team small{font-size:8.5px!important}
  body.mbage-dev-page .enroll-card h2{font-size:22px!important;margin-bottom:8px!important}
  body.mbage-dev-page .enroll-card>.button{margin:9px 0!important;width:auto!important}
  body.mbage-dev-page .enroll-card>small,body.mbage-dev-page .text-link{font-size:9px!important}
  body.mbage-dev-page .enroll-note{margin-top:13px!important;padding-top:12px!important}
  body.mbage-dev-page .enrollment-facts{gap:6px!important;margin:14px 0 20px!important}
}

/* v1.5.1 · mobile density pass II — internal pages only */
@media (max-width:640px){
  /* The institutional eyebrow between breadcrumb and page title is redundant on mobile. */
  body.mbage-dev-page .page-head>.wrap>.eyebrow{display:none!important}
  body.mbage-dev-page .page-head .breadcrumb{margin-bottom:11px!important}

  /* Contact: use one compact information surface instead of oversized stacked cards. */
  body.mbage-dev-page .contact-grid{display:block!important}
  body.mbage-dev-page .contact-main{padding:14px!important;border-radius:7px!important;margin-bottom:10px!important}
  body.mbage-dev-page .contact-main h2{font-size:22px!important;line-height:1.08!important;margin-bottom:10px!important}
  body.mbage-dev-page .contact-email{font-size:11px!important;line-height:1.4!important}
  body.mbage-dev-page .contact-main .phone{font-size:11px!important;margin:7px 0!important}
  body.mbage-dev-page .contact-main p{font-size:9px!important;line-height:1.45!important;margin-bottom:5px!important}
  body.mbage-dev-page .contact-main .button{margin-top:7px!important}
  body.mbage-dev-page .contact-team{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
  body.mbage-dev-page .contact-team article{border:1px solid var(--line)!important;border-radius:7px!important;padding:10px!important;margin:0!important;min-width:0!important;background:#fff!important}
  body.mbage-dev-page .contact-team article:last-child{grid-column:1/-1!important}
  body.mbage-dev-page .contact-team .eyebrow{font-size:6px!important;margin-bottom:5px!important}
  body.mbage-dev-page .contact-team h3{font-size:10.5px!important;line-height:1.25!important;margin:0 0 4px!important;overflow-wrap:anywhere!important}
  body.mbage-dev-page .contact-team a,body.mbage-dev-page .contact-team p{font-size:8.5px!important;line-height:1.4!important;margin-bottom:3px!important;overflow-wrap:anywhere!important}
  body.mbage-dev-page .contact-team small{font-size:7.5px!important;line-height:1.35!important}

  /* Detailed calendars: compact timeline/list for a phone viewport. */
  body.mbage-dev-page .schedule-section{padding-top:22px!important;padding-bottom:28px!important}
  body.mbage-dev-page .schedule-toolbar{padding:15px!important;margin-bottom:12px!important;border-radius:7px!important}
  body.mbage-dev-page .schedule-toolbar .eyebrow{font-size:6px!important;margin-bottom:6px!important}
  body.mbage-dev-page .schedule-toolbar h2{font-size:19px!important;line-height:1.1!important;max-width:230px!important}
  body.mbage-dev-page .schedule-meta{margin-top:10px!important;display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:5px!important}
  body.mbage-dev-page .schedule-meta span{font-size:7px!important;padding:5px 8px!important}
  body.mbage-dev-page .year-jump{gap:5px!important;margin-bottom:12px!important}
  body.mbage-dev-page .year-filter{font-size:9px!important;padding:7px 11px!important}
  body.mbage-dev-page .schedule-list{gap:7px!important}
  body.mbage-dev-page .schedule-row{grid-template-columns:42px minmax(0,1fr)!important;gap:9px!important;padding:10px!important;border-radius:7px!important;align-items:start!important}
  body.mbage-dev-page .schedule-row:before{top:9px!important;bottom:9px!important}
  body.mbage-dev-page .schedule-date{padding-right:8px!important}
  body.mbage-dev-page .schedule-date span{font-size:6.5px!important}
  body.mbage-dev-page .schedule-date strong{font-size:20px!important;margin-top:2px!important}
  body.mbage-dev-page .schedule-index{font-size:6.5px!important}
  body.mbage-dev-page .schedule-copy h2{font-size:10.5px!important;line-height:1.28!important;margin:2px 0 3px!important}
  body.mbage-dev-page .schedule-copy p{font-size:8px!important;line-height:1.35!important}
  body.mbage-dev-page .schedule-period{grid-column:2!important;padding:5px 7px!important;margin-top:2px!important;border-radius:4px!important;line-height:1.25!important}
  body.mbage-dev-page .schedule-period small{font-size:6px!important;margin-right:4px!important}
  body.mbage-dev-page .schedule-period strong{font-size:7.5px!important}
  body.mbage-dev-page .schedule-foot{padding:10px 11px!important;margin-top:12px!important;border-radius:6px!important}
  body.mbage-dev-page .schedule-foot p,body.mbage-dev-page .schedule-foot a{font-size:8.5px!important;line-height:1.45!important}
  body.mbage-dev-page .schedule-foot a{margin-top:7px!important}
}

/* v1.5.2 · mobile density pass III — Turma 2027 / Inscrições */
@media (max-width:640px){
  body.mbage-dev-page .enrollment-grid{display:block!important;padding-top:22px!important;padding-bottom:26px!important}
  body.mbage-dev-page .enrollment-grid>div>.eyebrow{font-size:6.5px!important;margin-bottom:7px!important}
  body.mbage-dev-page .enrollment-grid>div>h2{font-size:21px!important;line-height:1.08!important;margin:0 0 8px!important}
  body.mbage-dev-page .enrollment-grid>div>p{font-size:8.5px!important;line-height:1.45!important;margin:0 0 10px!important}
  body.mbage-dev-page .enrollment-facts{display:flex!important;flex-wrap:wrap!important;gap:5px!important;margin:10px 0 14px!important}
  body.mbage-dev-page .enrollment-facts span{font-size:7.5px!important;padding:6px 8px!important;min-height:0!important}
  body.mbage-dev-page .enrollment-grid>div>h3{font-size:14px!important;line-height:1.2!important;margin:13px 0 7px!important}
  body.mbage-dev-page .check-list{margin:0 0 12px!important}
  body.mbage-dev-page .check-list li{font-size:8.5px!important;line-height:1.4!important;padding:8px 0 8px 14px!important}
  body.mbage-dev-page .check-list li:before{left:0!important}
  body.mbage-dev-page .paid-course-note{padding:11px 12px!important;margin-top:10px!important;border-left-width:2px!important;border-radius:0 6px 6px 0!important}
  body.mbage-dev-page .paid-course-note>strong{font-size:8px!important}
  body.mbage-dev-page .paid-course-note .price{margin:3px 0 5px!important;gap:5px!important;align-items:baseline!important}
  body.mbage-dev-page .paid-course-note .price span{font-size:11px!important}
  body.mbage-dev-page .paid-course-note .price b{font-size:20px!important;line-height:1!important}
  body.mbage-dev-page .paid-course-note p{font-size:8px!important;line-height:1.4!important;margin:0!important}

  body.mbage-dev-page .enroll-card{margin-top:12px!important;padding:14px!important;border-radius:7px!important}
  body.mbage-dev-page .enroll-card>.eyebrow{font-size:6px!important;margin-bottom:7px!important}
  body.mbage-dev-page .enroll-card h2{font-size:18px!important;line-height:1.08!important;margin:0 0 7px!important}
  body.mbage-dev-page .enroll-card p{font-size:8.5px!important;line-height:1.4!important;margin-bottom:7px!important}
  body.mbage-dev-page .enroll-card>.button{font-size:7.5px!important;min-height:30px!important;padding:7px 9px!important;margin:7px 0!important}
  body.mbage-dev-page .enroll-card>small{display:block!important;font-size:7px!important;line-height:1.4!important;margin-top:2px!important}
  body.mbage-dev-page .enroll-note{margin-top:10px!important;padding-top:9px!important}
  body.mbage-dev-page .enroll-note strong{font-size:9px!important}
  body.mbage-dev-page .enroll-note p{font-size:8px!important;line-height:1.4!important;margin:4px 0 7px!important}
  body.mbage-dev-page .enroll-card .text-link{font-size:8px!important;line-height:1.3!important}
}

/* v1.5.3 · mobile refinement — hero visual callouts */
@media (max-width:640px){
  body.mbage-dev-page .hero-caption{left:12px!important;bottom:23px!important;max-width:145px!important}
  body.mbage-dev-page .hero-caption strong{font-size:14px!important;line-height:1.12!important;letter-spacing:-.035em!important}
  body.mbage-dev-page .floating-note{right:-5px!important;bottom:-7px!important;padding:8px 10px!important;border-radius:4px!important;max-width:132px!important;box-shadow:0 8px 20px #050b1920!important}
  body.mbage-dev-page .floating-note .small{font-size:5.5px!important;line-height:1.25!important;letter-spacing:.08em!important;margin-bottom:5px!important}
  body.mbage-dev-page .floating-note strong{font-size:10.5px!important;line-height:1.22!important;letter-spacing:-.015em!important}
  body.mbage-dev-page .floating-note strong span{font-size:10px!important;margin-left:8px!important}
}
@media (max-width:370px){
  body.mbage-dev-page .hero-caption{max-width:132px!important}
  body.mbage-dev-page .hero-caption strong{font-size:13px!important}
  body.mbage-dev-page .floating-note{max-width:120px!important;padding:7px 9px!important}
  body.mbage-dev-page .floating-note strong{font-size:10px!important}
}

/* v1.5.4 · mobile hero visual — simplified composition */
@media (max-width:640px){
  /* The image already carries the visual narrative on phones; remove the duplicate callout. */
  body.mbage-dev-page .hero-caption{display:none!important}

  /* Compact complementary-training card, anchored to the left side of the photo. */
  body.mbage-dev-page .floating-note{
    left:10px!important;
    right:auto!important;
    bottom:10px!important;
    width:auto!important;
    max-width:112px!important;
    padding:6px 8px!important;
    border-radius:4px!important;
    box-shadow:0 6px 16px #050b191c!important;
  }
  body.mbage-dev-page .floating-note .small{
    font-size:5px!important;
    line-height:1.2!important;
    letter-spacing:.07em!important;
    margin-bottom:4px!important;
  }
  body.mbage-dev-page .floating-note strong{
    font-size:9px!important;
    line-height:1.2!important;
    letter-spacing:-.01em!important;
  }
  body.mbage-dev-page .floating-note strong span{
    font-size:8px!important;
    margin-left:5px!important;
  }
}
@media (max-width:370px){
  body.mbage-dev-page .floating-note{left:8px!important;bottom:8px!important;max-width:104px!important;padding:5px 7px!important}
  body.mbage-dev-page .floating-note strong{font-size:8.5px!important}
}

/* v1.5.5 · SOMENTE MOBILE — refinamentos finais da Home
   Importante: nenhuma regra deste bloco afeta desktop/tablet acima de 640px. */
@media (max-width:640px){
  /* Mantém o conteúdo desktop intacto no HTML e substitui apenas sua apresentação no mobile. */
  body.mbage-dev-page .floating-note{
    left:auto!important;
    right:-5px!important;
    bottom:9px!important;
    width:104px!important;
    max-width:104px!important;
    min-height:0!important;
    padding:8px 10px!important;
    border-radius:4px!important;
    box-shadow:0 6px 16px #050b191c!important;
  }
  body.mbage-dev-page .floating-note .small,
  body.mbage-dev-page .floating-note strong{
    font-size:0!important;
    line-height:1!important;
    letter-spacing:0!important;
    margin:0!important;
  }
  body.mbage-dev-page .floating-note .small{display:block!important}
  body.mbage-dev-page .floating-note .small::after{
    content:'Certificação';
    display:block;
    color:var(--blue);
    font:700 9px/1.15 var(--font);
    letter-spacing:0;
    text-transform:none;
    margin:0 0 5px;
  }
  body.mbage-dev-page .floating-note strong{display:block!important}
  body.mbage-dev-page .floating-note strong::before{
    content:'Yellow Belt';
    color:var(--orange-deep);
    font:800 10px/1.15 var(--font);
    letter-spacing:0;
  }
  body.mbage-dev-page .floating-note strong span{
    display:inline!important;
    color:var(--orange-deep)!important;
    font-size:9px!important;
    line-height:1!important;
    margin-left:4px!important;
  }

  /* Depoimentos: densidade compatível com o restante da experiência mobile. */
  body.mbage-dev-page .testimonials{padding:28px 0!important}
  body.mbage-dev-page .testimonial-layout{gap:8px!important}
  body.mbage-dev-page .testimonial-layout h2{font-size:25px!important;line-height:1.08!important;margin-bottom:11px!important}
  body.mbage-dev-page .quote-controls button{width:31px!important;height:31px!important;font-size:13px!important}
  body.mbage-dev-page .quote-controls>span{font-size:9px!important;margin-left:8px!important}
  body.mbage-dev-page .quotation{font-size:35px!important;height:28px!important;line-height:.9!important}
  body.mbage-dev-page .quote-panel blockquote{font-size:15px!important;line-height:1.42!important;margin-bottom:14px!important;letter-spacing:-.018em!important}
  body.mbage-dev-page .quote-person{gap:10px!important}
  body.mbage-dev-page .quote-person img{width:38px!important;height:38px!important}
  body.mbage-dev-page .quote-person strong{font-size:10px!important}
  body.mbage-dev-page .quote-person span{font-size:8px!important;line-height:1.35!important}
  body.mbage-dev-page .quote-panel small{display:none!important}
}
@media (max-width:370px){
  body.mbage-dev-page .floating-note{right:-3px!important;width:96px!important;max-width:96px!important;padding:7px 8px!important}
  body.mbage-dev-page .floating-note .small::after{font-size:8.5px!important}
  body.mbage-dev-page .floating-note strong::before{font-size:9.5px!important}
  body.mbage-dev-page .quote-panel blockquote{font-size:14px!important}
}

/* v1.5.6 — final: cabeçalhos internos + hovers de contato */
/* O identificador institucional entre breadcrumb e título é redundante em todas as telas. */
body.mbage-dev-page .page-head > .wrap > .eyebrow{display:none!important;}
body.mbage-dev-page .page-head{padding:27px 0 50px!important;}
body.mbage-dev-page .page-head .breadcrumb{margin-bottom:24px!important;}

/* Contato: preservar as cores do projeto também nos estados interativos. */
body.mbage-dev-page .contact-main .contact-email:hover,
body.mbage-dev-page .contact-main .contact-email:focus,
body.mbage-dev-page .contact-main .contact-email:active,
body.mbage-dev-page .contact-main .phone:hover,
body.mbage-dev-page .contact-main .phone:focus,
body.mbage-dev-page .contact-main .phone:active{color:var(--orange-deep)!important;text-decoration:none!important;}

@media(max-width:640px){
  body.mbage-dev-page .page-head{padding:18px 0 32px!important;}
  body.mbage-dev-page .page-head .breadcrumb{margin-bottom:18px!important;}
}

/* v1.5.7 · identidade visual editável sem alterar o layout padrão */
body.mbage-dev-page>header .brand--header{width:var(--mbage-logo-desktop,395px)!important}
body.mbage-dev-page footer .brand--footer{width:var(--mbage-footer-logo,270px)!important}
@media(max-width:640px){
 body.mbage-dev-page>header .brand--header{width:var(--mbage-logo-mobile,142px)!important}
 body.mbage-dev-page>header .brand-mobile{width:100%!important;max-width:100%!important}
}
@media(max-width:370px){body.mbage-dev-page>header .brand--header{width:min(var(--mbage-logo-mobile,142px),128px)!important}}


/* v1.6.5 · SOMENTE MOBILE — O Curso + setas tipográficas em pseudo-elementos */
@media (max-width:640px){
  /* O Curso: mesma escala compacta consolidada nas demais páginas internas. */
  body.mbage-dev-page .two-col{display:block!important}
  body.mbage-dev-page .side-note{margin-bottom:14px!important}
  body.mbage-dev-page .side-note h2{font-size:19px!important;line-height:1.12!important;margin:0!important}
  body.mbage-dev-page .course-seal{width:72px!important;height:72px!important;margin-top:14px!important}
  body.mbage-dev-page .prose .intro{font-size:13px!important;line-height:1.5!important;margin:0 0 9px!important}
  body.mbage-dev-page .prose p{font-size:9.5px!important;line-height:1.55!important;margin:0 0 9px!important}
  body.mbage-dev-page .prose h3{font-size:16px!important;line-height:1.15!important;margin:18px 0 8px!important}
  body.mbage-dev-page .audiences{gap:5px!important;margin:7px 0 0!important}
  body.mbage-dev-page .audiences span{font-size:8.5px!important;line-height:1.2!important;padding:6px 8px!important;border-radius:4px!important}
  body.mbage-dev-page .check-list{margin:4px 0 0!important}
  body.mbage-dev-page .check-list li{font-size:9.5px!important;line-height:1.45!important;padding:9px 0 9px 15px!important}
  body.mbage-dev-page .check-list li:before{
    content:'\2197\FE0E'!important;
    font-family:Arial,Helvetica,sans-serif!important;
    font-size:9px!important;
    line-height:1!important;
    top:11px!important;
  }
  body.mbage-dev-page .blue-band{padding:25px 0!important}
  body.mbage-dev-page .blue-band .section-heading{margin-bottom:18px!important}
  body.mbage-dev-page .blue-band .section-heading h2{font-size:22px!important;line-height:1.1!important}
  body.mbage-dev-page .blue-band .section-heading p{font-size:9.5px!important;line-height:1.5!important}
  body.mbage-dev-page .facts{grid-template-columns:repeat(2,1fr)!important;gap:12px 8px!important;padding-top:15px!important}
  body.mbage-dev-page .facts strong{font-size:24px!important}
  body.mbage-dev-page .facts span{font-size:8px!important}
  body.mbage-dev-page .journey{grid-template-columns:1fr!important;gap:9px!important}
  body.mbage-dev-page .journey article{padding-top:9px!important}
  body.mbage-dev-page .journey h3{font-size:15px!important;margin:7px 0 4px!important}
  body.mbage-dev-page .journey p{font-size:9px!important;line-height:1.45!important;margin:0!important}

  /* Demais setas geradas por CSS também não podem cair no emoji do sistema. */
  body.mbage-dev-page .check-list li:before,
  body.mbage-dev-page [class*="arrow"]:before,
  body.mbage-dev-page [class*="arrow"]:after{font-variant-emoji:text!important}
}


/* v1.6.6 · compatibilidade pontual com Hello Elementor — sem alteração de layout */
/* Os filtros de Módulos mantêm integralmente os estados visuais do projeto. */
body.mbage-dev-page button.filter,
body.mbage-dev-page button.filter:link,
body.mbage-dev-page button.filter:visited,
body.mbage-dev-page button.filter:focus,
body.mbage-dev-page button.filter:active{
  background:var(--paper)!important;
  border:1px solid transparent!important;
  color:var(--muted)!important;
  box-shadow:none!important;
  text-decoration:none!important;
}
body.mbage-dev-page button.filter:hover{
  background:var(--paper)!important;
  border-color:var(--orange)!important;
  color:var(--blue)!important;
}
body.mbage-dev-page button.filter.active,
body.mbage-dev-page button.filter[aria-pressed="true"],
body.mbage-dev-page button.filter.active:hover,
body.mbage-dev-page button.filter.active:focus,
body.mbage-dev-page button.filter.active:active,
body.mbage-dev-page button.filter[aria-pressed="true"]:hover,
body.mbage-dev-page button.filter[aria-pressed="true"]:focus,
body.mbage-dev-page button.filter[aria-pressed="true"]:active{
  background:var(--blue)!important;
  border-color:var(--blue)!important;
  color:#fff!important;
  box-shadow:none!important;
}

/* O botão mobile é desenhado pelo próprio plugin; neutraliza apenas a aparência padrão do tema. */
body.mbage-dev-page>header button.menu,
body.mbage-dev-page>header button.menu:hover,
body.mbage-dev-page>header button.menu:focus,
body.mbage-dev-page>header button.menu:active,
body.mbage-dev-page>header button.menu[aria-expanded="true"]{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  color:var(--blue)!important;
  box-shadow:none!important;
  text-decoration:none!important;
}
body.mbage-dev-page>header button.menu:focus:not(:focus-visible){outline:none!important}
@media (hover:none){body.mbage-dev-page>header button.menu:focus-visible{outline:none!important}}


/* v1.6.8 — refinamentos pontuais da página Professores */
/* O sinal do acordeão acompanha os demais componentes expansíveis do site. */
body.mbage-dev-page .person-copy details summary>span{
  display:inline-block;
  transform-origin:50% 50%;
  transition:transform .25s ease;
}
body.mbage-dev-page .person-copy details[open] summary>span{
  transform:rotate(45deg);
}

/* Moldura interna discreta nas fotografias, sem alterar medidas ou recorte dos cards. */
body.mbage-dev-page .person .portrait::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  border:2px solid rgba(16,34,73,.88);
  border-top:3px solid var(--orange);
  border-radius:2px 2px 0 0;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.28);
}
body.mbage-dev-page .person .portrait>span{
  z-index:3;
}

/* v1.6.9 — Professores: cards horizontais (frontend בלבד) */
/* Escopo restrito à grade de docentes. Mantém conteúdo, edição e comportamento do acordeão. */
body.mbage-dev-page .people-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
}
body.mbage-dev-page .people-grid .person{
  position:relative;
  display:grid;
  grid-template-columns:178px minmax(0,1fr);
  align-items:center;
  min-height:190px;
  padding:18px 22px 18px 18px;
  overflow:visible;
  background:linear-gradient(145deg,#fff 0%,#fbfcfe 100%);
  border:1px solid var(--line);
  border-radius:9px;
  box-shadow:0 5px 18px rgba(16,34,73,.045);
  transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;
}
body.mbage-dev-page .people-grid .person::before{
  content:"";
  position:absolute;
  inset:-1px auto -1px -1px;
  width:3px;
  border-radius:9px 0 0 9px;
  background:var(--blue);
  opacity:0;
  transform:scaleY(.45);
  transition:opacity .28s ease,transform .28s ease;
}
body.mbage-dev-page .people-grid .person:hover{
  transform:translateY(-4px);
  border-color:rgba(16,34,73,.22);
  box-shadow:0 16px 34px rgba(16,34,73,.10);
}
body.mbage-dev-page .people-grid .person:hover::before{
  opacity:1;
  transform:scaleY(1);
}

/* Retrato circular, menor, com moldura no azul institucional. */
body.mbage-dev-page .people-grid .portrait{
  width:146px;
  height:146px;
  aspect-ratio:1;
  overflow:visible;
  align-self:center;
  justify-self:start;
  border-radius:50%;
  background:var(--paper);
}
body.mbage-dev-page .people-grid .portrait img,
body.mbage-dev-page .people-grid .portrait .portrait-fallback{
  width:100%;
  height:100%;
  border-radius:50%;
  object-fit:cover;
  object-position:50% 40%;
  overflow:hidden;
  transition:transform .45s ease,filter .45s ease;
}
body.mbage-dev-page .people-grid .portrait::after{
  content:"";
  position:absolute;
  inset:-7px;
  z-index:2;
  pointer-events:none;
  border:3px solid var(--blue);
  border-radius:50%;
  box-shadow:none;
}
/* Pequena interrupção estilizada da moldura, inspirada na referência, sem trocar o azul. */
body.mbage-dev-page .people-grid .portrait::before{
  content:"";
  position:absolute;
  z-index:3;
  top:-9px;
  right:15px;
  width:25px;
  height:7px;
  background:#fff;
  transform:rotate(28deg);
  pointer-events:none;
}
body.mbage-dev-page .people-grid .person:hover .portrait img{
  transform:scale(1.035);
  filter:saturate(1.03) contrast(1.015);
}

/* Tag mantém a linguagem visual já validada no site. */
body.mbage-dev-page .people-grid .portrait>span{
  z-index:4;
  left:-2px;
  bottom:-8px;
  max-width:160px;
  padding:6px 9px 6px 10px;
  border-left:4px solid var(--orange);
  border-radius:0 3px 3px 0;
  background:var(--blue);
  color:#fff;
  box-shadow:0 4px 10px rgba(11,23,49,.14);
  font-size:8.5px;
  line-height:1.15;
  font-weight:800;
  letter-spacing:.075em;
  white-space:nowrap;
}

body.mbage-dev-page .people-grid .person-copy{
  min-width:0;
  padding:3px 0 3px 24px!important;
  border-left:1px solid var(--line);
}
body.mbage-dev-page .people-grid .person-copy h3{
  min-height:0!important;
  margin:0 0 7px!important;
  font-size:18px!important;
  line-height:1.24!important;
}
body.mbage-dev-page .people-grid .person-copy>p{
  min-height:0!important;
  margin:0 0 15px!important;
  color:var(--muted);
  font-size:12.5px!important;
  line-height:1.5!important;
}
body.mbage-dev-page .people-grid .person-copy details{
  margin:0;
  padding:12px 0 0!important;
  border-top:1px solid var(--line);
}
body.mbage-dev-page .people-grid .person-copy summary{
  align-items:center;
  gap:12px;
  font-size:11.5px!important;
  line-height:1.35;
  transition:color .2s ease;
}
body.mbage-dev-page .people-grid .person-copy summary:hover{color:var(--orange-deep)!important}
body.mbage-dev-page .people-grid .person-copy summary>span{
  margin-left:auto;
  color:var(--orange-deep)!important;
  font-size:15px;
}
body.mbage-dev-page .people-grid .person-copy details p{
  margin:10px 0 0!important;
  padding-left:11px;
  border-left:2px solid var(--orange);
  color:var(--ink);
  font-size:11.5px!important;
  line-height:1.5!important;
}

@media(max-width:960px){
  body.mbage-dev-page .people-grid .person{
    grid-template-columns:145px minmax(0,1fr);
    min-height:166px;
    padding:16px 18px 16px 15px;
  }
  body.mbage-dev-page .people-grid .portrait{width:118px;height:118px}
  body.mbage-dev-page .people-grid .person-copy{padding-left:18px!important}
  body.mbage-dev-page .people-grid .person-copy h3{font-size:15px!important}
  body.mbage-dev-page .people-grid .person-copy>p{font-size:11px!important;margin-bottom:11px!important}
}

@media(max-width:640px){
  body.mbage-dev-page .people-grid{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  body.mbage-dev-page .people-grid .person{
    grid-template-columns:112px minmax(0,1fr);
    min-height:132px;
    padding:13px 14px 13px 12px;
    border-radius:7px;
  }
  body.mbage-dev-page .people-grid .portrait{width:90px;height:90px}
  body.mbage-dev-page .people-grid .portrait::after{inset:-5px;border-width:2px}
  body.mbage-dev-page .people-grid .portrait::before{top:-7px;right:9px;width:19px;height:6px}
  body.mbage-dev-page .people-grid .portrait>span{
    left:-1px;
    bottom:-7px;
    max-width:108px;
    padding:4px 6px 4px 7px;
    border-left-width:3px;
    font-size:6.5px;
    letter-spacing:.055em;
  }
  body.mbage-dev-page .people-grid .person-copy{padding:1px 0 1px 14px!important}
  body.mbage-dev-page .people-grid .person-copy h3{font-size:13px!important;margin-bottom:4px!important}
  body.mbage-dev-page .people-grid .person-copy>p{font-size:9.5px!important;line-height:1.4!important;margin-bottom:8px!important}
  body.mbage-dev-page .people-grid .person-copy details{padding-top:7px!important}
  body.mbage-dev-page .people-grid .person-copy summary{font-size:9px!important;gap:7px}
  body.mbage-dev-page .people-grid .person-copy summary>span{font-size:13px}
  body.mbage-dev-page .people-grid .person-copy details p{font-size:9.5px!important;margin-top:7px!important;padding-left:8px}
  /* Em telas sem hover, evita deslocamento visual ao tocar no card. */
  body.mbage-dev-page .people-grid .person:hover{transform:none}
}

@media(max-width:370px){
  body.mbage-dev-page .people-grid .person{grid-template-columns:96px minmax(0,1fr);padding:12px 10px}
  body.mbage-dev-page .people-grid .portrait{width:78px;height:78px}
  body.mbage-dev-page .people-grid .portrait>span{max-width:96px;font-size:5.8px}
  body.mbage-dev-page .people-grid .person-copy{padding-left:11px!important}
  body.mbage-dev-page .people-grid .person-copy h3{font-size:12px!important}
}

/* v1.6.10 — Professores: correção robusta do fallback sem fotografia */
/* Impede que estilos legados de .portrait-fallback imponham altura mínima e estourem o card. */
body.mbage-dev-page .people-grid .portrait .portrait-fallback{
  min-width:0!important;
  min-height:0!important;
  width:100%!important;
  height:100%!important;
  aspect-ratio:1/1;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  border-radius:50%!important;
  background:#e9edf4!important;
  color:var(--blue)!important;
  font-family:'Space Grotesk',sans-serif!important;
  font-size:clamp(32px,3.2vw,52px)!important;
  font-weight:700!important;
  line-height:1!important;
  letter-spacing:-.055em!important;
  transform:none!important;
}
body.mbage-dev-page .people-grid .person:hover .portrait .portrait-fallback{
  transform:none!important;
  filter:none!important;
}
@media(max-width:960px){
  body.mbage-dev-page .people-grid .portrait .portrait-fallback{font-size:38px!important}
}
@media(max-width:640px){
  body.mbage-dev-page .people-grid .portrait .portrait-fallback{font-size:29px!important}
}
@media(max-width:370px){
  body.mbage-dev-page .people-grid .portrait .portrait-fallback{font-size:25px!important}
}


/* v1.6.11 — Professores: retrato mais compacto, sem aro branco interno */
body.mbage-dev-page .people-grid .person{
  grid-template-columns:154px minmax(0,1fr);
  min-height:168px;
  padding:15px 20px 15px 15px;
}
body.mbage-dev-page .people-grid .portrait{
  width:126px;
  height:126px;
  border:3px solid var(--blue);
  background:transparent;
}
body.mbage-dev-page .people-grid .portrait::after,
body.mbage-dev-page .people-grid .portrait::before{
  content:none!important;
  display:none!important;
}
body.mbage-dev-page .people-grid .portrait img,
body.mbage-dev-page .people-grid .portrait .portrait-fallback{
  display:block;
  width:100%!important;
  height:100%!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:50%!important;
}
body.mbage-dev-page .people-grid .portrait>span{
  bottom:-7px;
}
@media(max-width:960px){
  body.mbage-dev-page .people-grid .person{
    grid-template-columns:132px minmax(0,1fr);
    min-height:150px;
    padding:14px 17px 14px 14px;
  }
  body.mbage-dev-page .people-grid .portrait{width:106px;height:106px}
}
@media(max-width:640px){
  body.mbage-dev-page .people-grid .person{
    grid-template-columns:102px minmax(0,1fr);
    min-height:120px;
    padding:11px 13px 11px 11px;
  }
  body.mbage-dev-page .people-grid .portrait{width:82px;height:82px;border-width:2px}
}
@media(max-width:370px){
  body.mbage-dev-page .people-grid .person{
    grid-template-columns:90px minmax(0,1fr);
    min-height:108px;
    padding:10px 9px;
  }
  body.mbage-dev-page .people-grid .portrait{width:72px;height:72px}
}

/* v1.6.12 — Menu principal: escala tipográfica mais confortável em desktop amplo */
@media(min-width:1180px){
  body.mbage-dev-page>header .nav nav{gap:22px}
  body.mbage-dev-page>header .nav nav a{font-size:14px;font-weight:600}
  body.mbage-dev-page>header .nav-cta{font-size:14px;padding:12px 15px}
}
@media(min-width:1500px){
  body.mbage-dev-page>header .nav nav{gap:24px}
  body.mbage-dev-page>header .nav nav a{font-size:15px}
  body.mbage-dev-page>header .nav-cta{font-size:14px;padding:12px 16px}
}

/* v1.6.14 — Topbar: hover do link "Já sou aluno" alinhado à identidade visual */
body.mbage-dev-page .institution a{
  transition:color .2s ease;
}
body.mbage-dev-page .institution a:hover,
body.mbage-dev-page .institution a:focus-visible{
  color:var(--orange)!important;
}


/* v1.6.16 — Home: depoimentos em carrossel automático, sem controles visuais. */
body.mbage-dev-page .testimonials .testimonial-layout{grid-template-columns:.72fr 1.28fr!important;gap:96px!important;align-items:center!important}
body.mbage-dev-page .testimonials .quote-panel{transition:opacity .72s ease-in-out!important;outline-offset:8px;overflow:hidden;will-change:opacity}
body.mbage-dev-page .testimonials .quote-panel.quote-changing{opacity:0!important}
body.mbage-dev-page .testimonials .quote-panel.quote-measuring{transition:none!important;opacity:1!important}
body.mbage-dev-page .testimonials .quote-person img{border:2px solid var(--orange)!important;box-shadow:0 0 0 2px rgba(255,134,46,.10)!important}
@media(max-width:960px){body.mbage-dev-page .testimonials .testimonial-layout{grid-template-columns:.82fr 1.18fr!important;gap:42px!important}}
@media(max-width:640px){body.mbage-dev-page .testimonials .testimonial-layout{grid-template-columns:1fr!important;gap:18px!important;align-items:start!important}}
@media(prefers-reduced-motion:reduce){body.mbage-dev-page .testimonials .quote-panel{transition:none!important}}

/* v1.6.22 — Home: régua tipográfica e espacial piloto.
   Escopo deliberadamente restrito à página inicial. */
body.mbage-dev-page.home{
  --home-text-body:15px;
  --home-text-small:13px;
  --home-text-micro:11px;
  --home-text-card:20px;
  --home-text-lead:22px;
  --home-space-xs:8px;
  --home-space-sm:12px;
  --home-space-md:16px;
  --home-space-lg:24px;
  --home-space-xl:32px;
  --home-space-2xl:48px;
}
body.mbage-dev-page.home .hero-description,
body.mbage-dev-page.home .section-heading p{font-size:var(--home-text-body)}
body.mbage-dev-page.home .hero-sub{font-size:var(--home-text-lead)}
body.mbage-dev-page.home .eyebrow{font-size:11px}
body.mbage-dev-page.home .pathways h2{font-size:16px}
body.mbage-dev-page.home .pathways p{font-size:12px;line-height:1.55}
body.mbage-dev-page.home .value h3{font-size:21px}
body.mbage-dev-page.home .value p{font-size:14px;line-height:1.65}
body.mbage-dev-page.home .value a{font-size:13px}
body.mbage-dev-page.home .quote-person strong{font-size:14px}
body.mbage-dev-page.home .quote-person span{font-size:12px}
body.mbage-dev-page.home .quote-panel small{font-size:11px}

@media(max-width:640px){
  body.mbage-dev-page.home{
    --home-text-body:14px;
    --home-text-small:13px;
    --home-text-micro:11px;
    --home-text-card:18px;
    --home-text-lead:18px;
  }

  /* Hero: leitura confortável sem voltar ao volume da versão desktop. */
  body.mbage-dev-page.home .hero-grid{padding:30px 0 32px!important;gap:20px!important}
  body.mbage-dev-page.home .hero-copy .eyebrow{font-size:10px!important;margin-bottom:12px!important}
  body.mbage-dev-page.home .hero-copy h1{font-size:clamp(40px,11.5vw,48px)!important;line-height:1.02!important;margin-bottom:14px!important}
  body.mbage-dev-page.home .hero-sub{font-size:18px!important;line-height:1.38!important;margin-bottom:10px!important}
  body.mbage-dev-page.home .hero-description{font-size:14px!important;line-height:1.65!important;max-width:34em}
  body.mbage-dev-page.home .actions{margin:17px 0 14px!important;gap:8px!important}
  body.mbage-dev-page.home .actions .button{font-size:11px!important;padding:10px 12px!important;min-height:40px!important}
  body.mbage-dev-page.home .hero-foot{font-size:11px!important;line-height:1.4!important;gap:10px!important}
  body.mbage-dev-page.home .hero-foot span+span{padding-left:10px!important}

  /* Atalhos: mantém a informação, mas elimina a aparência de microtexto. */
  body.mbage-dev-page.home .pathways>a{padding:15px 0!important;gap:10px!important}
  body.mbage-dev-page.home .pathways h2{font-size:16px!important;line-height:1.3!important;margin-bottom:3px!important}
  body.mbage-dev-page.home .pathways p{font-size:12px!important;line-height:1.45!important}
  body.mbage-dev-page.home .ordinal{font-size:11px!important}

  /* Seções e cards: uma mesma hierarquia para título, corpo e ação. */
  body.mbage-dev-page.home .section{padding:36px 0!important}
  body.mbage-dev-page.home .section-heading{gap:12px!important;margin-bottom:22px!important}
  body.mbage-dev-page.home .section-heading h2{font-size:30px!important;line-height:1.08!important}
  body.mbage-dev-page.home .section-heading p{font-size:14px!important;line-height:1.6!important}
  body.mbage-dev-page.home .eyebrow{font-size:10px!important;line-height:1.3!important;margin-bottom:10px!important}
  body.mbage-dev-page.home .value-grid{gap:12px!important}
  body.mbage-dev-page.home .value{padding:20px 18px 17px!important}
  body.mbage-dev-page.home .number{font-size:30px!important;margin-bottom:10px!important}
  body.mbage-dev-page.home .value h3{font-size:19px!important;line-height:1.3!important;margin-bottom:8px!important}
  body.mbage-dev-page.home .value p{font-size:14px!important;line-height:1.6!important;margin-bottom:12px!important;min-height:0!important}
  body.mbage-dev-page.home .value a{font-size:12px!important;padding-top:12px!important}

  /* Depoimentos: prioridade à leitura; metadados deixam de ser microtexto. */
  body.mbage-dev-page.home .testimonials{padding:34px 0!important}
  body.mbage-dev-page.home .testimonial-layout{gap:14px!important}
  body.mbage-dev-page.home .testimonial-layout h2{font-size:29px!important;line-height:1.08!important;margin-bottom:8px!important}
  body.mbage-dev-page.home .quotation{font-size:38px!important;height:29px!important}
  body.mbage-dev-page.home .quote-panel blockquote{font-size:16px!important;line-height:1.5!important;margin-bottom:16px!important}
  body.mbage-dev-page.home .quote-person{gap:11px!important}
  body.mbage-dev-page.home .quote-person img{width:42px!important;height:42px!important}
  body.mbage-dev-page.home .quote-person strong{font-size:13px!important;line-height:1.35!important}
  body.mbage-dev-page.home .quote-person span{font-size:11px!important;line-height:1.4!important}

  /* CTA final: preserva a composição horizontal sem sacrificar legibilidade. */
  body.mbage-dev-page.home .end-cta{gap:12px!important;padding:27px 0!important}
  body.mbage-dev-page.home .end-cta .eyebrow{font-size:10px!important;margin-bottom:6px!important}
  body.mbage-dev-page.home .end-cta h2{font-size:22px!important;line-height:1.15!important}
  body.mbage-dev-page.home .end-cta .button{font-size:10px!important;min-height:36px!important;padding:9px 11px!important}

  /* Certificação é um callout gráfico; continua compacto, mas sem texto ilegível. */
  body.mbage-dev-page.home .floating-note .small::after{font-size:10px!important}
  body.mbage-dev-page.home .floating-note strong::before{font-size:11px!important}
  body.mbage-dev-page.home .floating-note strong span{font-size:10px!important}
}

@media(max-width:370px){
  body.mbage-dev-page.home .hero-copy h1{font-size:38px!important}
  body.mbage-dev-page.home .hero-description{font-size:13px!important}
  body.mbage-dev-page.home .hero-foot{font-size:10px!important}
  body.mbage-dev-page.home .section-heading h2{font-size:28px!important}
  body.mbage-dev-page.home .testimonial-layout h2{font-size:27px!important}
  body.mbage-dev-page.home .quote-panel blockquote{font-size:15px!important}
  body.mbage-dev-page.home .end-cta h2{font-size:20px!important}
  body.mbage-dev-page.home .end-cta .button{font-size:9px!important;padding:8px 9px!important}
}


/* v1.6.26 — Home desktop: segundo quadro em viewport.
   Componente: home-second-screen = Quick Links Bar + Feature / Value Proposition Section. */
@media(min-width:641px){
  body.mbage-dev-page.home .home-second-screen{height:calc(100dvh - var(--mbage-sticky-header-height,95px));min-height:0;display:flex;flex-direction:column;overflow:hidden;background:#fff}
  body.mbage-dev-page.home .home-second-screen>.pathways{flex:0 0 auto}
  body.mbage-dev-page.home .home-second-screen>.home-essence{flex:1 1 auto;min-height:0;padding-top:clamp(26px,4.2dvh,56px);padding-bottom:clamp(26px,4.2dvh,56px);display:flex;flex-direction:column;justify-content:center}
  body.mbage-dev-page.home .home-second-screen .section-heading{flex:0 0 auto;margin-bottom:clamp(22px,3.2dvh,42px)}
  body.mbage-dev-page.home .home-second-screen .value-grid{flex:0 0 auto}
}
@media(min-width:641px) and (max-height:850px){
  body.mbage-dev-page.home .home-second-screen>.pathways>a{padding-top:22px;padding-bottom:22px}
  body.mbage-dev-page.home .home-second-screen>.home-essence{padding-top:24px;padding-bottom:24px}
  body.mbage-dev-page.home .home-second-screen .section-heading{margin-bottom:22px}
  body.mbage-dev-page.home .home-second-screen .section-heading .eyebrow{margin-bottom:14px}
  body.mbage-dev-page.home .home-second-screen .value{padding-top:22px;padding-bottom:19px}
  body.mbage-dev-page.home .home-second-screen .number{margin-bottom:16px}
  body.mbage-dev-page.home .home-second-screen .value p{min-height:58px;margin-bottom:10px}
  body.mbage-dev-page.home .home-second-screen .value a{padding-top:14px}
}
@media(min-width:641px) and (max-height:740px){
  body.mbage-dev-page.home .home-second-screen>.pathways>a{padding-top:16px;padding-bottom:16px}
  body.mbage-dev-page.home .home-second-screen>.home-essence{padding-top:18px;padding-bottom:18px}
  body.mbage-dev-page.home .home-second-screen .section-heading{margin-bottom:16px}
  body.mbage-dev-page.home .home-second-screen .value{padding-top:18px;padding-bottom:16px}
  body.mbage-dev-page.home .home-second-screen .number{margin-bottom:10px}
  body.mbage-dev-page.home .home-second-screen .value p{min-height:50px;margin-bottom:7px}
  body.mbage-dev-page.home .home-second-screen .value a{padding-top:10px}
}

/* v1.6.27 — Home desktop: terceiro quadro em viewport.
   Componente: Testimonials + Final CTA. Mobile permanece com o fluxo anterior. */
@media(min-width:641px){
  body.mbage-dev-page.home .home-third-screen{height:100dvh;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;background:var(--paper);overflow:hidden}
  body.mbage-dev-page.home .home-third-screen .testimonials{min-height:0;background:var(--paper);padding:clamp(32px,5dvh,64px) 0!important;display:flex;align-items:center}
  body.mbage-dev-page.home .home-third-screen .testimonial-layout{width:min(1240px,calc(100% - 80px));grid-template-columns:.72fr 1.28fr!important;gap:96px!important;align-items:center!important}
  body.mbage-dev-page.home .home-third-screen .quote-panel{height:auto!important;min-height:clamp(260px,37dvh,390px);display:grid;grid-template-rows:52px minmax(0,1fr) auto;align-content:stretch;overflow:hidden}
  body.mbage-dev-page.home .home-third-screen .quotation{grid-row:1;margin:0!important;align-self:start}
  body.mbage-dev-page.home .home-third-screen .quote-panel blockquote{grid-row:2;align-self:center;margin:0!important;max-width:100%}
  body.mbage-dev-page.home .home-third-screen .quote-author-slot{grid-row:3;align-self:end;min-height:76px}
  body.mbage-dev-page.home .home-third-screen .quote-person{margin:0!important}
  body.mbage-dev-page.home .home-third-screen .quote-panel small{display:block;margin-top:6px}
  body.mbage-dev-page.home .home-third-screen .end-cta{width:min(1240px,calc(100% - 80px));padding:clamp(24px,3.6dvh,42px) 0!important;border-top:1px solid var(--line);background:transparent;flex:0 0 auto}
  body.mbage-dev-page.home .home-third-screen .end-cta .button{width:fit-content!important;min-width:0!important;max-width:min(100%,420px);white-space:normal!important;text-align:center;justify-content:center}
}
@media(min-width:641px) and (max-height:760px){
  body.mbage-dev-page.home .home-third-screen .testimonials{padding:24px 0!important}
  body.mbage-dev-page.home .home-third-screen .quote-panel{min-height:235px;grid-template-rows:42px minmax(0,1fr) auto}
  body.mbage-dev-page.home .home-third-screen .end-cta{padding:20px 0!important}
}


/* v1.6.28 — Home desktop: Third Viewport Section estabilizada.
   Testimonials + Final CTA formam um único quadro; somente Quote Content varia. */
@media(min-width:641px){
  body.mbage-dev-page.home .home-third-screen{
    height:100dvh!important;
    min-height:0!important;
    display:grid!important;
    grid-template-rows:minmax(0,65fr) minmax(0,35fr)!important;
    background:var(--paper)!important;
    overflow:hidden!important;
  }
  body.mbage-dev-page.home .home-third-screen .testimonials{
    min-height:0!important;
    height:100%!important;
    padding:clamp(24px,3.6dvh,46px) 0!important;
    display:flex!important;
    align-items:center!important;
    background:transparent!important;
  }
  body.mbage-dev-page.home .home-third-screen .testimonial-layout{
    width:min(1240px,calc(100% - 80px))!important;
    height:100%!important;
    max-height:470px!important;
    grid-template-columns:.72fr 1.28fr!important;
    gap:96px!important;
    align-items:center!important;
  }
  body.mbage-dev-page.home .home-third-screen .quote-panel{
    --quote-content-height:180px;
    height:auto!important;
    min-height:0!important;
    display:grid!important;
    grid-template-rows:44px var(--quote-content-height) 78px!important;
    align-content:center!important;
    overflow:visible!important;
  }
  body.mbage-dev-page.home .home-third-screen .quotation{
    grid-row:1!important;
    align-self:start!important;
    margin:0!important;
  }
  body.mbage-dev-page.home .home-third-screen .quote-panel blockquote{
    grid-row:2!important;
    align-self:start!important;
    margin:0!important;
    max-width:100%!important;
    height:var(--quote-content-height)!important;
    overflow:hidden!important;
  }
  body.mbage-dev-page.home .home-third-screen .quote-author-slot{
    grid-row:3!important;
    align-self:start!important;
    min-height:78px!important;
    height:78px!important;
    margin:0!important;
  }
  body.mbage-dev-page.home .home-third-screen .quote-person{margin:0!important}
  body.mbage-dev-page.home .home-third-screen .quote-panel small{display:block!important;margin-top:6px!important}
  body.mbage-dev-page.home .home-third-screen .end-cta{
    width:min(1240px,calc(100% - 80px))!important;
    height:100%!important;
    min-height:0!important;
    box-sizing:border-box!important;
    padding:clamp(24px,4dvh,48px) 0!important;
    border-top:1px solid var(--line)!important;
    background:transparent!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
  }
  body.mbage-dev-page.home .home-third-screen .end-cta .button{
    width:fit-content!important;min-width:0!important;max-width:min(100%,420px)!important;
    white-space:normal!important;text-align:center!important;justify-content:center!important
  }
}
@media(min-width:641px) and (max-height:760px){
  body.mbage-dev-page.home .home-third-screen{grid-template-rows:minmax(0,64fr) minmax(0,36fr)!important}
  body.mbage-dev-page.home .home-third-screen .testimonials{padding:18px 0!important}
  body.mbage-dev-page.home .home-third-screen .testimonial-layout{max-height:390px!important}
  body.mbage-dev-page.home .home-third-screen .quote-panel{grid-template-rows:36px var(--quote-content-height) 70px!important}
  body.mbage-dev-page.home .home-third-screen .quote-author-slot{height:70px!important;min-height:70px!important}
  body.mbage-dev-page.home .home-third-screen .end-cta{padding:18px 0!important}
}


/* ==========================================================================
   v1.6.29 — HOME / DESKTOP / THIRD VIEWPORT SECTION
   Componentes:
   - Third Viewport Section
   - Testimonials Section
   - Final CTA / Conversion Section
   Regra: usa a altura útil real da viewport, descontando UI fixa medida em JS.
   Mantém o mobile fora desta etapa.
   ========================================================================== */
@media (min-width: 961px) {
  body.mbage-dev-page .third-viewport-section {
    --third-fixed-ui: var(--mbage-fixed-ui-height, 0px);
    --third-available-height: calc(100dvh - var(--third-fixed-ui));
    height: var(--third-available-height) !important;
    min-height: var(--third-available-height) !important;
    max-height: var(--third-available-height) !important;
    display: grid !important;
    grid-template-rows: minmax(0, 1.82fr) minmax(0, 1fr) !important;
    overflow: hidden !important;
  }

  body.mbage-dev-page .third-viewport-section > .testimonials,
  body.mbage-dev-page .third-viewport-section > .final-cta-section {
    min-height: 0 !important;
    height: auto !important;
    overflow: hidden !important;
  }

  body.mbage-dev-page .third-viewport-section > .testimonials {
    display: flex !important;
    align-items: center !important;
    padding-block: clamp(24px, 4.1vh, 54px) !important;
  }

  body.mbage-dev-page .third-viewport-section > .testimonials > .wrap {
    width: 100%;
  }

  body.mbage-dev-page .third-viewport-section > .final-cta-section {
    display: flex !important;
    align-items: center !important;
    padding-block: clamp(20px, 3.1vh, 42px) !important;
  }

  body.mbage-dev-page .third-viewport-section > .final-cta-section > .wrap {
    width: 100%;
  }
}

/* Menor altura desktop: compacta espaço, não tipografia. */
@media (min-width: 961px) and (max-height: 780px) {
  body.mbage-dev-page .third-viewport-section {
    grid-template-rows: minmax(0, 1.72fr) minmax(0, 1fr) !important;
  }
  body.mbage-dev-page .third-viewport-section > .testimonials {
    padding-block: 20px !important;
  }
  body.mbage-dev-page .third-viewport-section > .final-cta-section {
    padding-block: 16px !important;
  }
}


/* ==========================================================================
   v1.6.30 — HOME / DESKTOP / THIRD VIEWPORT
   Correção estrutural: o wrapper real do template é .home-third-screen.
   Altura = viewport útil descontando apenas UI realmente fixa/visível.
   ========================================================================== */
@media (min-width: 961px) {
  body.mbage-dev-page .home-third-screen {
    --third-available-height: calc(100dvh - var(--mbage-fixed-ui-height, 0px));
    height: var(--third-available-height) !important;
    min-height: var(--third-available-height) !important;
    max-height: var(--third-available-height) !important;
    display: grid !important;
    grid-template-rows: minmax(0, 1.82fr) minmax(0, 1fr) !important;
    overflow: hidden !important;
    background: #f0f3f8 !important;
  }

  body.mbage-dev-page .home-third-screen > .testimonials,
  body.mbage-dev-page .home-third-screen > .end-cta {
    min-height: 0 !important;
    height: 100% !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    overflow: hidden !important;
  }

  body.mbage-dev-page .home-third-screen > .testimonials {
    display: flex !important;
    align-items: center !important;
    padding-block: clamp(22px, 3.7vh, 48px) !important;
  }

  body.mbage-dev-page .home-third-screen > .testimonials > .wrap {
    width: min(1240px, calc(100% - 80px)) !important;
  }

  body.mbage-dev-page .home-third-screen > .end-cta {
    width: min(1240px, calc(100% - 80px)) !important;
    padding-block: clamp(18px, 2.7vh, 34px) !important;
    border-top: 1px solid var(--line) !important;
    display: flex !important;
    align-items: center !important;
  }
}

@media (min-width: 961px) and (max-height: 780px) {
  body.mbage-dev-page .home-third-screen {
    grid-template-rows: minmax(0, 1.68fr) minmax(0, 1fr) !important;
  }
  body.mbage-dev-page .home-third-screen > .testimonials {
    padding-block: 18px !important;
  }
  body.mbage-dev-page .home-third-screen > .end-cta {
    padding-block: 14px !important;
  }
}


/* ==========================================================================
   v1.6.32 — HOME / DESKTOP / HERO INTERNAL PROPORTIONS
   Base deliberadamente mantida na v1.6.30:
   - não altera a delimitação/altura externa da Hero;
   - não altera Top Bar, Header, Second ou Third Viewport;
   - apenas compacta a composição INTERNA em notebooks de menor altura.
   ========================================================================== */
@media (min-width: 901px) and (max-height: 760px) {
  body.mbage-dev-page.home .home-hero .hero-grid {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
    align-items: center !important;
  }

  body.mbage-dev-page.home .home-hero .hero-copy .eyebrow {
    margin-bottom: 10px !important;
  }

  body.mbage-dev-page.home .home-hero .hero-copy h1 {
    font-size: clamp(50px, 5vw, 66px) !important;
    line-height: .98 !important;
    margin-bottom: 12px !important;
  }

  body.mbage-dev-page.home .home-hero .hero-sub {
    font-size: 18px !important;
    line-height: 1.35 !important;
    margin-bottom: 8px !important;
  }

  body.mbage-dev-page.home .home-hero .hero-description {
    font-size: 14px !important;
    line-height: 1.5 !important;
  }

  body.mbage-dev-page.home .home-hero .actions {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
    gap: 12px !important;
  }

  body.mbage-dev-page.home .home-hero .button {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }

  body.mbage-dev-page.home .home-hero .hero-stats,
  body.mbage-dev-page.home .home-hero .hero-meta {
    margin-top: 12px !important;
  }

  body.mbage-dev-page.home .home-hero .hero-visual {
    transform: scale(.91);
    transform-origin: center center;
  }
}

@media (min-width: 901px) and (max-height: 680px) {
  body.mbage-dev-page.home .home-hero .hero-grid {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }

  body.mbage-dev-page.home .home-hero .hero-copy h1 {
    font-size: clamp(46px, 4.6vw, 60px) !important;
    margin-bottom: 9px !important;
  }

  body.mbage-dev-page.home .home-hero .hero-sub {
    font-size: 17px !important;
    margin-bottom: 6px !important;
  }

  body.mbage-dev-page.home .home-hero .hero-description {
    font-size: 13.5px !important;
    line-height: 1.42 !important;
  }

  body.mbage-dev-page.home .home-hero .actions {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
  }

  body.mbage-dev-page.home .home-hero .hero-visual {
    transform: scale(.84);
  }
}