:root{--ease-out:cubic-bezier(.23, 1, .32, 1)}@layer components{.hora-selector{display:inline-block;position:relative}.hora-boton{border:1px solid color-mix(in oklab, var(--color-hi) 14%, transparent);background:color-mix(in oklab, var(--color-ink-1000) 55%, transparent);min-height:2.75rem;color:var(--color-hi);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;transition:border-color .16s var(--ease-out), background-color .16s var(--ease-out);border-radius:999px;align-items:center;gap:.5rem;padding:.45rem .85rem;font-size:.6875rem;display:inline-flex}.hora-boton:hover,.hora-boton[aria-expanded=true]{border-color:color-mix(in oklab, var(--u-accent,var(--color-hi)) 55%, transparent);background:color-mix(in oklab, var(--color-ink-1000) 75%, transparent)}.hora-boton small{color:var(--color-lo);letter-spacing:.06em}.hora-lista{z-index:50;border:1px solid color-mix(in oklab, var(--color-hi) 12%, transparent);background:color-mix(in oklab, var(--u-deep,#06040b) 30%, var(--color-ink-950));min-width:15rem;max-height:18rem;animation:hora-abre .18s var(--ease-out) both;transform-origin:0 0;border-radius:8px;padding:.35rem;position:absolute;top:calc(100% + .4rem);left:0;overflow-y:auto;box-shadow:0 24px 60px -20px #000000e6}.hora-lista[data-derecha]{transform-origin:100% 0;left:auto;right:0}@keyframes hora-abre{0%{opacity:0;transform:scale(.96)translateY(-4px)}to{opacity:1;transform:none}}.hora-opcion{text-align:left;width:100%;min-height:2.5rem;color:var(--color-hi);transition:background-color .12s var(--ease-out);border-radius:5px;grid-template-columns:1.5rem 1fr auto;align-items:center;gap:.6rem;padding:.4rem .6rem;font-size:.875rem;display:grid}.hora-opcion:hover,.hora-opcion:focus-visible{background:color-mix(in oklab, var(--color-hi) 6%, transparent)}.hora-opcion[aria-selected=true]{background:color-mix(in oklab, var(--u-accent,var(--color-hi)) 16%, transparent)}.hora-opcion small{font-family:var(--font-mono);letter-spacing:.08em;color:var(--color-lo);font-size:.625rem}}