/* calculadoras (T14), con los tokens del rediseno "Observatorio" (D01). La caja es de noche (el fondo, el borde y el radio los pone
   .herramienta en estilo.css); el formulario va sobre noche y el RESULTADO va en tarjetas de papel, porque es texto para leer. */
.herramienta{margin:1.6rem 0;padding:1.3rem 1.1rem}
.h-form fieldset{border:0;margin:0 0 1rem;padding:0;min-width:0}
.h-form legend{font:700 1.35rem/1.25 var(--serif);color:#FBF6E6;padding:0;margin-bottom:1rem}
.h-form label{display:block;font:600 .72rem/1.3 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--oro);margin:0 0 .4rem}
.h-form input[type=date],.h-form input[type=time],.h-form input:not([type]),.h-form select{width:100%;min-height:48px;padding:.55rem .7rem;font:500 1.05rem var(--sans);
  color:var(--tinta);background:var(--hueso);border:1px solid var(--filete-noche);border-radius:8px;color-scheme:light}
.h-form input:disabled{opacity:.55}
.h-form input:focus-visible,.h-form select:focus-visible{outline:3px solid var(--oro);outline-offset:2px}
.h-fila{display:grid;grid-template-columns:1fr;gap:.9rem;margin-bottom:.9rem}
.h-fila>div{min-width:0}
@media (min-width:560px){.h-fila{grid-template-columns:1fr 1fr}.herramienta{padding:1.8rem}}
.h-chk{display:flex;align-items:center;gap:.7rem;min-height:44px;margin:0 0 .9rem}
.h-chk input{width:24px;height:24px;accent-color:var(--oro)}
.h-chk label{margin:0;font:500 1rem/1.3 var(--sans);letter-spacing:0;text-transform:none;color:var(--luna)}
.h-otro{margin-top:.4rem}
.h-form .boton{background:var(--oro);color:var(--noche-tinta);width:100%}
.h-form .boton:hover{background:#DAB43C}
.h-form .boton:disabled{opacity:.6;cursor:progress}
@media (min-width:560px){.h-form .boton{width:auto}}
.h-error{margin:.9rem 0;padding:.7rem .9rem;border-left:4px solid #E08A93;background:#4A1B28;color:#FFE3DA;font:500 1rem/1.4 var(--sans);border-radius:0 8px 8px 0}
.h-res{margin-top:1.1rem}
.h-res:focus{outline:none}
/* resultado: papel */
.h-card,.h-tabla,.h-aviso-t,.h-asp{--tx:var(--cuerpo);--tit:var(--tinta);--sec:var(--suave);--lin:var(--filete);--k:var(--oro-tinta);--foco:var(--oro-tinta);color:var(--cuerpo);color-scheme:light}
.h-card{margin:0 0 1rem;padding:1rem 1.1rem;background:var(--papel);border-left:4px solid var(--oro);border-radius:12px}
.h-card p{margin:.3rem 0}
.h-card a{color:var(--tinta)}
.h-k{font:600 .74rem/1.3 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--oro-tinta)}
.h-v{font:700 1.5rem/1.25 var(--serif);color:var(--tinta)}
.h-l{font:500 1rem var(--sans)}
.h-aviso{border-left-color:#B5525A}
.h-aviso-t{margin:.8rem 0;padding:.7rem .9rem;background:var(--hueso);border-left:4px solid var(--oro-tinta);border-radius:0 8px 8px 0;font:500 1rem/1.45 var(--sans)}
.h-tres{display:grid;gap:.8rem}
@media (min-width:760px){.h-tres{grid-template-columns:repeat(3,1fr)}}
.h-tabla{overflow-x:auto;margin:.6rem 0 1rem;background:var(--papel);border-radius:12px;padding:.2rem .4rem}
.h-tabla table{border-collapse:collapse;width:100%;font:500 1rem var(--sans)}
.h-tabla th,.h-tabla td{padding:.55rem .7rem;border-bottom:1px solid var(--filete);text-align:left;white-space:nowrap;color:var(--cuerpo)}
.h-tabla tr:last-child th,.h-tabla tr:last-child td{border-bottom:0}
.h-tabla thead th{font:600 .74rem/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--suave);border-bottom:2px solid var(--filete)}
.h-tabla tbody th{color:var(--tinta);font-weight:600}
.h-asp{margin:.6rem 0 1rem;padding:.9rem 1rem .9rem 2.2rem;background:var(--papel);border-radius:12px;font:500 1rem/1.6 var(--sans)}
.h-res>p{font:500 1rem/1.5 var(--sans);color:var(--luna-suave)}
.nota-h{font:500 .88rem/1.5 var(--sans);color:var(--luna-suave);margin:1rem 0 0}
.nota-h a{color:var(--luna)}
.herramienta h3{font:700 1.2rem/1.25 var(--serif);margin:1.4rem 0 .4rem;color:#FBF6E6}