h1{color:#f5f5f5}#secao-horario{padding:5% 4%}.tabs{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin-bottom:6%}.tab-btn{background:rgba(255,255,255,.15);color:#000;border-radius:6px;font-size:.9em;font-weight:700;padding:6px 14px;transition:background .15s}.tab-btn.ativo{background:whitesmoke;color:#1b1b32}.tab-btn:hover:not(.ativo){background:rgba(255,255,255,.3)}.modo-section{display:none}.modo-section.ativo{display:block}legend{text-align:center}.inputs-duracao{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:4%}.input-grupo{display:flex;flex-direction:column;align-items:center;gap:6px}.input-grupo label{font-size:.85em;font-weight:700;color:#000}.input-grupo input[type=number],input[type=time]{background:whitesmoke;border-radius:6px;border:none;text-align:center;color:#1b1b32;font-size:1.3em}.input-time-wrapper{display:flex;justify-content:center;margin-top:4%}.resultado-area{text-align:center;margin-top:6%}.resultado-label{display:block;font-size:.85em;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#333;margin-bottom:4px}.resultado-valor{display:block;font-size:2em;font-weight:700;color:#000}.resultado-sub{display:block;font-size:.85em;color:#333;margin-top:4px}@media (max-width: 450px){#secao-horario{padding:7% 4%}.tab-btn{font-size:.8em;padding:5px 10px}.input-grupo input[type=number],input[type=time]{padding:3% 4%;font-size:1.1em}.resultado-valor{font-size:1.7em}footer{margin-top:10%;height:10vh;line-height:10vh}}@media (min-width: 450px) and (max-width: 600px){#secao-horario{padding:6% 4%}.input-grupo input[type=number],input[type=time]{padding:2.5% 3%}footer{margin-top:8%;height:10vh;line-height:10vh}}@media (min-width: 600px) and (max-width: 900px){#secao-horario{padding:5% 4%}.input-grupo input[type=number],input[type=time]{padding:2% 3%}footer{margin-top:6%;height:8vh;line-height:8vh}}@media (min-width: 900px) and (max-width: 1200px){#secao-horario{padding:4% 3%}.input-grupo input[type=number],input[type=time]{padding:1.5% 2%}footer{margin-top:4%;height:8vh;line-height:8vh}}@media (min-width: 1200px){#secao-horario{padding:3%;max-width:none}.input-grupo input[type=number],input[type=time]{padding:1.5% 2%}footer{margin-top:3%;height:8vh;line-height:8vh}}