/* ========================================================= PORTO DAS DUPLAS — 8–9 ANOS — ROTA NORMAL Ajustes visuais específicos da faixa 8–9 ========================================================= */ /* ========================================================= 1. PALCO / ÁREA VISUAL ========================================================= */ #palco-objetos.palco-padrao[data-exercicio-codigo="duplas_ancoras"], #palco-objetos.palco-padrao[data-exercicio-codigo="caixas_gemeas_cais"], #palco-objetos.palco-padrao[data-exercicio-codigo="pares_fecham_vinte"], #palco-objetos.palco-padrao[data-exercicio-codigo="duplas_carga"], #palco-objetos.palco-padrao[data-exercicio-codigo="duas_equipes_pier"] { width: 100% !important; min-height: auto !important; margin: 4px auto 8px !important; padding: 0 !important; border: none !important; outline: none !important; box-shadow: none !important; background: transparent !important; } #palco-objetos[data-exercicio-codigo="duplas_ancoras"] .area-visual-tarefa, #palco-objetos[data-exercicio-codigo="caixas_gemeas_cais"] .area-visual-tarefa, #palco-objetos[data-exercicio-codigo="pares_fecham_vinte"] .area-visual-tarefa, #palco-objetos[data-exercicio-codigo="duplas_carga"] .area-visual-tarefa, #palco-objetos[data-exercicio-codigo="duas_equipes_pier"] .area-visual-tarefa { width: min(100%, 390px) !important; max-width: 390px !important; min-height: auto !important; margin: 2px auto 8px !important; padding: 0 !important; border: none !important; outline: none !important; box-shadow: none !important; background: transparent !important; } #palco-objetos[data-exercicio-codigo="duplas_ancoras"] .area-visual-tarefa::before, #palco-objetos[data-exercicio-codigo="caixas_gemeas_cais"] .area-visual-tarefa::before, #palco-objetos[data-exercicio-codigo="pares_fecham_vinte"] .area-visual-tarefa::before, #palco-objetos[data-exercicio-codigo="duplas_carga"] .area-visual-tarefa::before, #palco-objetos[data-exercicio-codigo="duas_equipes_pier"] .area-visual-tarefa::before, #palco-objetos[data-exercicio-codigo="duplas_ancoras"] .area-visual-tarefa::after, #palco-objetos[data-exercicio-codigo="caixas_gemeas_cais"] .area-visual-tarefa::after, #palco-objetos[data-exercicio-codigo="pares_fecham_vinte"] .area-visual-tarefa::after, #palco-objetos[data-exercicio-codigo="duplas_carga"] .area-visual-tarefa::after, #palco-objetos[data-exercicio-codigo="duas_equipes_pier"] .area-visual-tarefa::after { display: none !important; content: none !important; } #palco-objetos[data-exercicio-codigo="duplas_ancoras"] .img-visual-tarefa, #palco-objetos[data-exercicio-codigo="caixas_gemeas_cais"] .img-visual-tarefa, #palco-objetos[data-exercicio-codigo="pares_fecham_vinte"] .img-visual-tarefa, #palco-objetos[data-exercicio-codigo="duplas_carga"] .img-visual-tarefa, #palco-objetos[data-exercicio-codigo="duas_equipes_pier"] .img-visual-tarefa { width: 100% !important; max-width: 385px !important; max-height: 285px !important; height: auto !important; display: block !important; margin: 0 auto !important; object-fit: contain !important; border: none !important; outline: none !important; box-shadow: none !important; border-radius: 18px !important; } /* ========================================================= 2. BOTÕES — OPÇÕES CURTAS ========================================================= */ #tela-jogo:has(#palco-objetos[data-exercicio-codigo="duplas_ancoras"]) #teclado-numerico.opcoes-resposta.opcoes-curtas, #tela-jogo:has(#palco-objetos[data-exercicio-codigo="caixas_gemeas_cais"]) #teclado-numerico.opcoes-resposta.opcoes-curtas, #tela-jogo:has(#palco-objetos[data-exercicio-codigo="pares_fecham_vinte"]) #teclado-numerico.opcoes-resposta.opcoes-curtas, #tela-jogo:has(#palco-objetos[data-exercicio-codigo="duplas_carga"]) #teclado-numerico.opcoes-resposta.opcoes-curtas, #tela-jogo:has(#palco-objetos[data-exercicio-codigo="duas_equipes_pier"]) #teclado-numerico.opcoes-resposta.opcoes-curtas { width: min(320px, 86vw) !important; max-width: 320px !important; margin: 8px auto 14px !important; display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px 14px !important; justify-content: center !important; align-items: center !important; } #tela-jogo:has(#palco-objetos[data-exercicio-codigo="duplas_ancoras"]) #teclado-numerico.opcoes-resposta.opcoes-curtas .btn-numero, #tela-jogo:has(#palco-objetos[data-exercicio-codigo="caixas_gemeas_cais"]) #teclado-numerico.opcoes-resposta.opcoes-curtas .btn-numero, #tela-jogo:has(#palco-objetos[data-exercicio-codigo="pares_fecham_vinte"]) #teclado-numerico.opcoes-resposta.opcoes-curtas .btn-numero, #tela-jogo:has(#palco-objetos[data-exercicio-codigo="duplas_carga"]) #teclado-numerico.opcoes-resposta.opcoes-curtas .btn-numero, #tela-jogo:has(#palco-objetos[data-exercicio-codigo="duas_equipes_pier"]) #teclado-numerico.opcoes-resposta.opcoes-curtas .btn-numero { width: 100% !important; min-width: 0 !important; height: 52px !important; min-height: 52px !important; padding: 0 10px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 14px !important; font-size: 1rem !important; font-weight: 900 !important; line-height: 1 !important; text-align: center !important; } /* ========================================================= 3. AJUSTE FINO DO ENUNCIADO / OPERAÇÃO ========================================================= */ #tela-jogo:has(#palco-objetos[data-exercicio-codigo="duplas_ancoras"]) #instrucao, #tela-jogo:has(#palco-objetos[data-exercicio-codigo="caixas_gemeas_cais"]) #instrucao, #tela-jogo:has(#palco-objetos[data-exercicio-codigo="pares_fecham_vinte"]) #instrucao, #tela-jogo:has(#palco-objetos[data-exercicio-codigo="duplas_carga"]) #instrucao, #tela-jogo:has(#palco-objetos[data-exercicio-codigo="duas_equipes_pier"]) #instrucao { margin-bottom: 4px !important; line-height: 1.2 !important; } #tela-jogo:has(#palco-objetos[data-exercicio-codigo="duplas_ancoras"]) #display-operacao, #tela-jogo:has(#palco-objetos[data-exercicio-codigo="caixas_gemeas_cais"]) #display-operacao, #tela-jogo:has(#palco-objetos[data-exercicio-codigo="pares_fecham_vinte"]) #display-operacao, #tela-jogo:has(#palco-objetos[data-exercicio-codigo="duplas_carga"]) #display-operacao, #tela-jogo:has(#palco-objetos[data-exercicio-codigo="duas_equipes_pier"]) #display-operacao { margin: 2px auto 6px !important; } /* ========================================================= 4. AJUSTE FINO MOBILE ========================================================= */ @media (max-width: 380px) { #palco-objetos[data-exercicio-codigo="duplas_ancoras"] .img-visual-tarefa, #palco-objetos[data-exercicio-codigo="caixas_gemeas_cais"] .img-visual-tarefa, #palco-objetos[data-exercicio-codigo="pares_fecham_vinte"] .img-visual-tarefa, #palco-objetos[data-exercicio-codigo="duplas_carga"] .img-visual-tarefa, #palco-objetos[data-exercicio-codigo="duas_equipes_pier"] .img-visual-tarefa { max-width: 100% !important; max-height: 260px !important; } #tela-jogo:has(#palco-objetos[data-exercicio-codigo="duplas_ancoras"]) #teclado-numerico.opcoes-resposta.opcoes-curtas, #tela-jogo:has(#palco-objetos[data-exercicio-codigo="caixas_gemeas_cais"]) #teclado-numerico.opcoes-resposta.opcoes-curtas, #tela-jogo:has(#palco-objetos[data-exercicio-codigo="pares_fecham_vinte"]) #teclado-numerico.opcoes-resposta.opcoes-curtas, #tela-jogo:has(#palco-objetos[data-exercicio-codigo="duplas_carga"]) #teclado-numerico.opcoes-resposta.opcoes-curtas, #tela-jogo:has(#palco-objetos[data-exercicio-codigo="duas_equipes_pier"]) #teclado-numerico.opcoes-resposta.opcoes-curtas { width: min(300px, 84vw) !important; gap: 8px 12px !important; } #tela-jogo:has(#palco-objetos[data-exercicio-codigo="duplas_ancoras"]) #teclado-numerico.opcoes-resposta.opcoes-curtas .btn-numero, #tela-jogo:has(#palco-objetos[data-exercicio-codigo="caixas_gemeas_cais"]) #teclado-numerico.opcoes-resposta.opcoes-curtas .btn-numero, #tela-jogo:has(#palco-objetos[data-exercicio-codigo="pares_fecham_vinte"]) #teclado-numerico.opcoes-resposta.opcoes-curtas .btn-numero, #tela-jogo:has(#palco-objetos[data-exercicio-codigo="duplas_carga"]) #teclado-numerico.opcoes-resposta.opcoes-curtas .btn-numero, #tela-jogo:has(#palco-objetos[data-exercicio-codigo="duas_equipes_pier"]) #teclado-numerico.opcoes-resposta.opcoes-curtas .btn-numero { height: 50px !important; min-height: 50px !important; font-size: 0.95rem !important; } } /* ========================================================= PORTO DAS DUPLAS — 8–9 ANOS — ROTA DESAFIO Ajustes visuais específicos da faixa 8–9 ========================================================= */ /* ========================================================= 1. PALCO / ÁREA VISUAL ========================================================= */ #palco-objetos.palco-padrao[data-exercicio-codigo="coletes_em_par"], #palco-objetos.palco-padrao[data-exercicio-codigo="dupla_quase_igual"], #palco-objetos.palco-padrao[data-exercicio-codigo="placas_fecham_cinquenta"], #palco-objetos.palco-padrao[data-exercicio-codigo="guindastes_em_dupla"], #palco-objetos.palco-padrao[data-exercicio-codigo="duas_duplas_armazem"] { width: 100% !important; min-height: auto !important; margin: 4px auto 8px !important; padding: 0 !important; border: none !important; outline: none !important; box-shadow: none !important; background: transparent !important; } #palco-objetos[data-exercicio-codigo="coletes_em_par"] .area-visual-tarefa, #palco-objetos[data-exercicio-codigo="dupla_quase_igual"] .area-visual-tarefa, #palco-objetos[data-exercicio-codigo="placas_fecham_cinquenta"] .area-visual-tarefa, #palco-objetos[data-exercicio-codigo="guindastes_em_dupla"] .area-visual-tarefa, #palco-objetos[data-exercicio-codigo="duas_duplas_armazem"] .area-visual-tarefa { width: min(100%, 390px) !important; max-width: 390px !important; min-height: auto !important; margin: 2px auto 8px !important; padding: 0 !important; border: none !important; outline: none !important; box-shadow: none !important; background: transparent !important; } #palco-objetos[data-exercicio-codigo="coletes_em_par"] .area-visual-tarefa::before, #palco-objetos[data-exercicio-codigo="dupla_quase_igual"] .area-visual-tarefa::before, #palco-objetos[data-exercicio-codigo="placas_fecham_cinquenta"] .area-visual-tarefa::before, #palco-objetos[data-exercicio-codigo="guindastes_em_dupla"] .area-visual-tarefa::before, #palco-objetos[data-exercicio-codigo="duas_duplas_armazem"] .area-visual-tarefa::before, #palco-objetos[data-exercicio-codigo="coletes_em_par"] .area-visual-tarefa::after, #palco-objetos[data-exercicio-codigo="dupla_quase_igual"] .area-visual-tarefa::after, #palco-objetos[data-exercicio-codigo="placas_fecham_cinquenta"] .area-visual-tarefa::after, #palco-objetos[data-exercicio-codigo="guindastes_em_dupla"] .area-visual-tarefa::after, #palco-objetos[data-exercicio-codigo="duas_duplas_armazem"] .area-visual-tarefa::after { display: none !important; content: none !important; } #palco-objetos[data-exercicio-codigo="coletes_em_par"] .img-visual-tarefa, #palco-objetos[data-exercicio-codigo="dupla_quase_igual"] .img-visual-tarefa, #palco-objetos[data-exercicio-codigo="placas_fecham_cinquenta"] .img-visual-tarefa, #palco-objetos[data-exercicio-codigo="guindastes_em_dupla"] .img-visual-tarefa, #palco-objetos[data-exercicio-codigo="duas_duplas_armazem"] .img-visual-tarefa { width: 100% !important; max-width: 385px !important; max-height: 285px !important; height: auto !important; display: block !important; margin: 0 auto !important; object-fit: contain !important; border: none !important; outline: none !important; box-shadow: none !important; border-radius: 18px !important; } /* ========================================================= 2. BOTÕES — OPÇÕES CURTAS ========================================================= */ #tela-jogo:has(#palco-objetos[data-exercicio-codigo="coletes_em_par"]) #teclado-numerico.opcoes-resposta.opcoes-curtas, #tela-jogo:has(#palco-objetos[data-exercicio-codigo="dupla_quase_igual"]) #teclado-numerico.opcoes-resposta.opcoes-curtas, #tela-jogo:has(#palco-objetos[data-exercicio-codigo="placas_fecham_cinquenta"]) #teclado-numerico.opcoes-resposta.opcoes-curtas, #tela-jogo:has(#palco-objetos[data-exercicio-codigo="guindastes_em_dupla"]) #teclado-numerico.opcoes-resposta.opcoes-curtas, #tela-jogo:has(#palco-objetos[data-exercicio-codigo="duas_duplas_armazem"]) #teclado-numerico.opcoes-resposta.opcoes-curtas { width: min(320px, 86vw) !important; max-width: 320px !important; margin: 8px auto 14px !important; display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px 14px !important; justify-content: center !important; align-items: center !important; } #tela-jogo:has(#palco-objetos[data-exercicio-codigo="coletes_em_par"]) #teclado-numerico.opcoes-resposta.opcoes-curtas .btn-numero, #tela-jogo:has(#palco-objetos[data-exercicio-codigo="dupla_quase_igual"]) #teclado-numerico.opcoes-resposta.opcoes-curtas .btn-numero, #tela-jogo:has(#palco-objetos[data-exercicio-codigo="placas_fecham_cinquenta"]) #teclado-numerico.opcoes-resposta.opcoes-curtas .btn-numero, #tela-jogo:has(#palco-objetos[data-exercicio-codigo="guindastes_em_dupla"]) #teclado-numerico.opcoes-resposta.opcoes-curtas .btn-numero, #tela-jogo:has(#palco-objetos[data-exercicio-codigo="duas_duplas_armazem"]) #teclado-numerico.opcoes-resposta.opcoes-curtas .btn-numero { width: 100% !important; min-width: 0 !important; height: 52px !important; min-height: 52px !important; padding: 0 10px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 14px !important; font-size: 1rem !important; font-weight: 900 !important; line-height: 1 !important; text-align: center !important; } /* ========================================================= 3. AJUSTE FINO DO ENUNCIADO / OPERAÇÃO ========================================================= */ #tela-jogo:has(#palco-objetos[data-exercicio-codigo="coletes_em_par"]) #instrucao, #tela-jogo:has(#palco-objetos[data-exercicio-codigo="dupla_quase_igual"]) #instrucao, #tela-jogo:has(#palco-objetos[data-exercicio-codigo="placas_fecham_cinquenta"]) #instrucao, #tela-jogo:has(#palco-objetos[data-exercicio-codigo="guindastes_em_dupla"]) #instrucao, #tela-jogo:has(#palco-objetos[data-exercicio-codigo="duas_duplas_armazem"]) #instrucao { margin-bottom: 4px !important; line-height: 1.2 !important; } #tela-jogo:has(#palco-objetos[data-exercicio-codigo="coletes_em_par"]) #display-operacao, #tela-jogo:has(#palco-objetos[data-exercicio-codigo="dupla_quase_igual"]) #display-operacao, #tela-jogo:has(#palco-objetos[data-exercicio-codigo="placas_fecham_cinquenta"]) #display-operacao, #tela-jogo:has(#palco-objetos[data-exercicio-codigo="guindastes_em_dupla"]) #display-operacao, #tela-jogo:has(#palco-objetos[data-exercicio-codigo="duas_duplas_armazem"]) #display-operacao { margin: 2px auto 6px !important; } /* ========================================================= 4. AJUSTE FINO MOBILE ========================================================= */ @media (max-width: 380px) { #palco-objetos[data-exercicio-codigo="coletes_em_par"] .img-visual-tarefa, #palco-objetos[data-exercicio-codigo="dupla_quase_igual"] .img-visual-tarefa, #palco-objetos[data-exercicio-codigo="placas_fecham_cinquenta"] .img-visual-tarefa, #palco-objetos[data-exercicio-codigo="guindastes_em_dupla"] .img-visual-tarefa, #palco-objetos[data-exercicio-codigo="duas_duplas_armazem"] .img-visual-tarefa { max-width: 100% !important; max-height: 260px !important; } #tela-jogo:has(#palco-objetos[data-exercicio-codigo="coletes_em_par"]) #teclado-numerico.opcoes-resposta.opcoes-curtas, #tela-jogo:has(#palco-objetos[data-exercicio-codigo="dupla_quase_igual"]) #teclado-numerico.opcoes-resposta.opcoes-curtas, #tela-jogo:has(#palco-objetos[data-exercicio-codigo="placas_fecham_cinquenta"]) #teclado-numerico.opcoes-resposta.opcoes-curtas, #tela-jogo:has(#palco-objetos[data-exercicio-codigo="guindastes_em_dupla"]) #teclado-numerico.opcoes-resposta.opcoes-curtas, #tela-jogo:has(#palco-objetos[data-exercicio-codigo="duas_duplas_armazem"]) #teclado-numerico.opcoes-resposta.opcoes-curtas { width: min(300px, 84vw) !important; gap: 8px 12px !important; } #tela-jogo:has(#palco-objetos[data-exercicio-codigo="coletes_em_par"]) #teclado-numerico.opcoes-resposta.opcoes-curtas .btn-numero, #tela-jogo:has(#palco-objetos[data-exercicio-codigo="dupla_quase_igual"]) #teclado-numerico.opcoes-resposta.opcoes-curtas .btn-numero, #tela-jogo:has(#palco-objetos[data-exercicio-codigo="placas_fecham_cinquenta"]) #teclado-numerico.opcoes-resposta.opcoes-curtas .btn-numero, #tela-jogo:has(#palco-objetos[data-exercicio-codigo="guindastes_em_dupla"]) #teclado-numerico.opcoes-resposta.opcoes-curtas .btn-numero, #tela-jogo:has(#palco-objetos[data-exercicio-codigo="duas_duplas_armazem"]) #teclado-numerico.opcoes-resposta.opcoes-curtas .btn-numero { height: 50px !important; min-height: 50px !important; font-size: 0.95rem !important; } }