/* ConLupa — Calculadora de valor hora. Usa las clases base de tarjetas.css. Al cambiarlo, subir el ?v= en freelance.html. */
#calc input{font-size:16px}
.fl-res{padding:1.6rem;margin-top:1rem}
.fl-hora{display:grid;gap:.15rem;padding-bottom:1rem;border-bottom:1px solid var(--line)}
.fl-hora span{color:var(--muted);font-weight:600}
.fl-hora b{font-size:clamp(2rem,7vw,2.8rem);line-height:1.05;color:var(--heading);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.fl-hora small{color:var(--muted)}
.fl-det{display:grid;gap:.5rem;margin:1rem 0 .4rem}
.fl-det div{display:flex;justify-content:space-between;gap:1rem;align-items:baseline;border-bottom:1px dashed var(--line);padding-bottom:.4rem}
.fl-det dt{color:var(--text);min-width:0}
.fl-det dd{margin:0;font-weight:700;font-variant-numeric:tabular-nums;color:var(--heading);white-space:nowrap}
.fl-proy{font-size:1.1rem;margin:.6rem 0 0}
.fl-proy b{font-variant-numeric:tabular-nums;color:var(--heading)}
.fl-clausula{white-space:pre-wrap;font:400 .98rem/1.6 var(--serif,Georgia,serif);background:var(--sky,var(--surface-2));border-radius:12px;padding:.9rem 1rem;margin:.4rem 0 .6rem;overflow-wrap:anywhere}
#copiado:empty{display:none}
@media (max-width:560px){.fl-det div{flex-direction:column;gap:.1rem}.fl-det dd{white-space:normal}}