:root{font-synthesis:none;text-rendering:optimizelegibility;font-family:Arial,Helvetica,sans-serif}html,body,#root{min-width:320px;min-height:100vh;margin:0}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}.app{color:#252525;background:#f5f6f8;min-height:100vh}.encabezado{background:#fff;border-bottom:1px solid #e4e4e4;justify-content:space-between;align-items:center;gap:30px;min-height:105px;padding:22px 50px;display:flex}.marca{min-width:260px}.encabezado h1{color:#1f1f1f;margin:4px 0 0;font-size:28px;font-weight:700}.subtitulo{color:#8a2755;margin:0;font-size:14px;font-weight:700}.navegacion{background:#f3f3f5;border:1px solid #e6e6e8;border-radius:10px;gap:4px;padding:5px;display:flex}.nav-boton{color:#666;cursor:pointer;background:0 0;border:none;border-radius:7px;padding:9px 16px;font-size:14px;font-weight:600;transition:all .2s}.nav-boton:hover{color:#8a2755;background:#fff}.nav-boton.activo{color:#8a2755;background:#fff;box-shadow:0 2px 6px #00000014}.boton-reserva{color:#fff;cursor:pointer;background:#8a2755;border:none;border-radius:9px;padding:12px 20px;font-size:14px;font-weight:700;transition:all .2s}.boton-reserva:hover{background:#732047;transform:translateY(-1px)}.contenido{width:100%;max-width:1450px;margin:0 auto;padding:42px 45px}.titulo-seccion{justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px;display:flex}.titulo-seccion h2{color:#252525;margin:0 0 6px;font-size:26px}.titulo-seccion p{color:#747474;margin:0;font-size:14px}.contador{color:#555;white-space:nowrap;background:#fff;border:1px solid #dedede;border-radius:20px;padding:8px 14px;font-size:13px}.grid-habitaciones{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.tarjeta-habitacion{background:#fff;border:1px solid #e3e3e3;border-radius:12px;padding:21px;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 7px #00000008}.tarjeta-habitacion:hover{transform:translateY(-3px);box-shadow:0 10px 25px #00000012}.tarjeta-superior{justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:24px;display:flex}.tarjeta-superior h3{margin:5px 0 0;font-size:19px}.letra{color:#8a2755;font-size:13px;font-weight:700}.estado{border-radius:20px;padding:6px 10px;font-size:11px;font-weight:700}.estado.disponible{color:#26764a;background:#e5f5ec}.estado.ocupada{color:#a63a3a;background:#fce7e7}.estado.limpieza{color:#90681d;background:#fff3d6}.informacion{gap:15px;margin-bottom:20px;display:grid}.informacion div{flex-direction:column;gap:4px;display:flex}.etiqueta{color:#898989;font-size:12px}.informacion strong{color:#373737;font-size:14px;font-weight:500}.tarifa{border-top:1px solid #eee;justify-content:space-between;align-items:center;gap:15px;padding-top:15px;display:flex}.tarifa span{color:#777;font-size:12px}.tarifa strong{color:#8a2755;font-size:17px}.seccion-huespedes{width:100%}.panel-huespedes{grid-template-columns:minmax(310px,380px) minmax(500px,1fr);align-items:start;gap:24px;display:grid}.panel-formulario,.panel-listado{background:#fff;border:1px solid #e2e2e2;border-radius:13px;padding:25px;box-shadow:0 3px 10px #00000009}.panel-formulario h3,.panel-listado h3{color:#282828;margin:0 0 5px;font-size:18px}.texto-secundario{color:#858585;margin:0;font-size:13px}.formulario-huesped{flex-direction:column;gap:19px;margin-top:25px;display:flex}.campo{flex-direction:column;gap:7px;display:flex}.campo label{color:#444;font-size:13px;font-weight:600}.campo input{color:#333;background:#fff;border:1px solid #d7d7d7;border-radius:8px;outline:none;width:100%;height:43px;padding:0 12px;font-size:14px;transition:border-color .2s,box-shadow .2s}.campo input::placeholder{color:#aaa}.campo input:focus{border-color:#9c3d68;box-shadow:0 0 0 3px #8a275514}.acciones-formulario{gap:10px;margin-top:5px;display:flex}.boton-principal{color:#fff;cursor:pointer;background:#8a2755;border:none;border-radius:8px;min-height:40px;padding:9px 16px;font-size:13px;font-weight:700;transition:background .2s}.boton-principal:hover{background:#732047}.boton-secundario{color:#555;cursor:pointer;background:#fff;border:1px solid #d8d8d8;border-radius:8px;min-height:40px;padding:9px 16px;font-size:13px;font-weight:600}.boton-secundario:hover{background:#f6f6f6}.cabecera-listado{justify-content:space-between;align-items:center;display:flex}.buscador-huespedes{gap:8px;margin:22px 0 18px;display:flex}.buscador-huespedes input{color:#333;background:#fff;border:1px solid #d7d7d7;border-radius:8px;outline:none;flex:1;min-width:0;height:40px;padding:0 12px;font-size:14px}.buscador-huespedes input:focus{border-color:#9c3d68;box-shadow:0 0 0 3px #8a275512}.tabla-contenedor{border:1px solid #eee;border-radius:9px;width:100%;overflow-x:auto}.tabla-huespedes{border-collapse:collapse;background:#fff;width:100%}.tabla-huespedes thead{background:#f8f8f9}.tabla-huespedes th{color:#6e6e6e;text-align:left;white-space:nowrap;border-bottom:1px solid #e7e7e7;padding:13px 14px;font-size:12px;font-weight:700}.tabla-huespedes td{color:#4b4b4b;vertical-align:middle;border-bottom:1px solid #eee;padding:15px 14px;font-size:13px}.tabla-huespedes tbody tr:last-child td{border-bottom:none}.tabla-huespedes tbody tr:hover{background:#fcfafb}.tabla-huespedes td strong{color:#292929;font-weight:600}.acciones-tabla{gap:7px;display:flex}.boton-editar,.boton-eliminar{cursor:pointer;border-radius:7px;padding:7px 11px;font-size:12px;font-weight:600;transition:all .2s}.boton-editar{color:#555;background:#fff;border:1px solid #d8d8d8}.boton-editar:hover{background:#f6f6f6;border-color:#bfbfbf}.boton-eliminar{color:#a13b3b;background:#fff7f7;border:1px solid #efcccc}.boton-eliminar:hover{background:#fceaea}.alerta{border-radius:8px;margin-bottom:20px;padding:12px 15px;font-size:13px;font-weight:500}.alerta.exito{color:#287349;background:#eaf7ef;border:1px solid #cce8d7}.alerta.error{color:#9d3636;background:#fff0f0;border:1px solid #efcccc}.sin-resultados{color:#858585;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:150px;padding:30px;display:flex}.sin-resultados strong{color:#444}.mensaje{color:#666;text-align:center;background:#fff;border:1px solid #e4e4e4;border-radius:10px;padding:30px}.mensaje.error{color:#a33131}@media (width<=1050px){.encabezado{flex-wrap:wrap}.panel-huespedes{grid-template-columns:1fr}}@media (width<=700px){.encabezado{padding:20px}.marca{min-width:auto}.navegacion{order:3;width:100%}.nav-boton{flex:1}.boton-reserva{width:100%}.contenido{padding:28px 20px}.titulo-seccion{flex-direction:column;align-items:flex-start}.buscador-huespedes{flex-wrap:wrap}.buscador-huespedes input{flex-basis:100%}.acciones-tabla{flex-direction:column}.boton-finalizar-limpieza{color:#7b5a16;cursor:pointer;background:#fff8e5;border:1px solid #e3c878;border-radius:8px;width:100%;margin-top:15px;padding:10px;font-size:12px;font-weight:700}.boton-finalizar-limpieza:hover{background:#fff1c7}}.modal-fondo{z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#19191e8c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-reserva{background:#fff;border:1px solid #e6e6e6;border-radius:16px;width:100%;max-width:760px;max-height:calc(100vh - 48px);padding:28px;overflow-y:auto;box-shadow:0 24px 60px #00000038}.modal-encabezado{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.modal-etiqueta{color:#8a2755;text-transform:uppercase;font-size:12px;font-weight:700}.modal-encabezado h2{color:#252525;margin:5px 0 6px;font-size:25px}.modal-encabezado p{color:#777;margin:0;font-size:13px}.modal-cerrar{color:#666;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:23px;line-height:1;display:flex}.modal-cerrar:hover{color:#222;background:#f4f4f4}.formulario-reserva{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.campo-reserva{flex-direction:column;gap:7px;display:flex}.campo-reserva.campo-completo{grid-column:1/-1}.campo-reserva label{color:#444;font-size:13px;font-weight:600}.campo-reserva input,.campo-reserva select{color:#333;background:#fff;border:1px solid #d5d5d5;border-radius:8px;outline:none;width:100%;height:43px;padding:0 12px;font-size:14px;transition:border-color .2s,box-shadow .2s}.campo-reserva select{cursor:pointer}.campo-reserva input:focus,.campo-reserva select:focus{border-color:#96355f;box-shadow:0 0 0 3px #8a275517}.ayuda-campo{color:#888;font-size:11px;line-height:1.4}.detalle-habitacion{background:#faf8f9;border:1px solid #eee4e9;border-radius:10px;grid-column:1/-1;grid-template-columns:.7fr 1fr 2fr;gap:15px;padding:15px 16px;display:grid}.detalle-habitacion div{flex-direction:column;gap:4px;display:flex}.detalle-habitacion span{color:#888;font-size:11px}.detalle-habitacion strong{color:#333;font-size:13px;font-weight:600}.input-moneda{position:relative}.input-moneda>span{color:#777;pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.input-moneda input{padding-left:28px}.resumen-reserva{background:#f7f7f8;border:1px solid #e4e4e4;border-radius:11px;grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:15px;padding:17px;display:grid}.resumen-reserva div{flex-direction:column;gap:5px;display:flex}.resumen-reserva span{color:#777;font-size:11px}.resumen-reserva strong{color:#333;font-size:15px}.resumen-total{border-left:1px solid #ddd;padding-left:16px}.resumen-total strong{color:#8a2755;font-size:20px}.acciones-reserva{grid-column:1/-1;justify-content:flex-end;gap:10px;padding-top:5px;display:flex}.boton-guardar-reserva{min-width:190px}.modal-reserva .alerta{margin-bottom:20px}@media (width<=650px){.modal-fondo{padding:12px}.modal-reserva{max-height:calc(100vh - 24px);padding:21px}.formulario-reserva{grid-template-columns:1fr}.campo-reserva.campo-completo,.detalle-habitacion,.resumen-reserva,.acciones-reserva{grid-column:1}.detalle-habitacion,.resumen-reserva{grid-template-columns:1fr}.resumen-total{border-top:1px solid #ddd;border-left:none;padding-top:12px;padding-left:0}.acciones-reserva{flex-direction:column-reverse}.acciones-reserva button{width:100%}}.estado-disponibilidad{margin-top:2px;font-size:11px;line-height:1.4;display:block}.estado-disponibilidad.neutral{color:#858585}.estado-disponibilidad.disponible{color:#34734d;font-weight:600}.seccion-reservaciones{width:100%}.filtros-reservaciones{background:#fff;border:1px solid #e3e3e3;border-radius:11px;align-items:flex-end;gap:12px;width:100%;margin-bottom:22px;padding:16px;display:flex;box-shadow:0 2px 8px #00000008}.busqueda-reserva{flex-direction:column;flex:1;gap:7px;display:flex}.filtro-estado{flex-direction:column;gap:7px;width:190px;display:flex}.busqueda-reserva label,.filtro-estado label{color:#555;font-size:12px;font-weight:700}.busqueda-reserva input,.filtro-estado select{color:#333;background:#fff;border:1px solid #d7d7d7;border-radius:8px;outline:none;width:100%;height:41px;padding:0 12px;font-size:13px;transition:border-color .2s,box-shadow .2s}.busqueda-reserva input::placeholder{color:#aaa}.busqueda-reserva input:focus,.filtro-estado select:focus{border-color:#96355f;box-shadow:0 0 0 3px #8a275514}.limpiar-filtros{color:#606060;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:8px;height:41px;padding:0 15px;font-size:12px;font-weight:600;transition:background .2s,border-color .2s}.limpiar-filtros:hover{background:#f5f5f5;border-color:#ccc}.lista-reservaciones{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px;display:grid}.tarjeta-reserva{background:#fff;border:1px solid #e3e3e3;border-radius:13px;padding:22px;transition:transform .2s,box-shadow .2s;box-shadow:0 3px 10px #00000009}.tarjeta-reserva:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000000f}.reserva-cabecera{border-bottom:1px solid #eee;justify-content:space-between;align-items:flex-start;gap:15px;padding-bottom:18px;display:flex}.numero-reserva{color:#8a2755;text-transform:uppercase;font-size:11px;font-weight:700}.reserva-cabecera h3{color:#2b2b2b;margin:5px 0 3px;font-size:18px}.telefono-reserva{color:#888;font-size:12px}.estado-reserva{white-space:nowrap;border-radius:20px;padding:6px 10px;font-size:10px;font-weight:700}.estado-reserva.pendiente{color:#8b661c;background:#fff3d6}.estado-reserva.en_casa{color:#29699b;background:#e6f1fb}.estado-reserva.completada{color:#2d7048;background:#e8f5ed}.datos-reserva{grid-template-columns:repeat(2,1fr);gap:18px 25px;padding:20px 0;display:grid}.datos-reserva div{flex-direction:column;gap:4px;display:flex}.datos-reserva span{color:#888;font-size:11px}.datos-reserva strong{color:#373737;font-size:13px;font-weight:600}.datos-reserva .total-reserva{color:#8a2755;font-size:17px}.acciones-estado{border-top:1px solid #eee;justify-content:flex-end;padding-top:16px;display:flex}.boton-entrada,.boton-salida{color:#fff;cursor:pointer;border:none;border-radius:8px;padding:9px 14px;font-size:12px;font-weight:700;transition:background .2s}.boton-entrada{background:#326f9f}.boton-entrada:hover{background:#285e88}.boton-salida{background:#8a2755}.boton-salida:hover{background:#722047}.estancia-finalizada{color:#32704a;font-size:12px;font-weight:600}.sin-reservaciones{color:#888;text-align:center;background:#fff;border:1px solid #e3e3e3;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:180px;padding:30px;display:flex}.sin-reservaciones strong{color:#444}@media (width<=700px){.filtros-reservaciones{flex-direction:column;align-items:stretch}.filtro-estado,.limpiar-filtros,.filtro-fecha{width:100%}}@media (width<=600px){.lista-reservaciones,.datos-reserva{grid-template-columns:1fr}}.acciones-estado{gap:9px}.boton-editar-reserva{color:#555;cursor:pointer;background:#fff;border:1px solid #d6d6d6;border-radius:8px;padding:9px 14px;font-size:12px;font-weight:700}.boton-editar-reserva:hover{background:#f5f5f5;border-color:#c6c6c6}.boton-eliminar-reserva{color:#a13b3b;cursor:pointer;background:#fff7f7;border:1px solid #efcccc;border-radius:8px;padding:9px 14px;font-size:12px;font-weight:700}.boton-eliminar-reserva:hover{background:#fceaea;border-color:#e2aaaa}.filtro-fecha{flex-direction:column;gap:7px;width:160px;display:flex}.filtro-fecha label{color:#555;font-size:12px;font-weight:700}.filtro-fecha input{color:#333;background:#fff;border:1px solid #d7d7d7;border-radius:8px;outline:none;width:100%;height:41px;padding:0 10px;font-size:13px}.filtro-fecha input:focus{border-color:#96355f;box-shadow:0 0 0 3px #8a275514}.seccion-tablero{width:100%}.controles-calendario{gap:7px;display:flex}.controles-calendario button{color:#555;cursor:pointer;background:#fff;border:1px solid #dcdcdc;border-radius:7px;min-height:36px;padding:7px 12px;font-size:12px;font-weight:600}.controles-calendario button:hover{background:#f6f6f6}.controles-calendario .boton-hoy{color:#8a2755;border-color:#d7bbc8}.leyenda-estados{align-items:center;gap:20px;margin-bottom:17px;display:flex}.leyenda-estados span{color:#6f6f6f;align-items:center;gap:7px;font-size:12px;display:flex}.punto{border-radius:50%;width:9px;height:9px;display:inline-block}.punto.pendiente{background:#d69a31}.punto.en-casa{background:#3979aa}.punto.completada{background:#43835d}.timeline-contenedor{background:#fff;border:1px solid #e1e1e1;border-radius:13px;width:100%;overflow-x:auto;box-shadow:0 3px 10px #00000009}.timeline{min-width:1120px}.timeline-esquina{z-index:4;color:#666;background:#f7f7f8;border-bottom:1px solid #e3e3e3;border-right:1px solid #e3e3e3;align-items:center;width:155px;height:64px;padding-left:17px;font-size:12px;font-weight:700;display:flex;position:absolute}.timeline-dias{grid-template-columns:repeat(var(--dias-visibles), minmax(65px, 1fr));background:#f7f7f8;border-bottom:1px solid #e3e3e3;height:64px;margin-left:155px;display:grid}.timeline-dia{border-right:1px solid #e7e7e7;flex-direction:column;justify-content:center;align-items:center;gap:3px;display:flex}.timeline-dia span{color:#929292;text-transform:uppercase;font-size:10px}.timeline-dia strong{color:#555;font-size:14px}.timeline-dia.hoy{background:#fbf3f6}.timeline-dia.hoy strong{color:#8a2755}.timeline-fila{border-bottom:1px solid #eee;grid-template-columns:155px minmax(0,1fr);min-height:66px;display:grid}.timeline-fila:last-child{border-bottom:none}.habitacion-columna{background:#fff;border-right:1px solid #e3e3e3;justify-content:space-between;align-items:center;gap:10px;padding:0 16px;display:flex}.habitacion-columna>div{align-items:center;gap:7px;display:flex}.habitacion-columna strong{color:#292929;font-size:15px}.habitacion-columna span{color:#8a2755;text-align:center;background:#f6edf1;border-radius:5px;min-width:24px;padding:3px 6px;font-size:10px;font-weight:700}.habitacion-columna small{color:#979797;white-space:nowrap;font-size:10px}.timeline-celdas{grid-template-columns:repeat(var(--dias-visibles), minmax(65px, 1fr));grid-template-rows:66px;min-width:0;display:grid;position:relative}.celda-dia{border-right:1px solid #eee;grid-row:1}.celda-dia.hoy{background:#fdf7f9}.barra-reserva{z-index:2;cursor:default;border-radius:7px;grid-row:1;align-self:center;align-items:center;height:34px;margin:0 3px;padding:0 10px;display:flex;overflow:hidden;box-shadow:0 2px 5px #00000014}.barra-reserva span{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600;overflow:hidden}.barra-reserva.pendiente{background:#c88a2d}.barra-reserva.en-casa{background:#3979aa}.barra-reserva.completada{background:#43835d}@media (width<=750px){.tablero-titulo{flex-direction:column;align-items:flex-start}.controles-calendario{width:100%}.controles-calendario button{flex:1}.leyenda-estados{flex-wrap:wrap}}