/* Ondativa 5.21.2 — adaptação mobile/tablet da base 5.21.1.
   Somente ajustes de layout, toque e leitura. Não altera animações, vídeos,
   elementos gráficos, conteúdos nem o tempo de formação da marca. */
:root{-webkit-text-size-adjust:100%;text-size-adjust:100%}
@media(max-width:1100px){
 html,body{overflow-x:clip}
 .container,.header-in,.section .container{min-width:0}
 img,canvas,video{max-width:100%}
 .site-header .mobile-toggle{min-width:44px;min-height:44px;align-items:center;justify-content:center;touch-action:manipulation}
 .site-header .mobile-nav.open{max-height:min(72dvh,620px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
 .site-header .mobile-nav a{min-height:44px;display:flex;align-items:center;touch-action:manipulation}
 .wave-journey{overflow-x:clip}
 .section:has(#lab-palette-wrap-v518){overflow-x:clip}
 .wave-process{max-width:calc(100vw - 8px)}
 .grid>* , .split>* , .metodo-grid>* ,.tool-wrap>* {min-width:0}
 .button,button,a[role="button"]{touch-action:manipulation}
 .ondativa-ai-chips{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
}
@media(max-width:1030px){.site-header .mobile-toggle{display:inline-flex}}
/* À largura de tablet os passos que ficam à direita nunca ultrapassam a tela. */
@media(min-width:701px) and (max-width:1050px){
 .wave-step-2,.wave-step-4{left:auto;right:1.5%;width:min(195px,22%);max-width:22%}
 .wave-step-1,.wave-step-3{left:1.5%;width:min(185px,22%);max-width:22%}
 .wave-logo-wrap{max-width:min(420px,43%)}
}
@media(max-width:850px){
 .site-header .header-in{min-width:0}
 .site-header .language-switch{flex-shrink:0}
 .site-header .brand{min-width:0}
 .foot-grid>*{min-width:0}
 .lab9-workbench,.lab50-workbench,.tool-wrap{min-width:0}
 .lab9-workbench>*,.lab50-workbench>*{min-width:0;max-width:100%}
 .lab9-stage canvas,.lab50-preview-card canvas,.tool-preview canvas{max-width:100%;height:auto}
}
@media(max-width:700px){
 /* A formação granulada da logo permanece intacta — apenas limita largura. */
 .wave-process{max-width:100vw}
 .wave-step{min-width:0}
 .wave-logo-wrap{max-width:min(315px,74vw)}
 .wave-metrics{min-width:0}
 .detail-cta,.cta-band,.library59-featured,.library59-card{min-width:0}
 .detail-cta .button,.cta-band .button{max-width:100%;white-space:normal}
 .oi-blog-page,.oi-shell,.oi-article-main{min-width:0}
}
@media(max-width:620px){
 /* Dez miniaturas legíveis: deslize horizontal em vez de comprimir todas. */
 .lab50-layout-grid{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:clamp(76px,23vw,100px);gap:9px;overflow-x:auto;overflow-y:hidden;padding:4px 3px 12px;scroll-snap-type:x proximity;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
 .lab50-layout{scroll-snap-align:start;padding:7px;min-height:88px}
 .lab50-layout-name{font-size:10px;min-height:25px}
 .lab50-layout small{font-size:9px}
 .lab50-preview,.lab9-stage,.lab9-panel,.lab51-extra-tools .tool-wrap{min-width:0}
 #olab-root input:not([type="range"]):not([type="color"]),#olab-root select,#olab-root textarea,
 .ondativa-ai-form input,.tool-panel input:not([type="range"]):not([type="color"]),.tool-panel select,.tool-panel textarea{font-size:16px}
 .ondativa-ai-launch{bottom:calc(13px + env(safe-area-inset-bottom,0px));right:calc(13px + env(safe-area-inset-right,0px));min-height:48px}
 .ondativa-ai-panel{right:calc(8px + env(safe-area-inset-right,0px));bottom:calc(76px + env(safe-area-inset-bottom,0px));width:calc(100vw - 16px - env(safe-area-inset-right,0px) - env(safe-area-inset-left,0px));max-height:calc(100dvh - 91px - env(safe-area-inset-bottom,0px));min-height:0}
 .ondativa-ai-head{padding:13px 15px}
 .ondativa-ai-messages{padding:14px 13px}
 .ondativa-ai-bottom{padding:10px 12px}
 .ondativa-ai-close{min-width:44px;min-height:44px}
 .ondativa-ai-action{min-height:44px}
 .site-header .mobile-nav.open{max-height:calc(100dvh - 76px - env(safe-area-inset-bottom,0px))}
}
@media(max-width:380px){
 .site-header .header-in{gap:7px}
 .site-header .brand .official-logo{max-width:112px}
 .site-header .language-switch{gap:2px}
 .site-header .language-switch a{padding-inline:5px}
 .site-header .mobile-nav.open{grid-template-columns:1fr 1fr;padding-inline:10px}
 .site-header .mobile-nav a{font-size:12px;padding:10px 8px}
 .oi-intro-meta,.oi-section-caption{gap:10px;flex-wrap:wrap}
}
@media(orientation:landscape) and (max-height:540px) and (max-width:1100px){
 .ondativa-ai-panel{top:8px;bottom:8px;height:auto;max-height:calc(100dvh - 16px);min-height:0}
 .ondativa-ai-head{padding-block:9px}
 .ondativa-ai-bottom{gap:6px;padding-block:7px}
 .ondativa-ai-messages{padding-block:8px}
 .site-header .mobile-nav.open{max-height:calc(100dvh - 64px)}
}