h1{color:#f5f5f5}legend{text-align:center}#secao-diferenca{padding:6% 4%}.campos-horario{display:flex;justify-content:center;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-top:4%}.campo-grupo{display:flex;flex-direction:column;align-items:center;gap:6px}.campo-grupo label{font-size:.9em;font-weight:700;color:#000}input[type=time]{background:whitesmoke;border-radius:6px;border:none;text-align:center;cursor:pointer;font-size:1.3em;color:#1b1b32}.separador{font-size:1.5em;font-weight:700;color:#000;padding-bottom:4px}#resultado{text-align:center;margin-top:6%}#resultado-texto{display:block;font-size:1.8em;font-weight:700;color:#000}#resultado-minutos{display:block;font-size:.9em;color:#333;margin-top:4px}.tabela-exemplos{width:100%;border-collapse:collapse;text-align:center}.tabela-exemplos th{background-color:#00ced1;color:#000;font-weight:700}.tabela-exemplos td,.tabela-exemplos th{border:1px solid #444;padding:6px 10px}.tabela-exemplos tr:nth-child(2n) td{background-color:#ffffff0d}@media (max-width: 450px){#secao-diferenca{padding:8% 4%}input[type=time]{padding:3% 4%;font-size:1.2em}#resultado-texto{font-size:1.5em}footer{margin-top:10%;height:10vh;line-height:10vh}}@media (min-width: 450px) and (max-width: 600px){#secao-diferenca{padding:7% 4%}input[type=time]{padding:2.5% 3%;font-size:1.2em}footer{margin-top:8%;height:10vh;line-height:10vh}}@media (min-width: 600px) and (max-width: 900px){#secao-diferenca{padding:5% 4%}input[type=time]{padding:2% 3%}footer{margin-top:6%;height:8vh;line-height:8vh}}@media (min-width: 900px) and (max-width: 1200px){#secao-diferenca{padding:4% 3%}input[type=time]{padding:1.5% 2%}footer{margin-top:4%;height:8vh;line-height:8vh}}@media (min-width: 1200px){#secao-diferenca{padding:2% 3%;max-width:none}input[type=time]{padding:1.5% 2%}footer{margin-top:3%;height:8vh;line-height:8vh}}
