.tool-page{max-width:44rem;margin:0 auto;padding:0 1.5rem}.tool-page .page-header p{color:var(--texto-sec);margin-top:.5rem;font-size:.95rem}.tool-form{background:var(--bg-card);border:1px solid var(--borde);border-radius:12px;padding:2rem;margin:2rem 0}.tool-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:1.2rem;gap:1.2rem;margin-bottom:1.2rem}.tool-field{display:flex;flex-direction:column;gap:.4rem}.tool-field label{font-size:.82rem;font-family:var(--f-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--texto-sec)}.tool-field input,.tool-field select,.tool-field textarea{background:var(--bg-elevated);border:1px solid var(--borde);border-radius:8px;padding:.7rem 1rem;color:var(--texto);font-size:.95rem;font-family:var(--f-body);transition:border-color .15s}.tool-field input:focus,.tool-field select:focus{outline:none;border-color:var(--naranja)}.tool-field input::placeholder{color:var(--texto-sec);opacity:.5}.tool-field .unit{font-size:.78rem;color:var(--texto-sec);margin-top:.2rem}.tool-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 2rem;background:var(--naranja);color:#fff;font-weight:600;font-size:.95rem;border:none;border-radius:8px;cursor:pointer;transition:background .15s;margin-top:.5rem}.tool-btn:hover{background:var(--naranja-soft)}.tool-results{background:var(--bg-card);border:1px solid var(--naranja);border-radius:12px;padding:2rem;margin:2rem 0}.tool-results h2{font-family:var(--f-display);font-size:1.3rem;margin-bottom:1.5rem;color:var(--naranja)}.results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:1.2rem;gap:1.2rem}.result-box{background:var(--bg-elevated);border-radius:10px;padding:1.2rem;text-align:center}.result-box .value{font-family:var(--f-display);font-size:2rem;color:var(--naranja);line-height:1.1}.result-box .label{font-size:.78rem;font-family:var(--f-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--texto-sec);margin-top:.4rem}.result-bar{display:flex;align-items:center;gap:1rem;padding:.8rem 0;border-bottom:1px solid var(--borde)}.result-bar:last-child{border-bottom:none}.result-bar .bar-label{flex:1 1;font-size:.9rem}.result-bar .bar-value{font-family:var(--f-mono);font-weight:500;color:var(--naranja)}.result-bar .bar-fill-wrap{flex:2 1;height:8px;background:var(--bg);border-radius:999px;overflow:hidden}.result-bar .bar-fill{height:100%;background:var(--naranja);border-radius:999px;transition:width .4s ease}.prompt-output{background:var(--bg-elevated);border:1px solid var(--borde);border-radius:10px;padding:1.2rem 1.5rem;margin:.8rem 0;font-size:.95rem;line-height:1.6;white-space:pre-wrap}.prompt-output-label{font-family:var(--f-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--naranja);margin-bottom:.3rem}.copy-btn{background:var(--bg-elevated);border:1px solid var(--borde);border-radius:6px;color:var(--texto);padding:.4rem 1rem;font-size:.82rem;cursor:pointer;transition:all .15s}.copy-btn:hover{border-color:var(--naranja);color:var(--naranja)}.tool-tip{background:var(--pulpa);border-radius:10px;padding:1.2rem 1.5rem;margin:1.5rem 0;font-size:.9rem;color:var(--texto);line-height:1.55}.tool-tip strong{color:var(--naranja)}@media (max-width:540px){.tool-row{grid-template-columns:1fr}.results-grid{grid-template-columns:1fr 1fr}}