/* psf-reloj.css — la calculadora de la hora de la melatonina. [D-285 · v9.91.0] */
.psf-reloj{margin:var(--pf-s-4,20px) 0;padding:var(--pf-s-4,20px);border:1px solid var(--pf-line,#d8dee6);border-radius:var(--pf-r-md,10px);background:var(--pf-paper,#fff);}
.psf-reloj__h{margin:0 0 var(--pf-s-2,8px);font-size:1.15em;}
.psf-reloj__lead{margin:0 0 var(--pf-s-3,14px);max-width:var(--pf-w-read,68ch);line-height:1.6;}
.psf-reloj__form{display:grid;gap:var(--pf-s-3,14px);margin-bottom:var(--pf-s-3,14px);}
.psf-reloj__metas{border:0;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px;}
.psf-reloj__metas legend{font-size:var(--pf-fs-micro,.8em);font-weight:600;margin-bottom:6px;color:var(--pf-ink-soft,#5a6577);}
.psf-reloj__metas label{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--pf-line,#d8dee6);border-radius:999px;font-size:var(--pf-fs-small,.92em);cursor:pointer;}
.psf-reloj__metas label:has(input:checked){border-color:var(--pf-cls,#3b4a9a);background:color-mix(in srgb,var(--pf-cls,#3b4a9a) 12%,transparent);}
.psf-reloj__metas input{accent-color:var(--pf-cls,#3b4a9a);}
.psf-reloj__horas{display:flex;flex-wrap:wrap;gap:var(--pf-s-2,8px) var(--pf-s-4,20px);}
.psf-reloj__horas label{display:flex;align-items:center;gap:8px;font-size:var(--pf-fs-small,.92em);}
.psf-reloj__horas label[hidden]{display:none;}
.psf-reloj__horas input{font:inherit;padding:4px 6px;border:1px solid var(--pf-line,#d8dee6);border-radius:6px;background:transparent;color:inherit;}
.psf-reloj__lienzo{overflow-x:auto;-webkit-overflow-scrolling:touch;}
.psf-reloj__svg{display:block;width:100%;min-width:560px;height:auto;font-family:inherit;}
.psf-reloj .rj-fondo{fill:color-mix(in srgb,var(--pf-ink,#152033) 4%,transparent);}
.psf-reloj .rj-sueno{fill:color-mix(in srgb,var(--pf-ink,#152033) 16%,transparent);}
.psf-reloj .rj-avance{fill:color-mix(in srgb,#2f8a4f 40%,transparent);}
.psf-reloj .rj-atraso{fill:color-mix(in srgb,#c0702a 40%,transparent);}
.psf-reloj .rj-muerta{fill:color-mix(in srgb,var(--pf-ink,#152033) 8%,transparent);}
.psf-reloj .rj-toma{fill:var(--pf-cls,#3b4a9a);}
.psf-reloj .rj-ventana{fill:color-mix(in srgb,var(--pf-cls,#3b4a9a) 30%,transparent);stroke:var(--pf-cls,#3b4a9a);stroke-width:1.5;}
.psf-reloj .rj-tick{stroke:var(--pf-ink-soft,#5a6577);}
.psf-reloj .rj-hora{font-size:10px;fill:var(--pf-ink-soft,#5a6577);}
.psf-reloj .rj-rot{font-size:11px;fill:var(--pf-ink,#152033);}
.psf-reloj .rj-rot-mu{font-size:9.5px;fill:var(--pf-ink-soft,#5a6577);}
.psf-reloj .rj-m-toma{stroke:var(--pf-cls,#3b4a9a);stroke-width:2.5;}
.psf-reloj .rj-m-toma-t{font-size:11.5px;font-weight:600;fill:var(--pf-cls-tx,var(--pf-cls,#3b4a9a));}
.psf-reloj .rj-m-dlmo,.psf-reloj .rj-m-3mg{stroke:var(--pf-ink-soft,#5a6577);stroke-dasharray:3 3;}
.psf-reloj .rj-m-dlmo-t,.psf-reloj .rj-m-3mg-t{font-size:10.5px;fill:var(--pf-ink-soft,#5a6577);}
.psf-reloj__salida{margin-top:var(--pf-s-3,14px);max-width:var(--pf-w-read,68ch);line-height:1.6;}
.psf-reloj__t{margin:0 0 6px;font-size:1em;}
.psf-reloj__salida p{margin:0 0 8px;}
.psf-reloj__nota{margin:var(--pf-s-3,14px) 0 0;font-size:var(--pf-fs-micro,.8em);color:var(--pf-ink-soft,#5a6577);line-height:1.55;}
.psf-reloj__tabla{width:100%;border-collapse:collapse;font-size:var(--pf-fs-small,.92em);}
.psf-reloj__tabla th,.psf-reloj__tabla td{padding:6px 8px;border-bottom:1px solid var(--pf-line,#d8dee6);text-align:left;vertical-align:top;}
