/* ════════════════════════════════════════════════════════════════════════════
   estilo-14.css · RONDA 2.3 DEL ESTANDAR DE RECEPCION v2
   Encargo 791 · corrida 466 · 30-sep-2026

   Las reglas de lo que app-62 agrega al calendario, mas dos cosas que Eduardo
   pidio al probar la vista previa del PR 367 y que son de hoja, no de codigo:
   el fin de semana en gris tenue y el aire al final de cada pantalla.

   ORDEN DE CARGA: va DESPUES de estilo-12 y de estilo-13, asi que gana por
   orden de fuente y no hace falta subirle la especificidad a la fuerza.
   ════════════════════════════════════════════════════════════════════════════ */

/* ── 1 · EL FIN DE SEMANA DEJA DE VERSE COMO UN HUECO ──────────────────────
   TEXTUAL DE EDUARDO (30-sep, 16:15): «Hoy las columnas de sabado y domingo en
   la rejilla del calendario tienen el mismo color que el fondo general de la
   pagina y por eso las celdas se ven como huecos.»
   Y era literal: estilo-12 pintaba .ohkd.fs y .ohkcel.fs con var(--o-fondo),
   que es el fondo de la pagina, o sea exactamente el color que se ve por la
   separacion entre celdas. Una celda del color de su propia junta no se lee
   como celda: se lee como que ahi no hay nada.

   EL TONO, Y POR QUE NO ES EL NUMERO DEL ENCARGO. El encargo propone un gris
   neutro cerca de #EEEEEC y da el fondo como #F6F5F2. El fondo REAL, medido en
   estilo-01, es #F6F5EF: la paleta de OHOS es CALIDA, no neutra. Un gris
   neutro al lado de un papel calido se lee frio y se nota como error de
   impresion. Se conserva la CLARIDAD que Eduardo pidio y se le devuelve el
   matiz de la paleta: #EEEDE7. Queda mas oscuro que el fondo y que la junta,
   que es lo que hacia falta, y mas claro que cualquier linea, que es lo que
   pedia «sin contraste drastico». */
body.ohm-opera{ --o-finde:#EEEDE7; }
/* modo-dia-noche */
@media(prefers-color-scheme:dark){
  /* En nocturno la celda de entre semana es --o-super (#18262F) y la pagina es
     --o-fondo (#0D161D). El fin de semana va en medio y no en el fondo, por la
     misma razon que en claro: pegarlo al fondo lo vuelve un hueco. */
  :where(html:not(.oh-dia)) body.ohm-opera{ --o-finde:#14212A; }
}
/* la misma, cuando se elige Noche en el menu */
  :where(html.oh-noche) body.ohm-opera{ --o-finde:#14212A; }


body.ohm-opera .ohkg .ohkd.fs{background:var(--o-finde)}
body.ohm-opera .ohkg .ohkcel.fs{background:var(--o-finde)}
/* Hoy y el estado de seleccion siguen mandando sobre el fin de semana: un
   sabado que es hoy se ve como hoy. */
body.ohm-opera .ohkg .ohkd.fs.hoy{background:var(--o-acento-suave)}
body.ohm-opera .ohkg .ohkcel.fs:hover{background:var(--o-acento-suave)}
body.ohm-opera .ohkg .ohkcel.fs.sel,
body.ohm-opera .ohkg .ohkcel.fs.dest{background:var(--o-acento-suave)}

/* ── 2 · AIRE AL FINAL DE CADA PANTALLA ────────────────────────────────────
   Punto 5 del encargo. En escritorio el cuerpo terminaba en padding-bottom:0
   (estilo-10, media de 1180) y el ultimo tablero quedaba pegado a la orilla de
   la ventana. En telefono habia el alto de la barra inferior y nada mas, o sea
   el respiro justo para no quedar TAPADO, que no es lo mismo que respirar. */
body.ohm-opera{
  padding-bottom:calc(var(--o-abajo) + 32px + env(safe-area-inset-bottom));
}
@media(min-width:1180px){
  body.ohm-opera{padding-bottom:48px}
}

/* ── 3 · LA BARRA QUE ESPERA CONFIRMACION ──────────────────────────────────
   Se quedo donde la soltaron y hay que verlo de un vistazo: borde punteado del
   acento y un latido muy corto al nacer. No cambia de color de relleno, para
   que se siga leyendo de que canal es. */
body.ohm-opera .ohkg .ohkbar[data-ohkprop]{
  outline:2px dashed var(--o-acento);
  outline-offset:-2px;
  z-index:4;
}
@media(prefers-reduced-motion:no-preference){
  body.ohm-opera .ohkg .ohkbar[data-ohkprop]{
    animation:ohrlate var(--o-mov-hoja) var(--o-curva) 1;
  }
  @keyframes ohrlate{from{transform:scale(.97)}to{transform:scale(1)}}
}

/* ── 4 · LOS CUARTOS QUE NO PUEDEN RECIBIRLA ───────────────────────────────
   Se atenuan MIENTRAS se arrastra y nada mas. Fuera del gesto la rejilla se ve
   igual que siempre: un cuarto ocupado no es un cuarto en falta. */
body.ohm-opera .ohkg .ohkl.ohrno{opacity:.38}

/* ── 5 · EL FANTASMA QUE SIGUE AL CURSOR ───────────────────────────────────
   Dice lo que VA A QUEDAR, no lo que habia. No recibe el puntero: si lo
   recibiera, se robaria el gesto que esta describiendo. */
.ohrfan{
  position:fixed;z-index:60;pointer-events:none;
  max-width:70vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  background:var(--o-acento,#13707F);color:#fff;
  font-size:var(--o-nota,12px);font-weight:var(--o-fuerte,600);
  border-radius:var(--o-radio-ctl,10px);
  padding:6px 10px;
  box-shadow:var(--o-sombra-alta,0 16px 40px rgba(22,35,44,.18));
}
.ohrfan.mal{background:var(--o-alarma,#BE3C3C)}

/* ── 6 · LA CONFIRMACION, JUNTO A LA BARRA ─────────────────────────────────
   Es el mismo bloque .ohkconf de estilo-12 —misma linea, mismo campo, mismos
   botones— nada mas que colgado del cuerpo y colocado al lado de la barra que
   acaba de moverse. Por eso aqui solo se le dice DONDE va, no como se ve.
   EN TELEFONO NO FLOTA AL LADO: se pega abajo y de orilla a orilla. A 390 px
   una tarjeta flotante junto a una barra taparia justo la rejilla que la
   persona esta mirando, que es el defecto que esto vino a cerrar. */
.ohrconf{
  position:fixed;z-index:62;
  max-width:min(420px,calc(100vw - 16px));
}
.ohrconf .ohkconf{
  margin:0;
  box-shadow:var(--o-sombra-alta,0 16px 40px rgba(22,35,44,.18));
}
.ohrconf.abajo{
  left:8px;right:8px;
  bottom:calc(var(--o-abajo,60px) + 12px + env(safe-area-inset-bottom));
  top:auto;max-width:none;
}
@media(min-width:1180px){
  .ohrconf.abajo{bottom:16px}
}