:root{--fondo:#f3f6f5;--tarjeta:#fff;--texto:#1b2a28;--suave:#5b6e6a;--linea:#d9e2e0;--primario:#254142;--primario-osc:#162b2c;--amarillo:#f6c945;--amarillo-t:#4a3a00;--verde:#3fae6a;--verde-t:#06331a;--rojo:#e5484d;--rojo-t:#fff;--gris:#aab4b2;--gris-t:#1f2a28;--azul:#4f8ff0;--azul-t:#fff;--naranja:#f08a24;--gutter:64px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--fondo);color:var(--texto);-webkit-tap-highlight-color:transparent;overscroll-behavior:none;font:18px/1.35 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;border:0}button:disabled{cursor:not-allowed}h1,h2,h3,p{margin:0}input,select,textarea{font:inherit;border:2px solid var(--linea);width:100%;min-height:52px;color:var(--texto);background:#fff;border-radius:12px;padding:13px 14px}input:focus,select:focus,textarea:focus{border-color:var(--primario);outline:3px solid #a9c9c6}.app{flex-direction:column;height:100dvh;display:flex}.barra{color:var(--primario);border-bottom:1px solid var(--linea);background:#fff;align-items:center;gap:16px;min-height:68px;padding:8px 16px;display:flex;box-shadow:0 1px 4px #0000000d}.marca{white-space:nowrap;align-items:center;gap:10px;font-size:20px;font-weight:700;display:flex}.marca img{width:auto;height:44px;display:block}.barra nav{gap:8px;margin-left:12px;display:flex}.barra-derecha{gap:8px;margin-left:auto;display:flex}.pestana,.boton-menu{background:var(--fondo);min-height:48px;color:var(--primario);border:2px solid var(--linea);border-radius:12px;padding:0 18px;font-weight:600}.pestana.activa{background:var(--primario);border-color:var(--primario);color:#fff}.contenido{flex:1;min-height:0;overflow:hidden}.vacio{text-align:center;color:var(--suave);padding:40px}.vacio.cerrado{max-width:420px;color:var(--texto);background:#fff;border-radius:16px;flex-direction:column;gap:8px;margin:40px auto;font-size:22px;display:flex}.agenda{grid-template-columns:340px 1fr;gap:16px;height:100%;padding:12px 16px;display:grid}.lateral{flex-direction:column;gap:8px;display:flex;overflow-y:auto}.dia{flex-direction:column;min-width:0;min-height:0;display:flex}.dia-titulo{padding:2px 4px 8px;font-size:28px}.en-vivo{text-align:center;font-size:14px}.en-vivo.si{color:var(--verde)}.en-vivo.no{color:var(--suave)}.calendario{background:var(--tarjeta);border-radius:18px;padding:12px;box-shadow:0 1px 3px #0001}.calendario-cabecera{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.calendario-cabecera h2{font-size:21px}.flecha{background:var(--fondo);border-radius:14px;width:52px;height:52px;font-size:30px;line-height:1}.boton-hoy{background:var(--primario);color:#fff;border-radius:12px;width:100%;min-height:48px;margin-bottom:8px;font-weight:700}.calendario-rejilla{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.dia-semana{text-align:center;color:var(--suave);padding:2px 0;font-size:14px;font-weight:700}button.dia{aspect-ratio:1;background:var(--fondo);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:40px;font-weight:600;display:flex;position:relative}.dia-punto{background:var(--gris);border-radius:50%;width:10px;height:10px}.dia-verde .dia-punto{background:var(--verde)}.dia-naranja .dia-punto{background:var(--naranja)}.dia-rojo .dia-punto{background:var(--rojo)}.dia-rojo{background:#fde8e8!important}.dia-cerrado{opacity:.35;background:0 0!important}.dia-hoy .dia-numero{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:3px}.dia-seleccionado{color:#fff;outline:3px solid #a9c9c6;background:var(--primario)!important}.dia-seleccionado .dia-punto{box-shadow:0 0 0 2px #fff}.leyenda{color:var(--suave);grid-template-columns:1fr 1fr;gap:4px;margin:10px 0 0;padding:0;font-size:14px;list-style:none;display:grid}.punto{background:var(--gris);border-radius:50%;width:11px;height:11px;margin-right:4px;display:inline-block}.punto.verde{background:var(--verde)}.punto.naranja{background:var(--naranja)}.punto.rojo{background:var(--rojo)}.punto.cerrado{background:#cfd6d4}.lista-dia{background:var(--tarjeta);border-radius:18px;flex:1;min-height:0;padding:12px;overflow-y:auto;box-shadow:0 1px 3px #0001}.tramo{position:relative}.fila{height:var(--fila);align-items:stretch;padding:1.5px 0;display:flex}.hora{width:var(--gutter);color:var(--suave);flex:none;padding-top:2px;font-size:14px}.hora.entera{color:var(--texto);font-size:16px;font-weight:800}.hueco{text-align:left;border-radius:10px;flex:1;align-items:center;gap:8px;padding:0 14px;font-weight:600;display:flex}.hueco.libre{color:#1d6b43;background:#e6f6ef;border:2px dashed #7cc9a0}.hueco.libre:active{background:#c9ecd9}.hueco.libre .mas{font-size:20px}.hueco.bloqueado{color:#a3adab;background:#eceeee;border:2px solid #0000;font-size:15px;font-weight:500}.descanso{height:44px;color:var(--suave);border-top:2px dotted var(--linea);border-bottom:2px dotted var(--linea);margin:0 0 0 var(--gutter);justify-content:center;align-items:center;font-size:15px;display:flex}.cita{left:var(--gutter);text-align:left;border-left:8px solid #0003;border-radius:12px;flex-direction:column;gap:2px;margin-top:1.5px;padding:6px 12px;display:flex;position:absolute;right:0;overflow:hidden;box-shadow:0 1px 3px #0003}.cita-linea{white-space:nowrap;align-items:baseline;gap:10px;display:flex;overflow:hidden}.cita-linea strong{font-size:19px}.cita-prop{text-overflow:ellipsis;overflow:hidden}.cita-estado{text-transform:uppercase;letter-spacing:.02em;opacity:.85;margin-left:auto;font-size:13px;font-weight:700}.cita .detalle{opacity:.95;font-size:15px}.cita .detalle span{text-overflow:ellipsis;overflow:hidden}.cita-hora{flex:none;margin-left:auto}.cita.una-linea{flex-direction:row;align-items:center;padding:0 12px}.cita.una-linea .cita-linea strong{font-size:17px}.cita.una-linea .detalle,.cita.una-linea .cita-estado{display:none}.cita.amarillo{background:var(--amarillo);color:var(--amarillo-t)}.cita.verde{background:var(--verde);color:var(--verde-t)}.cita.rojo{background:var(--rojo);color:var(--rojo-t)}.cita.gris{background:var(--gris);color:var(--gris-t)}.cita.azul{background:var(--azul);color:var(--azul-t)}.canceladas{border-top:2px solid var(--linea);margin-top:18px;padding-top:10px}.canceladas h3{color:var(--suave);margin-bottom:8px;font-size:17px}.cita-cancelada{text-align:left;background:#fff5f5;border-radius:12px;align-items:center;gap:8px;width:100%;min-height:50px;margin-bottom:6px;padding:6px 12px;display:flex}.insignia{border-radius:999px;align-self:flex-start;padding:4px 14px;font-size:16px;font-weight:700;display:inline-block}.insignia.amarillo{background:var(--amarillo);color:var(--amarillo-t)}.insignia.verde{background:var(--verde);color:var(--verde-t)}.insignia.rojo{background:var(--rojo);color:var(--rojo-t)}.insignia.gris{background:var(--gris);color:var(--gris-t)}.insignia.azul{background:var(--azul);color:var(--azul-t)}.modal-fondo{z-index:50;background:#0a1a18a6;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:22px;flex-direction:column;width:min(720px,100%);max-height:100%;display:flex;box-shadow:0 20px 60px #0006}.modal-cabecera{justify-content:space-between;gap:12px;padding:18px 22px 10px;display:flex}.modal-cabecera h2{font-size:26px}.modal-cabecera h2 small{color:var(--suave);font-size:20px;font-weight:500}.subtitulo{color:var(--suave);margin-top:2px}.boton-cerrar{background:var(--fondo);border-radius:14px;flex:none;width:52px;height:52px;font-size:22px}.modal-cuerpo{flex-direction:column;gap:14px;padding:6px 22px 22px;display:flex;overflow-y:auto}.formulario{flex-direction:column;gap:14px;display:flex}.campo{flex-direction:column;gap:6px;display:flex}.campo>span:first-child{color:var(--suave);font-size:16px;font-weight:700}.campo-doble{grid-template-columns:1fr 1fr;gap:12px;display:grid}.fichas{flex-wrap:wrap;gap:8px;display:flex}.ficha{background:var(--fondo);border:2px solid var(--linea);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-height:56px;padding:6px 16px;font-weight:600;line-height:1.15;display:flex}.ficha small{color:var(--suave);font-size:13px;font-weight:400}.ficha.corta{min-width:92px}.ficha.especie{flex-direction:row;flex:1;gap:8px;min-height:66px;font-size:21px}.ficha .emoji{font-size:28px}.ficha.activa{background:var(--primario);border-color:var(--primario);color:#fff}.ficha.activa small{color:#d4efeb}.acciones{gap:12px;display:flex}.acciones>*{flex:1}.boton-grande{border-radius:16px;min-height:64px;padding:0 20px;font-size:21px;font-weight:700}.boton-grande.ancho{width:100%}.boton-medio{border-radius:12px;min-height:52px;padding:0 18px;font-weight:700}.primario{background:var(--primario);color:#fff}.primario:active{background:var(--primario-osc)}.secundario{background:var(--fondo);border:2px solid var(--linea)}.boton-grande.verde{background:var(--verde);color:var(--verde-t)}.boton-grande.gris{background:var(--gris);color:var(--gris-t)}.boton-grande.rojo,.boton-medio.rojo{background:var(--rojo);color:#fff}.boton-grande.amarillo{background:var(--amarillo);color:var(--amarillo-t)}.boton-grande:disabled{opacity:.55}.boton-grande.actual:disabled{opacity:1;outline:4px solid var(--texto);outline-offset:-4px}.botones-estado{grid-template-columns:1fr 1fr;gap:12px;display:grid}.titulo-seccion{color:var(--suave);margin-top:6px;font-size:18px}.confirmar{background:#fff5f5;border-radius:14px;flex-direction:column;gap:12px;padding:14px;display:flex}.datos{gap:8px;margin:0;display:grid}.datos div{border-bottom:1px solid var(--linea);grid-template-columns:130px 1fr;gap:10px;padding:6px 0;display:grid}.datos dt{color:var(--suave);font-weight:600}.datos dd{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.datos a{color:var(--primario);font-weight:700}.nota{color:var(--suave);font-size:16px}.nota.aviso{color:#8a5a00;background:#fff6dd;border-radius:10px;padding:8px 12px}.nota.error,.mensaje-error{color:#9b1c20}.mensaje-error{background:#fde8e8;border:2px solid #f3b5b7;border-radius:12px;padding:12px 14px;font-weight:600}.mensaje-aviso{color:#6b4a00;background:#fff6dd;border:2px solid #f0d58a;border-radius:12px;padding:12px 14px;font-weight:600}.enlace{color:inherit;background:0 0;padding:4px;text-decoration:underline}.toast{color:#fff;z-index:80;background:#14312e;border-radius:999px;padding:14px 26px;font-weight:700;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #0005}.pantalla-simple{flex-direction:column;gap:14px;max-width:760px;height:100%;margin:0 auto;padding:20px 16px 40px;display:flex;overflow-y:auto}.pantalla-simple h1{font-size:30px}.pantalla-simple h2{font-size:22px}.texto-ayuda{color:var(--suave)}.tarjeta{background:#fff;border-radius:18px;padding:18px;box-shadow:0 1px 3px #0001}.lista-cerrados{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.lista-cerrados li{background:#fff;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex;box-shadow:0 1px 3px #0001}.lista-cerrados li div:first-child{flex-direction:column;display:flex}.lista-cerrados li span{color:var(--suave);font-size:16px}.lista-ayuda{flex-direction:column;gap:10px;padding-left:20px;display:flex}.login{background:var(--primario);justify-content:center;align-items:center;min-height:100dvh;padding:16px;display:flex}.login-caja{text-align:center;background:#fff;border-radius:22px;flex-direction:column;align-items:stretch;gap:14px;width:min(440px,100%);padding:28px;display:flex}.login-logo{align-self:center;width:min(230px,70%);height:auto}.login-caja h1{color:var(--primario);font-size:24px}.login-caja p{color:var(--suave)}.login-caja .campo{text-align:left}.servidor{color:var(--suave);overflow-wrap:anywhere;font-size:13px}@media (width<=860px){.agenda{grid-template-columns:1fr;overflow-y:auto}.lista-dia,.lateral{overflow:visible}.marca span{display:none}.campo-doble{grid-template-columns:1fr}}.mensaje-error{overflow-wrap:anywhere;text-align:left}.login-caja p.mensaje-error{color:#9b1c20}.animal-nombre{white-space:nowrap;background:#ffffff59;border-radius:999px;padding:0 8px;font-size:15px;font-weight:700}