.conversor_de_temperatura{padding:0 0 0 12px}
.temp_calc{flex-direction:column;gap:10px;padding:0 10px 0 0;display:flex}.temp_calc h1{color:#1f3145;font-size:1.875rem}.temp_calc div{flex-direction:column;margin-bottom:20px;display:flex}.temp_calc div label{text-transform:uppercase;font-size:.813rem;font-weight:700}.temp_calc div input{outline:none;margin-top:5px;padding:5px 0}.temp_calc div select{border:.5px solid var(--corPrincipal01);border-radius:5px;outline:none;margin-top:5px;padding:10px 0}.temp_calc div input[type=number],.temp_calc div input[type=text]{border:.5px solid var(--corPrincipal01);border-radius:5px;padding:5px;font-size:18px}.temp_calc div button{border:1px solid var(--corPrincipal01);background-color:var(--corTipografia02);cursor:pointer;border-radius:8px;width:106px;padding:8px 20px;font-weight:700;transition:all .6s}.p_conv_temp{background-color:#dcdcdc;width:250px;height:250px;display:none}.como_utilizar{text-align:justify;padding:20px}.como_utilizar ul li{margin-top:12px}.como_utilizar ul li:last-child p{margin-top:12px;padding-right:10px}.como_utilizar ul li ul li{padding-left:10px}.como_utilizar div h2{margin-bottom:10px}.como_utilizar div ul span{font-weight:700}@media screen and (min-width:1100px){.como_utilizar{grid-template-columns:1fr 300px;justify-items:center;display:grid}.p_conv_temp{display:none}}@media screen and (min-width:751px){.layout_conversor{grid-template-columns:300px 1fr;display:grid}.temp_calc div button:hover{background-color:var(--corPrincipal01);color:#fefefe;cursor:pointer;transition:all .6s}}@media screen and (max-width:750px){.layout_conversor{grid-template-columns:auto;display:grid}.temp_calc div button:hover{cursor:pointer}}
