.campo-input{flex-direction:column;gap:6px;width:100%;display:flex}.campo-input__label{color:#cbd5e1;letter-spacing:.03em;text-transform:uppercase;font-size:.85rem;font-weight:600}.campo-input__input{color:#f1f5f9;box-sizing:border-box;background-color:#1e293b;border:1.5px solid #334155;border-radius:10px;outline:none;width:100%;padding:10px 14px;font-size:1rem;transition:border-color .2s,box-shadow .2s}.campo-input__input::placeholder{color:#475569}.campo-input__input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f140}.campo-input__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.campo-input__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.campo-input__input[type=number]{-moz-appearance:textfield}*{box-sizing:border-box;margin:0;padding:0}body{color:#f1f5f9;background-color:#0f172a;min-height:100vh;font-family:Segoe UI,system-ui,sans-serif}h1{text-align:center;color:#a5b4fc;letter-spacing:.04em;padding:2rem 1rem 1rem;font-size:1.8rem}.container{width:100%;padding:1.5rem 2rem 3rem}.calcular-material h2{color:#94a3b8;border-bottom:1px solid #1e293b;margin-bottom:1.5rem;padding-bottom:.5rem;font-size:1.1rem}.campos{gap:20px;width:100%;margin-top:20px;display:flex}@media (width>=640px){.campos{grid-template-columns:repeat(3,1fr);align-items:start}.campo-cantidad{grid-column:1/-1}}.grupo-fieldset{border:1.5px solid #334155;border-radius:12px;flex-direction:column;gap:1rem;width:100%;height:100%;padding:1.25rem;display:flex}.grupo-fieldset legend{color:#818cf8;letter-spacing:.05em;text-transform:uppercase;padding:0 8px;font-size:.85rem;font-weight:700}button{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:10px;margin:1.5rem auto 0;padding:12px 2.5rem;font-size:1rem;font-weight:600;transition:background .2s;display:block}button:hover{background:#4f46e5}.resultado{background:#0f172a;border-top:1px solid #1e293b;margin-top:2.5rem;padding:1.5rem 2rem 2rem}.resultado h2{color:#a5b4fc;text-align:center;margin-bottom:1.5rem;font-size:1.2rem}.resultado-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.resultado-seccion{background:#1e293b;border:1px solid #334155;border-radius:12px;flex-direction:column;gap:.5rem;padding:1rem 1.25rem;display:flex}.resultado-seccion h3{text-transform:uppercase;letter-spacing:.06em;color:#818cf8;margin-bottom:.25rem;font-size:.8rem}.resultado-seccion h3 small{color:#64748b;text-transform:none;font-size:.7rem}.resultado-seccion p{color:#94a3b8;justify-content:space-between;align-items:center;gap:.5rem;font-size:.9rem;display:flex}.resultado-seccion p strong{color:#f1f5f9;white-space:nowrap}.resultado-seccion p strong.precio{color:#34d399}.resultado-total{background:#1e293b;border:1.5px solid #6366f1;border-radius:12px;justify-content:space-between;align-items:center;padding:1rem 1.5rem;font-size:1.1rem;display:flex}.resultado-total span{color:#94a3b8}.resultado-total strong{color:#34d399;font-size:1.3rem}