.conversor-medidas-br{max-width:600px;margin:20px auto;padding:25px;background:#fff;border-radius:12px;box-shadow:0 2px 15px rgb(0 0 0 / .1)}.conversor-medidas-br form{display:flex;flex-direction:column;gap:25px}.group{display:flex;flex-direction:column;gap:10px}.group label{font-size:16px;color:#333;font-weight:500}.group label span{display:inline-block;width:24px;height:24px;background:#ff4b4b;color:#fff;border-radius:50%;text-align:center;line-height:24px;margin-right:8px}.select{position:relative}.select i{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#666;pointer-events:none}.select select,input[type="number"]{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:15px;appearance:none;background:#fff}.grid{display:grid;grid-template-columns:1fr 1.5fr;gap:12px}.buttons{display:flex;gap:12px;margin-top:10px}.button{padding:12px 24px;border:none;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:all 0.3s ease;flex:1}.button.bord{background:#fff0;border:1px solid #ddd;color:#666}.button.red{background:#ff4b4b;color:#fff;position:relative}.button.red:hover{background:#f33;transform:translateY(-2px)}.button .spinner{display:none;width:20px;height:20px;border:2px solid rgb(255 255 255 / .3);border-radius:50%;border-top-color:#fff;animation:spin 1s linear infinite;position:absolute;right:10px;top:50%;margin-top:-10px}.button.loading .text{margin-right:30px}.button.loading .spinner{display:block}.resultado{margin-top:25px;padding:20px;background:#f8f9fa;border-radius:8px;text-align:center}.resultado-valor{font-size:24px;color:#333;margin-bottom:10px}.resultado-dica{font-size:14px;color:#666;font-style:italic}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:600px){.conversor-medidas-br{margin:10px;padding:15px}.grid{grid-template-columns:1fr}.buttons{flex-direction:column}}.ingredient-input{display:flex;gap:10px;position:relative}.select-wrapper{flex:1;position:relative}.ingredient-select,.ingredient-text{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:15px;background:#fff}.ingredient-text{flex:1}optgroup{font-weight:700;color:#666}optgroup option{font-weight:400;padding-left:15px}