/* HORARIO tema claro: colores de la antigua horario.css (se carga con la estructura si el perfil no pide oscuro) */
body { background: #fdf6e3; color: #333; } /* fondo crema y texto oscuro */
h1 { color: #e74c3c; text-shadow: 2px 2px 0 #ffd9a0, 4px 4px 0 #e74c3c; } /* titulo rojo con sombra de pegatina crema y roja */
nav button { border-color: #e74c3c; background: #fff; color: #e74c3c; } /* botones de la nav rojos sobre blanco */
nav button.interru { background: #c0392b; border-color: #c0392b; } /* interruptor apagado rojo */
nav button.interru.act { background: #27ae60; border-color: #27ae60; } /* interruptor encendido verde */
nav button.interru .pom { background: #fff; } /* pomo blanco del interruptor */
th { color: #e74c3c; background: #fff0d6; border-bottom-color: #e74c3c; } /* cabecera crema con borde inferior rojo */
th:first-child { background: #e74c3c; color: #fff; } /* esquina Hora en rojo con texto blanco */
td.hora { color: #e74c3c; background: #fff0d6; border-color: rgba(0,0,0,.08); } /* columna de horas crema con borde fino */
td.puz { border-color: rgba(0,0,0,.15); } /* borde fino de las celdas del horario */
.girando span { background: #e74c3c; } /* puntos girando del modal de guardado */
.papel { background: #eef2d6; border-color: #e74c3c; } /* cajon de sitios verde palido con borde rojo */
.papel-t { color: #e74c3c; } /* titulo del cajon rojo */
.papel-hint { color: #b88a44; } /* ayuda del cajon en marron */
.papel-f { border-color: rgba(0,0,0,.15); } /* borde fino de las fichas del cajon */
.basura { background: #ffe3cf; border-color: #c0392b; color: #c0392b; } /* papelera en tono rojo suave */
.guardando-caja { background: #fff; box-shadow: 0 6px 24px rgba(0,0,0,.15); } /* caja del modal de guardado blanca */
.guardando-caja p { color: #e74c3c; } /* texto del guardado rojo */
.guardando-caja button { border-color: #e74c3c; background: #fff; color: #e74c3c; } /* boton recargar del guardado */
.guardando-default { color: #e74c3c; border-color: #e74c3c; background: #fff; } /* indicador del cajon por si falta */
.overlay { background: rgba(0,0,0,.45); } /* fondo oscuro de los modales */
.puz-modal { background: #fff; color: #333; box-shadow: 0 6px 24px rgba(0,0,0,.15); } /* modal ficha blanco */
.modal-caja { background: #fff; color: #333; box-shadow: 0 6px 24px rgba(0,0,0,.15); } /* caja de confirmacion e info blanca */
.modal-x { color: #e74c3c; } /* cruz de cerrar roja */
.puz-modal h3 { color: #e74c3c; } /* titulo del modal ficha rojo */
#ficha-drop { border-color: #ccc; color: #999; } /* zona de imagen discreta */
#ficha-texto { border-color: #ccc; } /* campo de texto con borde suave */
.colores .pal { border-color: #ccc; } /* botones de color con borde suave */
.colores .pal.sel { border-color: #333; } /* color seleccionado marcado en oscuro */
.puz-modal .botones .ok { background: #e74c3c; color: #fff; } /* boton aceptar rojo con texto blanco */
.puz-modal .botones .cancelar { background: #fff; color: #e74c3c; } /* boton cancelar blanco con texto rojo */
.puz-modal .botones .peligro { background: #fff; color: #c0392b; } /* boton eliminar blanco con texto rojo oscuro */
.modal-caja button { border-color: #e74c3c; background: #fff; color: #e74c3c; } /* botones de confirmacion rojos por fuera */
.modal-caja button.peligro { border-color: #c0392b; color: #c0392b; } /* boton eliminar rojo oscuro */
.usu-crear input, #usu-lista li input { border-color: #ccc; } /* campos de usuarios con borde suave */
.sit-t { color: #e74c3c; } /* titulo de columna de sitios rojo */
.sit-bas { background: #fff0d6; border-color: #c0392b; color: #c0392b; } /* papelera de sitios crema con borde rojo */
.sit-list { background: #fff0d6; border-color: #e74c3c; } /* listado de sitios crema */
.login { background: #fff; box-shadow: 0 6px 24px rgba(0,0,0,.15); } /* caja de login blanca */
.login input { border-color: #ccc; } /* campos del login con borde suave */
.login button { background: #e74c3c; color: #fff; } /* boton entrar rojo con texto blanco */
.login .error { color: #e74c3c; } /* error de login rojo */
td.puz.hora-actual { border-color: #2ecc71; box-shadow: 0 0 8px rgba(46,204,113,.55); animation: hoy-pulso 1.3s ease-in-out infinite; } /* celda de la hora actual con borde y brillo verde pulsante */
@keyframes hoy-pulso { 50% { box-shadow: 0 0 16px rgba(46,204,113,.85); } } /* pulso del brillo verde */