:root{--md-azul: #0a84ff;--md-azul-oscuro: #0060c9;--md-azul-claro: #4aa8ff;--md-azul-suave: #e8f3ff;--md-negro: #101418;--md-gris-900: #1c2530;--md-gris-700: #4a5765;--md-gris-500: #7b8794;--md-gris-300: #d6dee7;--md-gris-100: #f1f5f9;--md-blanco: #ffffff;--md-verde: #12b76a;--md-rojo: #f04438;--md-ambar: #f79009;--md-morado: #7a5af8;--md-radio: 14px;--md-radio-sm: 9px;--md-sombra: 0 2px 4px rgba(16, 24, 40, .05), 0 8px 24px rgba(16, 24, 40, .07);--md-sombra-fuerte: 0 12px 40px rgba(10, 132, 255, .22);--md-fuente: "Nunito", "Segoe UI", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--md-fuente);background:var(--md-gris-100);color:var(--md-gris-900);-webkit-font-smoothing:antialiased}a{color:var(--md-azul);text-decoration:none}h1,h2,h3,h4{margin:0;font-weight:800;letter-spacing:-.02em}.login-envoltorio{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:var(--md-blanco)}.login-marca{background:linear-gradient(155deg,var(--md-azul) 0%,var(--md-azul-oscuro) 100%);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center}.login-marca h1{font-size:3rem;margin-bottom:8px}.login-marca p{max-width:380px;opacity:.92;line-height:1.6}.login-formulario{display:flex;align-items:center;justify-content:center;padding:40px}.login-caja{width:100%;max-width:380px}.login-caja h2{font-size:1.7rem;margin-bottom:6px}.login-caja .subtitulo{color:var(--md-gris-500);margin-bottom:26px}.login-pista{margin-top:20px;padding:12px 14px;border-radius:var(--md-radio-sm);background:var(--md-azul-suave);color:var(--md-azul-oscuro);font-size:.82rem}@media (max-width: 860px){.login-envoltorio{grid-template-columns:1fr}.login-marca{padding:40px 24px}.login-marca h1{font-size:2.2rem}}.app{display:flex;min-height:100vh}.barra-lateral{width:252px;flex-shrink:0;background:var(--md-azul);color:#fff;padding:18px 14px;display:flex;flex-direction:column;gap:4px;position:sticky;top:0;height:100vh;overflow-y:auto}.barra-logo{display:flex;align-items:center;gap:10px;padding:6px 8px 20px;font-weight:900;font-size:1.35rem}.nav-enlace{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:var(--md-radio-sm);color:#ffffffe0;font-weight:700;font-size:.93rem;transition:background .15s,color .15s}.nav-enlace:hover{background:#ffffff24;color:#fff}.nav-enlace.activo{background:#fff;color:var(--md-azul-oscuro)}.nav-icono{width:20px;text-align:center;font-size:1.05rem}.barra-pie{margin-top:auto;padding-top:16px;font-size:.75rem;opacity:.75}.contenido{flex:1;min-width:0;display:flex;flex-direction:column}.encabezado{background:#fff;border-bottom:1px solid var(--md-gris-300);padding:14px 26px;display:flex;align-items:center;justify-content:space-between;gap:16px;position:sticky;top:0;z-index:20}.encabezado h2{font-size:1.25rem}.encabezado .migaja{color:var(--md-gris-500);font-size:.82rem}.usuario-chip{display:flex;align-items:center;gap:10px;padding:6px 8px 6px 6px;border-radius:999px;background:var(--md-gris-100)}.avatar{width:34px;height:34px;border-radius:50%;background:var(--md-azul);color:#fff;display:grid;place-items:center;font-weight:800;font-size:.85rem}.principal{padding:22px 26px 40px}.menu-movil{display:none}@media (max-width: 900px){.barra-lateral{position:fixed;z-index:60;left:0;top:0;transform:translate(-100%);transition:transform .25s;box-shadow:var(--md-sombra-fuerte)}.barra-lateral.abierta{transform:translate(0)}.menu-movil{display:inline-flex}.principal{padding:16px 14px 40px}}.tarjeta{background:#fff;border-radius:var(--md-radio);border:1px solid var(--md-gris-300);box-shadow:var(--md-sombra);padding:18px}.tarjeta-titulo{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:12px}.tarjeta-titulo h3{font-size:1rem}.rejilla{display:grid;gap:16px}.rejilla.c4{grid-template-columns:repeat(4,1fr)}.rejilla.c3{grid-template-columns:repeat(3,1fr)}.rejilla.c2{grid-template-columns:repeat(2,1fr)}@media (max-width: 1150px){.rejilla.c4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 900px){.rejilla.c3,.rejilla.c2{grid-template-columns:1fr}}@media (max-width: 560px){.rejilla.c4{grid-template-columns:1fr}}.kpi{display:flex;align-items:flex-start;gap:14px}.kpi-icono{width:46px;height:46px;border-radius:12px;flex-shrink:0;display:grid;place-items:center;font-size:1.35rem;background:var(--md-azul-suave);color:var(--md-azul-oscuro)}.kpi-etiqueta{color:var(--md-gris-500);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.kpi-valor{font-size:1.6rem;font-weight:900;line-height:1.2}.kpi-nota{font-size:.78rem;color:var(--md-gris-500)}.campo{margin-bottom:14px}.campo label{display:block;margin-bottom:6px;font-size:.82rem;font-weight:800;color:var(--md-gris-700)}.entrada,select.entrada,textarea.entrada{width:100%;padding:10px 12px;border:1.5px solid var(--md-gris-300);border-radius:var(--md-radio-sm);font-family:inherit;font-size:.93rem;background:#fff;color:var(--md-gris-900);transition:border-color .15s,box-shadow .15s}.entrada:focus{outline:none;border-color:var(--md-azul);box-shadow:0 0 0 3px #0a84ff29}textarea.entrada{resize:vertical;min-height:76px}.fila{display:grid;gap:12px;grid-template-columns:1fr 1fr}.fila-3{display:grid;gap:12px;grid-template-columns:1fr 1fr 1fr}@media (max-width: 700px){.fila,.fila-3{grid-template-columns:1fr}}.boton{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 16px;border-radius:var(--md-radio-sm);border:1.5px solid transparent;background:var(--md-azul);color:#fff;font-family:inherit;font-weight:800;font-size:.9rem;cursor:pointer;transition:transform .1s,background .15s,box-shadow .15s}.boton:hover{background:var(--md-azul-oscuro);color:#fff}.boton:active{transform:translateY(1px)}.boton:disabled{opacity:.55;cursor:not-allowed}.boton.secundario{background:#fff;color:var(--md-azul-oscuro);border-color:var(--md-gris-300)}.boton.secundario:hover{background:var(--md-azul-suave);border-color:var(--md-azul-claro);color:var(--md-azul-oscuro)}.boton.peligro{background:var(--md-rojo)}.boton.peligro:hover{background:#c9372c}.boton.exito{background:var(--md-verde)}.boton.pequeno{padding:6px 11px;font-size:.8rem;border-radius:8px}.boton.icono{padding:7px 9px}.boton-bloque{width:100%}.tabla-envoltorio{overflow-x:auto;border-radius:var(--md-radio)}table.tabla{width:100%;border-collapse:collapse;font-size:.9rem}table.tabla th{text-align:left;padding:11px 12px;background:var(--md-gris-100);color:var(--md-gris-700);font-size:.76rem;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-bottom:1px solid var(--md-gris-300)}table.tabla td{padding:11px 12px;border-bottom:1px solid var(--md-gris-300);vertical-align:middle}table.tabla tbody tr:hover{background:var(--md-azul-suave)}table.tabla tr.alerta td{background:#fff1f0}.vacio{padding:46px 20px;text-align:center;color:var(--md-gris-500)}.vacio .emoji{font-size:2.6rem;display:block;margin-bottom:8px}.insignia{display:inline-block;padding:3px 10px;border-radius:999px;font-size:.74rem;font-weight:800;letter-spacing:.02em;background:var(--md-gris-100);color:var(--md-gris-700)}.insignia.azul{background:var(--md-azul-suave);color:var(--md-azul-oscuro)}.insignia.verde{background:#e3fbf0;color:#067647}.insignia.rojo{background:#ffeceb;color:#b42318}.insignia.ambar{background:#fff5e6;color:#b54708}.insignia.morado{background:#f1eeff;color:#5b39d6}.miniatura{width:44px;height:44px;border-radius:10px;object-fit:cover;background:var(--md-gris-100);border:1.5px solid var(--md-gris-300)}.miniatura.redonda{border-radius:50%}.miniatura.grande{width:84px;height:84px;border-radius:14px}.marcador-foto{width:44px;height:44px;border-radius:10px;display:grid;place-items:center;background:var(--md-azul-suave);color:var(--md-azul);font-size:1.2rem;border:1.5px dashed var(--md-azul-claro)}.cargador-foto{border:2px dashed var(--md-gris-300);border-radius:var(--md-radio);padding:14px;text-align:center;cursor:pointer;background:var(--md-gris-100);transition:border-color .15s,background .15s}.cargador-foto:hover{border-color:var(--md-azul);background:var(--md-azul-suave)}.cargador-foto img{max-height:150px;border-radius:var(--md-radio-sm);object-fit:cover}.cargador-foto .indicacion{color:var(--md-gris-500);font-size:.84rem}.superposicion{position:fixed;top:0;right:0;bottom:0;left:0;background:#1018288c;display:flex;align-items:flex-start;justify-content:center;padding:34px 16px;z-index:100;overflow-y:auto;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{background:#fff;border-radius:18px;width:100%;max-width:620px;box-shadow:0 24px 60px #10182847;overflow:hidden}.modal.ancho{max-width:880px}.modal-cabecera{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--md-gris-300);background:var(--md-azul);color:#fff}.modal-cabecera h3{font-size:1.05rem}.modal-cerrar{background:#ffffff2e;border:0;color:#fff;cursor:pointer;width:30px;height:30px;border-radius:8px;font-size:1rem;line-height:1}.modal-cuerpo{padding:20px}.modal-pie{padding:14px 20px;border-top:1px solid var(--md-gris-300);display:flex;justify-content:flex-end;gap:10px;background:var(--md-gris-100)}.herramientas{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:16px}.herramientas .buscador{flex:1;min-width:220px}.chat{display:flex;flex-direction:column;height:calc(100vh - 190px);min-height:420px}.chat-mensajes{flex:1;overflow-y:auto;padding:6px 4px 12px;display:flex;flex-direction:column;gap:12px}.burbuja{max-width:74%;padding:12px 15px;border-radius:16px;font-size:.92rem;line-height:1.55;white-space:pre-wrap}.burbuja.bot{background:var(--md-gris-100);border-bottom-left-radius:4px;align-self:flex-start}.burbuja.bot.error{background:#ffeceb;color:#b42318;border:1px solid #ffd2ce}.burbuja.yo{background:var(--md-azul);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}.chat-entrada{display:flex;gap:10px;padding-top:12px;border-top:1px solid var(--md-gris-300)}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}.chip{padding:6px 12px;border-radius:999px;background:#fff;cursor:pointer;border:1.5px solid var(--md-azul-claro);color:var(--md-azul-oscuro);font-size:.8rem;font-weight:700}.chip:hover{background:var(--md-azul-suave)}.chip.activo{background:var(--md-azul);border-color:var(--md-azul);color:#fff}.chip.activo:hover{background:var(--md-azul-oscuro)}.flex{display:flex;align-items:center;gap:10px}.entre{justify-content:space-between}.derecha{text-align:right}.centro{text-align:center}.tenue{color:var(--md-gris-500);font-size:.82rem}.negrita{font-weight:800}.mb0{margin-bottom:0}.mt16{margin-top:16px}.nowrap{white-space:nowrap}.cargando{padding:40px;text-align:center;color:var(--md-gris-500)}.girador{width:34px;height:34px;margin:0 auto 10px;border:3px solid var(--md-gris-300);border-top-color:var(--md-azul);border-radius:50%;animation:girar .8s linear infinite}@keyframes girar{to{transform:rotate(360deg)}}.alerta-caja{padding:11px 14px;border-radius:var(--md-radio-sm);font-size:.87rem;font-weight:700;margin-bottom:14px}.alerta-caja.error{background:#ffeceb;color:#b42318}.alerta-caja.ok{background:#e3fbf0;color:#067647}.carrito-linea{display:grid;grid-template-columns:1fr 90px 110px 110px 40px;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid var(--md-gris-300)}@media (max-width: 700px){.carrito-linea{grid-template-columns:1fr 70px 80px 80px 34px;font-size:.82rem}}.total-caja{background:var(--md-azul-suave);border-radius:var(--md-radio);padding:14px 16px;margin-top:14px}.total-linea{display:flex;justify-content:space-between;padding:3px 0}.total-linea.grande{font-size:1.25rem;font-weight:900;color:var(--md-azul-oscuro);border-top:1.5px solid var(--md-azul-claro);margin-top:6px;padding-top:8px}.pestanas{display:flex;gap:6px;flex-wrap:wrap;border-bottom:2px solid var(--md-gris-300);margin-bottom:18px}.pestana{display:inline-flex;align-items:center;gap:7px;padding:10px 16px;border:0;background:transparent;cursor:pointer;font-family:inherit;font-weight:800;font-size:.9rem;color:var(--md-gris-500);border-bottom:3px solid transparent;margin-bottom:-2px;transition:color .15s,border-color .15s}.pestana:hover{color:var(--md-azul)}.pestana.activa{color:var(--md-azul-oscuro);border-bottom-color:var(--md-azul)}table.tabla tfoot td{background:var(--md-azul-suave);color:var(--md-azul-oscuro);border-top:2px solid var(--md-azul-claro);padding:11px 12px;font-size:.92rem}.barra{height:8px;border-radius:999px;background:var(--md-gris-300);overflow:hidden;margin-bottom:3px}.barra-relleno{height:100%;background:var(--md-azul);border-radius:999px}.firmas{display:flex;gap:40px;justify-content:space-around;margin-top:46px;text-align:center;font-size:.82rem;color:var(--md-gris-700)}.firmas .linea-firma{border-top:1px solid var(--md-gris-900);width:190px;margin:0 auto 6px}.comprobante{font-size:.9rem}.comprobante table.tabla th{font-size:.7rem}.encabezado-impresion{display:none}.dia-agenda{padding:0;margin-bottom:16px;overflow:hidden}.dia-encabezado{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;background:var(--md-azul-suave);border-bottom:2px solid var(--md-azul-claro)}.dia-encabezado h3{font-size:1rem;color:var(--md-azul-oscuro);text-transform:capitalize}.cita-fila{display:grid;grid-template-columns:70px 44px 1fr 110px 150px auto;gap:14px;align-items:center;padding:12px 18px;border-bottom:1px solid var(--md-gris-300);border-left:4px solid transparent;transition:background .15s}.cita-fila:last-child{border-bottom:0}.cita-fila:hover{background:var(--md-gris-100)}.cita-fila.estado-pendiente{border-left-color:var(--md-ambar)}.cita-fila.estado-confirmada{border-left-color:var(--md-azul)}.cita-fila.estado-completada{border-left-color:var(--md-verde)}.cita-fila.estado-cancelada{border-left-color:var(--md-rojo);opacity:.55}.cita-hora{font-size:1.05rem;font-weight:900;color:var(--md-azul-oscuro);white-space:nowrap}.cita-datos{min-width:0}.cita-datos>div{margin-bottom:2px}.cita-precio{font-weight:800;text-align:right;white-space:nowrap}.cita-acciones{display:flex;gap:6px}@media (max-width: 1100px){.cita-fila{grid-template-columns:60px 44px 1fr;grid-template-areas:"hora foto datos" "precio precio precio" "estado estado estado" "acciones acciones acciones";row-gap:8px}.cita-hora{grid-area:hora}.cita-datos{grid-area:datos}.cita-precio{grid-area:precio;text-align:left}.cita-estado{grid-area:estado}.cita-acciones{grid-area:acciones}}.venta-fila{display:grid;grid-template-columns:70px 70px 1fr 130px 110px auto;gap:14px;align-items:center;padding:12px 18px;border-bottom:1px solid var(--md-gris-300);border-left:4px solid var(--md-azul-claro);transition:background .15s}.venta-fila:last-child{border-bottom:0}.venta-fila:hover{background:var(--md-gris-100)}.venta-hora{font-size:1rem;font-weight:900;color:var(--md-azul-oscuro);white-space:nowrap}.venta-datos{min-width:0}.venta-datos .tenue{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.venta-total{font-weight:900;text-align:right;white-space:nowrap;font-size:1.02rem}.venta-acciones{display:flex;gap:6px}@media (max-width: 1100px){.venta-fila{grid-template-columns:70px 1fr;grid-template-areas:"hora datos" "folio pago" "total total" "acciones acciones";row-gap:8px}.venta-hora{grid-area:hora}.venta-folio{grid-area:folio}.venta-datos{grid-area:datos}.venta-pago{grid-area:pago}.venta-total{grid-area:total;text-align:left}.venta-acciones{grid-area:acciones}.venta-datos .tenue{white-space:normal}}.linea-mascota{display:flex;align-items:center;gap:10px;padding:0 0 10px 12px;margin-top:-4px;border-left:3px solid var(--md-azul-suave)}.linea-mascota select{max-width:320px;padding:6px 10px;font-size:.84rem}.tarjeta.kpi.destacada{border-color:var(--md-verde);box-shadow:0 0 0 3px #12b76a1f,var(--md-sombra)}.tarjeta.kpi.destacada .kpi-icono{background:#e3fbf0;color:#067647}.tarjeta.kpi.destacada .kpi-valor{color:#067647}.ficha-mascota{display:flex;gap:20px;align-items:flex-start}.ficha-mascota .miniatura.grande,.ficha-mascota .marcador-foto{width:130px;height:130px;border-radius:18px;font-size:3rem;flex-shrink:0}.ficha-datos{flex:1;min-width:0}.ficha-datos h2{font-size:1.7rem;margin-bottom:8px}.ficha-lista{display:grid;grid-template-columns:repeat(3,1fr);gap:6px 18px;margin-top:14px;font-size:.9rem}@media (max-width: 900px){.ficha-mascota{flex-direction:column;align-items:center;text-align:center}.ficha-lista{grid-template-columns:1fr;text-align:left}}.evento{display:grid;grid-template-columns:110px 40px 1fr 110px;gap:12px;align-items:center;border-bottom:1px solid var(--md-gris-300);border-left:3px solid transparent;padding:12px 0 12px 12px}.evento:last-child{border-bottom:0}.evento-servicio{border-left-color:var(--md-azul)}.evento-producto{border-left-color:var(--md-morado)}.evento-fecha{font-size:.85rem;white-space:nowrap}.evento-icono{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-size:1.1rem;background:var(--md-gris-100)}.evento-servicio .evento-icono{background:var(--md-azul-suave)}.evento-producto .evento-icono{background:#f1eeff}.evento-cuerpo{min-width:0}.evento-cuerpo>div{margin-bottom:2px}.evento-importe{text-align:right;font-weight:800;white-space:nowrap}@media (max-width: 800px){.evento{grid-template-columns:40px 1fr;grid-template-areas:"icono fecha" "cuerpo cuerpo" "importe importe";row-gap:6px}.evento-fecha{grid-area:fecha}.evento-icono{grid-area:icono}.evento-cuerpo{grid-area:cuerpo}.evento-importe{grid-area:importe;text-align:left}}.mapa-cliente{width:100%;height:200px;border:0;border-radius:var(--md-radio-sm);border:1px solid var(--md-gris-300);margin-top:6px}.cita-fila.domicilio{background:#fffaf0}.cita-fila.domicilio:hover{background:#fff4e0}@media print{@page{margin:12mm;size:A4}body{background:#fff}.barra-lateral,.encabezado,.herramientas,.pestanas,.no-imprimir,.modal-cabecera,.modal-pie{display:none!important}.app{display:block}.principal{padding:0}.contenido{display:block}.encabezado-impresion{display:block;text-align:center;margin-bottom:18px;border-bottom:2px solid var(--md-azul);padding-bottom:10px}.encabezado-impresion h2{font-size:1.2rem}.encabezado-impresion h3{font-size:1rem;color:var(--md-azul-oscuro);margin-top:4px}.encabezado-impresion p{font-size:.78rem;color:#555;margin:6px 0 0}.tarjeta{box-shadow:none;border:1px solid #ccc;break-inside:avoid;page-break-inside:avoid;margin-bottom:12px}.rejilla{display:grid!important;gap:10px}.rejilla.c4{grid-template-columns:repeat(4,1fr)}.rejilla.c3{grid-template-columns:repeat(3,1fr)}.rejilla.c2{grid-template-columns:repeat(2,1fr)}table.tabla{font-size:.74rem}table.tabla th,table.tabla tfoot td{background:#eef4fb!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.insignia{border:1px solid #ccc;background:transparent!important;color:#000!important}.tabla-envoltorio{max-height:none!important;overflow:visible!important}.dia-agenda{break-inside:avoid;page-break-inside:avoid}.cita-acciones,.cita-estado select,.venta-acciones,.mapa-cliente{display:none!important}.evento,.ficha-mascota{break-inside:avoid;page-break-inside:avoid}.superposicion{position:static;background:none;padding:0;-webkit-backdrop-filter:none;backdrop-filter:none;display:block;overflow:visible}.modal{box-shadow:none;max-width:100%;border-radius:0}.modal-cuerpo{padding:0}}