/* Grupo MARGEM — camada de usabilidade (navegação da página, cards compactos). Não altera imagens. */
body[data-gm-nav] .gm-quicknav{display:none}
@media(max-width:900px){
html{scroll-padding-top:132px}
body[data-gm-nav] main{overflow:clip!important}
body[data-gm-nav] .gm-quicknav{display:block;position:sticky;top:74px;z-index:2900;background:rgba(5,17,35,.96);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.08)}
body[data-gm-nav] .gm-quicknav__in{display:flex;gap:8px;padding:8px 16px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
body[data-gm-nav] .gm-quicknav__in::-webkit-scrollbar{display:none}
body[data-gm-nav] .gm-quicknav a{flex:0 0 auto;padding:8px 14px;border-radius:999px;border:1px solid rgba(145,174,214,.3);color:#DDE8F6!important;font-size:13px;font-weight:700;line-height:1.2;text-decoration:none!important;white-space:nowrap;background:transparent}
body[data-gm-nav] .gm-quicknav a.is-active{background:#FF7D00;border-color:#FF7D00;color:#fff!important}
}
@media(max-width:700px){
body[data-gm-nav] main>section:not(.hero):not(.hero-section):not(.gm-watermark-band):not(.gm-event-strip){padding-top:28px!important;padding-bottom:28px!important}
body[data-gm-nav] .step,body[data-gm-nav] .info-card,body[data-gm-nav] .pillar{padding:14px 16px!important}
body[data-gm-nav] .steps{gap:10px!important}
body[data-gm-nav] .step .check-list{display:flex!important;flex-wrap:wrap!important;gap:6px 14px!important;margin-top:10px!important}
body[data-gm-nav] .step .check-list .check{font-size:13px!important;margin:0!important}
/* temas em acordeão (só quando o JS ativa .js-acc; sem JS o layout normal permanece) */
body[data-gm-nav] .gm-topic-grid.js-acc{grid-template-columns:1fr!important;gap:8px!important}
body[data-gm-nav] .js-acc .gm-topic-card{display:grid!important;grid-template-columns:auto minmax(0,1fr) 20px;align-items:center;column-gap:12px;min-height:0!important;padding:0!important;border-radius:14px!important;cursor:pointer}
body[data-gm-nav] .js-acc .gm-topic-card:hover{transform:none!important}
body[data-gm-nav] .js-acc .gm-topic-card>span{grid-column:1;grid-row:1;min-width:30px;margin:0!important;padding:15px 0 15px 16px}
body[data-gm-nav] .js-acc .gm-topic-card h3{grid-column:2;grid-row:1;margin:0!important;padding:14px 0;font-size:15.5px!important;line-height:1.25!important}
body[data-gm-nav] .js-acc .gm-topic-card::after{content:"";grid-column:3;grid-row:1;width:8px;height:8px;margin-right:16px;border-right:2px solid #FF7D00;border-bottom:2px solid #FF7D00;transform:rotate(45deg);transition:transform .2s}
body[data-gm-nav] .js-acc .gm-topic-card.is-open::after{transform:rotate(-135deg)}
body[data-gm-nav] .js-acc .gm-topic-card p{display:none!important;grid-column:1/-1;grid-row:2;margin:0!important;padding:0 16px 16px!important}
body[data-gm-nav] .js-acc .gm-topic-card.is-open p{display:block!important}
body[data-gm-nav] .js-acc .gm-topic-card h3:focus-visible{outline:2px solid #FF7D00;outline-offset:2px}
/* grupos de cards em carrossel horizontal (deslizar); todo o texto continua visível */
body[data-gm-nav]:not(.page-course-abrir) :is(.cards6,.process,.pain-grid,.method-grid,.pv-service-grid,.pv-featured,.pv-paths,.gm-h37-steps,.framework-stats,.gm-front-grid-premium,.gm-proof__grid){display:flex!important;flex-wrap:nowrap!important;align-items:stretch!important;gap:12px!important;overflow-x:auto!important;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:16px;margin-inline:-16px!important;padding:2px 16px 14px!important;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
body[data-gm-nav]:not(.page-course-abrir) :is(.cards6,.process,.pain-grid,.method-grid,.pv-service-grid,.pv-featured,.pv-paths,.gm-h37-steps,.framework-stats,.gm-front-grid-premium,.gm-proof__grid)::-webkit-scrollbar{display:none}
body[data-gm-nav]:not(.page-course-abrir) :is(.cards6,.process,.pain-grid,.method-grid,.pv-service-grid,.pv-featured,.pv-paths,.gm-h37-steps,.framework-stats,.gm-front-grid-premium,.gm-proof__grid)>*{flex:0 0 84%!important;max-width:84%!important;min-width:0!important;scroll-snap-align:start;height:auto!important;margin:0!important}
/* abrir-transportadora: módulos sem altura sobrando no celular */
body.page-course-abrir .sp-grid--modules .sp-card,body.page-course-abrir .sp-grid--how .sp-card{min-height:0!important;height:auto!important}
body.page-course-abrir .sp-grid--modules,body.page-course-abrir .sp-grid--how{gap:10px!important;grid-auto-rows:auto!important;grid-template-rows:none!important;align-items:start!important}
}

/* prova social: depoimentos de clientes */
.gm-proof{padding:56px 0;background:#061F49}
.gm-proof__head{max-width:760px;margin:0 auto 28px;text-align:center}
.gm-proof__head h2{margin:8px 0 0;color:#fff!important}
.gm-proof__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.gm-proof__card{margin:0;padding:28px;border-radius:20px;background:linear-gradient(180deg,#10366D 0%,#0A2A59 100%);border:1px solid rgba(145,174,214,.22);box-shadow:0 14px 32px rgba(0,7,24,.18);display:flex;flex-direction:column}
.gm-proof__card::before{content:"\201C";display:block;color:#FF7D00;font-size:64px;font-weight:800;line-height:.7;height:28px}
.gm-proof__card blockquote{margin:12px 0 22px;padding:0;border:0;color:#E6EEF9!important;font-size:16px;line-height:1.65}
.gm-proof__card blockquote p{margin:0 0 12px!important;color:#E6EEF9!important;font-size:16px!important;line-height:1.65!important}
.gm-proof__card blockquote p:last-child{margin-bottom:0!important}
.gm-proof__card figcaption{margin-top:auto;padding-top:16px;border-top:1px solid rgba(145,174,214,.22)}
.gm-proof__card figcaption strong{display:block;color:#fff!important;font-size:15px}
.gm-proof__card figcaption span{display:block;margin-top:2px;color:#B9C7DA!important;font-size:13px}
.gm-proof__note{max-width:760px;margin:22px auto 0!important;text-align:center;color:#9FB2CC!important;font-size:12px!important;line-height:1.5!important}
.gm-proof--mini{padding:36px 0}
.gm-proof--mini .gm-proof__card{max-width:860px;margin:0 auto;padding:24px 28px}
.gm-proof--mini .gm-proof__card blockquote p{font-size:17px!important}
@media(max-width:700px){
.gm-proof{padding:36px 0}
.gm-proof__card,.gm-proof--mini .gm-proof__card{padding:20px}
.gm-proof__card blockquote,.gm-proof__card blockquote p,.gm-proof--mini .gm-proof__card blockquote p{font-size:15px!important}
}