/* Mobile presentation; original content and desktop layout remain available. */
button,a{-webkit-tap-highlight-color:transparent}
button{touch-action:manipulation}
@media(max-width:767px){
 html{scroll-padding-bottom:100px;-webkit-text-size-adjust:100%;text-size-adjust:100%}
 body{--theme-text-size:16px;--theme-heading-size:28px}
 .main-content{min-height:calc(100svh - 64px);justify-content:flex-start;gap:18px;padding:max(12px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 20px max(16px,env(safe-area-inset-left))}
 .quiz-header{gap:8px}
 .quiz-header>div:first-child{align-items:center}
 .quiz-logo{width:56px!important}
 .quiz-back,.quiz-header .quiz-back~div:last-child:not(:has(img)){width:44px!important;min-width:44px}
 .quiz-back button{width:44px;min-height:44px;justify-content:center;border-radius:12px}
 .quiz-back button:active{background:#f0f5f2}
 .quiz-content{min-width:0}
 .quiz-tail{display:none}
 .content h1{font-size:clamp(24px,6.7vw,28px);line-height:1.16;text-wrap:balance}
 .content h2{font-size:clamp(21px,5.7vw,24px);line-height:1.2;text-wrap:balance}
 .content h3{font-size:19px;line-height:1.25}
 .content{overflow-wrap:break-word}
 .quiz-content [id^="q_"]>div>.content:first-child{margin-top:10px;margin-bottom:16px}
 .quiz-content [id^="q_"] button{min-height:56px;line-height:1.35}
 #q_idade button{border-radius:14px}
 #q_idade .option-wrap>div:first-child>div{aspect-ratio:1.18/1}
 #q_idade .option-wrap>div:first-child img{object-fit:contain!important}
 #q_idade .option-wrap>div:last-child{min-height:46px!important;padding:8px 10px;gap:0}
 #q_idade .option-wrap>div:last-child>div:empty{display:none}
 #q_idade .content{font-size:15px}
 #pp6ld0 .content{font-size:13px;line-height:1.4}
 .portrait-frame{height:clamp(170px,27svh,230px);padding-bottom:0!important}
 .portrait-frame img{object-fit:contain!important}
 .mobile-action{position:fixed;z-index:60;bottom:0;left:0;right:0;width:100%;max-width:480px;margin:0 auto;flex-basis:auto!important;padding:10px max(16px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))!important;background:rgba(255,255,255,.98);border-top:1px solid #e5ece8;box-shadow:0 -4px 16px #11182706}
 .mobile-action .btn{min-height:56px;font-size:16px;font-weight:600;line-height:1.3;padding:12px 16px;border-radius:14px}
 .mobile-action .btn:disabled{opacity:.45;cursor:default}
 body.has-mobile-action .main-content{min-height:calc(100svh - 150px - env(safe-area-inset-bottom))}
 body.has-mobile-action main{padding-bottom:calc(86px + env(safe-area-inset-bottom))}
 .quiz-footer{height:auto;min-height:52px}
 .quiz-footer>div{position:static;flex-wrap:wrap;padding:8px 16px;gap:6px;line-height:1.4}
 .quiz-footer button{min-height:32px;padding:4px}
 #o02f3t button{min-height:56px;gap:12px}
 #o02f3t button>span{font-size:17px;line-height:1.3}
 #ads-dialog-overlay [role="dialog"]{width:calc(100% - 24px);max-height:calc(100svh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;overscroll-behavior:contain}
 #ads-dialog-overlay [role="dialog"]>button{min-height:44px;min-width:44px}
}
@media(max-width:359px){
 .main-content{padding-left:12px;padding-right:12px;gap:14px}
 .content h1{font-size:24px}
 .content h2{font-size:21px}
 .mobile-action{padding-left:12px!important;padding-right:12px!important}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto!important}
 .ease,.transition,.transition-all{transition-duration:.01ms!important;animation-duration:.01ms!important}
}