body{margin:0;background-color:#eee;font-family:Roboto Condensed,sans-serif}.pagina-main.extendida{margin-left:300px}.pagina-main.contraida{margin-left:80px}.sidebar{display:flex;flex-direction:column;align-items:center;position:fixed;height:96vh;width:260px;background-color:#fff;transition:width .3s ease;overflow:visible;margin:8px;border-radius:18px;z-index:1;justify-content:space-between}.sidebar.collapsed{width:60px}.sidebar-header{position:relative;width:100%;display:flex;justify-content:space-evenly;align-items:center;margin-top:20px}.sidebar-header img{width:180px;transition:opacity .3s ease}.logo{transition:opacity .3s ease}.logo.collapsed{width:50px}.sidebar-header span{font-size:1.2rem;transition:opacity .3s ease}.sidebar-header button{background-color:#fff;border-radius:100%;border:none;padding:4px;position:absolute;top:0;right:-20px;box-shadow:0 2px 5px #0003;cursor:pointer;z-index:10}.sidebar-header button svg{width:30px;height:30px;color:var(--color-texto)}.sidebar-body{display:flex;flex-direction:column;width:90%}.boton-v1.btn-cerrar-sesion{background-color:#f55}.boton-v1.btn-cerrar-sesion:hover{background-color:#fc7070!important}.sidebar-item{text-decoration:none;background-color:var(--color-boton-v1);color:var(--color-fondo-texto);display:flex;align-items:center;margin-bottom:12px;border-radius:16px;padding:4px;transition:scale .2s}.sidebar-item:hover{color:var(--color-fondo-principal);background-color:var(--color-boton-v1-hover);scale:1.1}.sidebar-item svg{width:40px;height:40px;margin-right:12px}.boton-v1{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 28px;background-color:#2563eb;color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:600;line-height:1;cursor:pointer;transition:background-color .2s ease,transform .1s ease,box-shadow .2s ease}.boton-v1:hover:not(:disabled){background-color:#1e4fd8;box-shadow:0 6px 14px #2563eb40}.boton-v1:active:not(:disabled){transform:scale(.97)}.boton-v1:disabled{background-color:#9ca3af;cursor:not-allowed;box-shadow:none}.boton-v1__icono{display:flex;align-items:center;font-size:18px}.boton-v1 svg{width:30px;height:30px}.boton-v1__texto{white-space:nowrap}.boton-v1__loader{width:18px;height:18px;border:3px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.navbar{background-color:#231f20;color:#fff;margin:12px;padding:8px;border-radius:16px;display:flex;align-items:center}.navbar img{width:300px}.navbar-item.logo{width:min-content}.navbar-item.titulo{width:-webkit-fill-available;text-align:center}.inicio-sesion-background{background-position:center;background-size:cover;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.inicio-sesion-container{display:flex;width:100%;max-width:1000px;min-height:600px;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 20px 40px #0000001a}.logo-movil{display:none;flex-direction:column;align-items:center;margin-bottom:2rem}.logo-movil img{width:70px;margin-bottom:.5rem}.logo-movil h2{font-size:1.4rem;font-weight:600;color:#231f20}.inicio-sesion-formulario{flex:1;display:flex;justify-content:center;align-items:center;padding:3rem 2rem}.formulario-contenido{width:100%;max-width:400px}.formulario-header{text-align:center;margin-bottom:2rem}.formulario-header h1{font-size:2rem;margin-bottom:.5rem}.formulario-subtitulo{color:#6b7280}.formulario{display:flex;flex-direction:column;gap:1.25rem}.input-container{position:relative}.input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%)}.input-field{width:100%;padding:1rem 1rem 1rem 3rem;border-radius:12px;border:2px solid #e5e7eb;font-size:16px;background:#f9fafb}.input-field:focus{outline:none;border-color:#231f20}.inicio-sesion-info{flex:1;background:linear-gradient(135deg,#231f20,#1a1718);color:#fff;display:flex;justify-content:center;align-items:center;padding:3rem 2rem}.info-contenido{text-align:center}.animar-imagen{width:120px;margin-bottom:1.5rem;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media(max-width:768px){.inicio-sesion-container{flex-direction:column;max-width:500px}.logo-movil{display:flex}.inicio-sesion-info{display:none}}@media(max-width:480px){.inicio-sesion-formulario{padding:1.5rem 1rem}.formulario-header h1{font-size:1.4rem}}.inicio-tarjeta{display:flex;align-items:center;gap:14px;padding:18px 20px;border-radius:14px;background:#fff;border:1px solid #e5e7eb;text-decoration:none;color:#0f172a;transition:all .2s ease;cursor:pointer}.inicio-tarjeta:hover{transform:translateY(-2px);border-color:#4b83fa;box-shadow:0 6px 16px #00000014}.inicio-tarjeta-icono{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:#f1f5f9;color:#2e70ff}.inicio-tarjeta-texto{font-size:16px;font-weight:500}.lista-clientes-page{width:100%;max-width:100%;min-width:0;overflow-x:hidden;padding:20px 24px 32px;box-sizing:border-box}.header-clientes{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #e5e7eb;width:100%;min-width:0}.header-clientes .busqueda-reportes{flex:1 1 200px;min-width:0}.header-clientes-btn{flex-shrink:0}@media(max-width:900px){.header-clientes{flex-direction:column;align-items:stretch}.header-clientes .busqueda-reportes{flex:none;width:100%}}@media(max-width:768px){.lista-clientes-page{padding:16px 16px 24px}.header-clientes{margin-bottom:20px;padding-bottom:16px}}@media(max-width:480px){.lista-clientes-page{padding:12px 12px 20px}.header-clientes{gap:12px;margin-bottom:16px;padding-bottom:12px}}.tabla-desktop{width:100%;max-width:100%;min-width:0;overflow-x:auto}.tabla-clientes{width:100%;border-collapse:separate;border-spacing:0 8px;table-layout:fixed;font-size:.875rem}.tabla-clientes thead th{text-align:left;padding:12px 14px;color:#555;font-weight:600;font-size:.8rem;border-bottom:2px solid #e5e7eb}.tabla-clientes tbody tr{margin-bottom:12px;transition:transform .2s ease,box-shadow .2s ease;animation:fadeInUp .4s ease forwards;opacity:0;transform:translateY(10px)}.tabla-clientes tbody tr:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.tabla-clientes tbody td{border-bottom:8px solid #f3f4f6;background-color:#fff;padding:12px 14px;transition:background-color .2s ease;position:relative;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word}.tabla-clientes tbody td:first-child{border-radius:12px 0 0 12px}.tabla-clientes tbody td:last-child{border-radius:0 12px 12px 0}.tabla-clientes-container{width:100%;max-width:100%;min-width:0;overflow-x:hidden;margin-bottom:20px}.vista-movil{display:none;width:100%;max-width:100%;min-width:0;flex-direction:column;gap:16px;overflow-x:hidden}.cliente-movil-card{width:100%;max-width:100%;background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000001a;overflow:hidden;animation:slideInUp .4s ease forwards;opacity:0;transform:translateY(20px)}.cliente-movil-item{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #e5e7eb}.cliente-movil-item:last-child{border-bottom:none}.cliente-header{background:#f8fafc;padding:16px}.cliente-id{font-weight:600;color:#2563eb}.cliente-label{color:#6b7280;font-size:.85rem;width:90px}.cliente-valor{text-align:right;font-size:.85rem;color:#374151;flex:1;min-width:0;word-wrap:break-word}.cliente-acciones{background:#f8fafc;padding:16px;gap:12px;flex-wrap:wrap}.cliente-acciones .btn-accion{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border-radius:8px;text-decoration:none;font-size:.875rem;font-weight:500;transition:all .2s ease}.cliente-acciones .btn-accion.editar{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.cliente-acciones .btn-accion.ver{background:#2563eb;color:#fff}.cliente-acciones .btn-accion:hover{opacity:.9}@media(max-width:767px){.tabla-desktop{display:none}.vista-movil{display:flex}.tabla-clientes-container{margin-bottom:16px}.cliente-movil-card{margin-bottom:4px}}@media(max-width:480px){.cliente-movil-item{padding:12px;flex-direction:column;align-items:flex-start;gap:4px}.cliente-header{padding:14px 12px}.cliente-valor{text-align:left}.cliente-acciones{flex-direction:column;padding:12px}.cliente-acciones .btn-accion{width:100%;justify-content:center}}.cliente-modal-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease-out}.cliente-modal{background:#fff;width:100%;max-width:420px;border-radius:14px;padding:24px;box-shadow:0 20px 40px #00000026;animation:scaleIn .25s ease-out}.cliente-modal h3{margin:0 0 16px;font-size:18px}.cliente-modal p{margin:0 0 12px}.cliente-modal-advertencia{background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;padding:12px;margin:12px 0;font-size:.9rem;color:#92400e}.cliente-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.accion-item.historial{background-color:#e0e7ff;color:#4338ca}.accion-item.historial:hover{background-color:#c7d2fe;color:#3730a3}.accion-item.historial svg{width:30px;height:30px}.cliente-acciones .btn-accion.eliminar{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.cliente-acciones .btn-accion.eliminar:hover{background:#fee2e2}.cliente-acciones .btn-accion.historial{background:#e0e7ff;color:#4338ca;border:1px solid #a5b4fc}.cliente-acciones .btn-accion.historial:hover{background:#c7d2fe}@media(prefers-reduced-motion:reduce){.tabla-clientes tbody tr,.tabla-clientes tbody td,.cliente-movil-card{animation:none;transition:none;transform:none;opacity:1}}.busqueda-reportes{display:flex;align-items:center;gap:8px;width:100%;min-width:0;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:8px 12px;box-shadow:0 2px 6px #0000000a}.busqueda-reportes .icono{color:#6b7280;font-size:16px}.busqueda-reportes input{flex:1;border:none;outline:none;font-size:14px;color:#111827;background:transparent}.busqueda-reportes input::placeholder{color:#9ca3af}.busqueda-reportes .btn-limpiar{border:none;background:transparent;cursor:pointer;color:#9ca3af;font-size:14px;padding:4px;border-radius:6px;transition:all .2s ease}.busqueda-reportes .btn-limpiar:hover{background:#f3f4f6;color:#ef4444}.busqueda-reportes:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.formulario-clientes{max-width:520px;margin:0 auto;background:#fff;padding:22px;border-radius:14px;box-shadow:0 10px 30px #00000014;display:flex;flex-direction:column;gap:14px}.formulario-clientes input{width:100%;padding:11px 14px;border-radius:10px;border:1px solid #dcdcdc;font-size:14px;transition:border .15s ease}.formulario-clientes input:focus{outline:none;border-color:#1976d2}.input-telefono-wrap{display:flex;flex-direction:column;gap:6px}.input-telefono-wrap input{margin:0}.telefono-validando{font-size:12px;color:#666}.telefono-en-uso{margin:0;font-size:13px;color:#b45309}.telefono-en-uso a{color:#1976d2;font-weight:500;text-decoration:none}.telefono-en-uso a:hover{text-decoration:underline}.mascotas-pendientes{margin-top:18px;padding:16px;border-radius:12px;border:1px dashed #cfcfcf;background:#fafafa}.mascotas-pendientes h4{margin:0 0 12px;font-size:15px;font-weight:600}.mascota-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;background:#fff;border-radius:10px;margin-bottom:8px;box-shadow:0 2px 6px #0000000d}.mascota-item span{flex:1;font-size:14px;font-weight:500}.mascota-item button{border:none;background:transparent;cursor:pointer;font-size:13px;padding:4px 6px}.mascota-item button:first-of-type{color:#1976d2}.mascota-item button:last-of-type{color:#d32f2f}.mascota-item button:hover{text-decoration:underline}.mascotas-pendientes>button{margin-top:8px}.mascota-tags{display:flex;gap:6px;flex-wrap:wrap}.mascota-raza,.mascota-color{font-size:11px;padding:2px 8px;border-radius:999px;font-weight:500;white-space:nowrap}.mascota-raza{background:#e3f2fd;color:#1565c0}.mascota-color{background:#f3e5f5;color:#6a1b9a}.btn-crear-container{display:flex;justify-content:flex-end;align-items:center;margin-bottom:12px}.tabla-usuarios{width:100%;border-collapse:separate;border-spacing:0 8px}.tabla-usuarios thead th{text-align:left;padding:12px;color:#666;font-weight:600;border-bottom:2px solid #f0f0f0}.tabla-usuarios tbody tr{margin-bottom:12px;transition:transform .2s ease,box-shadow .2s ease;animation:fadeInUp .4s ease forwards;opacity:0;transform:translateY(10px)}.tabla-usuarios tbody tr:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.tabla-usuarios tbody td{border-bottom:6px solid #eeeeee;background-color:#fff;padding:12px;transition:background-color .2s ease;position:relative}.tabla-usuarios tbody td:first-child{border-radius:12px 0 0 12px}.tabla-usuarios tbody td:last-child{border-radius:0 12px 12px 0}.th-ordenable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s ease}.th-ordenable:hover{background-color:#0000000d}.header-contenido{display:flex;align-items:center;justify-content:space-between;gap:8px}.icono-orden{font-size:12px;transition:color .2s ease}.icono-orden.inactivo{color:#ccc}.icono-orden.activo{color:#007bff}.tabla-usuarios-container{width:100%}.barra-busqueda{margin-bottom:1rem;display:flex;gap:.5rem;justify-content:flex-end}.input-busqueda{position:relative;display:flex;align-items:center;max-width:400px}.icono-busqueda{position:absolute;left:12px;color:#666;z-index:1}.campo-busqueda{width:300px;padding:10px 12px 10px 40px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .2s ease}.campo-busqueda:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.resultados-info{font-size:12px;color:#666;font-style:italic}.sin-resultados{text-align:center;padding:2rem;color:#666;font-style:italic}.factible-container{display:flex;border-radius:15px;padding:4px;align-items:center;justify-content:space-between;width:max-content}.factible-container.factible{background-color:#e6f7f0;border:1px solid #bfe9d9;color:#0f766e}.factible-container.no-factible{background-color:#fde8e8;border:1px solid #f9caca;color:#b91c1c}.factible-container.pendiente{background-color:#fef9c3;border:1px solid #fde68a;color:#854d0e}.factible-container svg{width:30px;height:30px}.accion-contenedor{display:flex}.accion-item{text-decoration:none;color:#000;margin-right:8px}.accion-item svg{width:30px;height:30px;transition:all .2s}.accion-item svg:hover{width:28px;height:28px}.accion-item.eliminar{background:none;border:none;cursor:pointer;padding:0;color:#dc2626}.accion-item.eliminar:hover{color:#b91c1c}.accion-item.eliminar svg{width:30px;height:30px}.usuario-acciones .btn-accion.eliminar{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.usuario-acciones .btn-accion.eliminar:hover{background:#fee2e2}.usuario-acciones .btn-accion{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border-radius:8px;text-decoration:none;font-size:.875rem;font-weight:500;transition:all .2s ease;border:none;cursor:pointer}.usuario-acciones .btn-accion.editar{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.usuario-modal-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:9999;animation:modalFadeIn .2s ease-out}.usuario-modal{background:#fff;width:100%;max-width:420px;border-radius:14px;padding:24px;box-shadow:0 20px 40px #00000026;animation:modalScaleIn .25s ease-out}.usuario-modal h3{margin:0 0 16px;font-size:18px}.usuario-modal p{margin:0 0 12px}.usuario-modal-advertencia{background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;padding:12px;margin:12px 0;font-size:.9rem;color:#92400e}.usuario-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.92) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(max-width:768px){.input-busqueda{max-width:100%}.header-contenido{flex-direction:column;gap:2px}.icono-orden{font-size:10px}}@media(prefers-reduced-motion:reduce){.tabla-usuarios tbody tr,.tabla-usuarios tbody td{animation:none;transition:none;transform:none;opacity:1}}.tabla-desktop{display:block}.vista-movil{display:none;flex-direction:column;gap:16px}.usuario-movil-card{width:100%;max-width:500px;background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000001a;overflow:hidden;animation:slideInUp .4s ease forwards;opacity:0}.usuario-movil-item{display:flex;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #e5e7eb}.usuario-header{background:#f8fafc}.usuario-id{font-weight:600;color:#2563eb}.usuario-label{color:#6b7280;font-size:.85rem;width:90px}.usuario-valor{text-align:right;font-size:.85rem;color:#374151;flex:1}.usuario-acciones{background:#f8fafc}@media(max-width:768px){.tabla-desktop{display:none}.vista-movil{display:flex}}.formulario{background-color:#fff;padding:12px;margin:16px 60px;border-radius:20px;font-size:medium}.formulario-item input,.formulario-item textarea{background-color:#eee;border:none;border-radius:12px;padding:12px;font-size:medium}.formulario-item textarea{font-size:large}.react-select__control{min-height:42px;border-radius:12px!important;border:none!important;border-color:#d1d5db;background-color:#eee!important}.react-select__control--is-focused{border-color:#2563eb;box-shadow:none}.react-select__option--is-focused{background-color:#e0e7ff}.react-select__option--is-selected{background-color:#2563eb}.react-select__placeholder{color:#9ca3af}.formulario-item.btn{display:flex;align-items:flex-end}.lista-reportes-page{width:100%;max-width:100%;min-width:0;overflow-x:hidden;padding:20px 24px 32px;box-sizing:border-box}.lista-reportes-cliente-badge{display:flex;align-items:center;gap:8px;padding:12px 16px;margin-bottom:20px;background:linear-gradient(135deg,#e0e7ff,#c7d2fe);border:1px solid #a5b4fc;border-radius:10px;font-size:14px}.lista-reportes-cliente-badge-label{color:#4f46e5;font-weight:500}.lista-reportes-cliente-badge strong{color:#3730a3}.lista-reportes-cliente-badge-cerrar{margin-left:auto;padding:4px 10px;background:#4f46e526;color:#4f46e5;border-radius:6px;text-decoration:none;font-size:13px;font-weight:500;transition:background .2s,color .2s}.lista-reportes-cliente-badge-cerrar:hover{background:#4f46e540;color:#3730a3}.header-reportes{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #e5e7eb;width:100%;min-width:0}.header-reportes .busqueda-reportes{flex:1 1 200px;min-width:0}.filtro-fecha-container{position:relative;display:inline-block;flex-shrink:0}.input-fecha-wrapper{position:relative;display:flex;align-items:center}.input-fecha{padding:8px 35px 8px 12px;width:100%;min-width:180px;max-width:260px;border:1px solid #dcdcdc;border-radius:6px;background-color:#fff;cursor:pointer;font-size:14px;transition:all .2s ease;box-sizing:border-box}.input-fecha:hover{border-color:#999}.input-fecha:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 2px #4f46e533}.btn-limpiar-fecha{position:absolute;right:8px;background:none;border:none;cursor:pointer;font-size:14px;color:#999;transition:color .2s ease}.btn-limpiar-fecha:hover{color:#e11d48}.calendario-dropdown{position:absolute;top:45px;left:0;z-index:999;background:#fff;border-radius:10px;box-shadow:0 10px 25px #00000026}.header-reportes-select{display:flex;gap:8px;flex-wrap:wrap;flex:0 1 auto;min-width:0}.header-reportes-select>*{flex:1 1 160px;min-width:140px}.header-reportes-select .react-select__control{min-width:0}.header-reportes-btn{flex-shrink:0}.lista-reportes-paginacion{margin-top:8px;padding-top:20px;border-top:1px solid #e5e7eb}@media(max-width:900px){.header-reportes{flex-direction:column;align-items:stretch}.header-reportes .busqueda-reportes{flex:none;width:100%;max-width:none}.input-fecha{max-width:none}.header-reportes-select{flex:none;width:100%;min-width:0}.header-reportes .react-select__control{max-width:none}}@media(max-width:768px){.lista-reportes-page{padding:16px 16px 24px}.header-reportes{margin-bottom:20px;padding-bottom:16px}}@media(max-width:480px){.lista-reportes-page{padding:12px 12px 20px}.header-reportes{gap:12px;margin-bottom:16px;padding-bottom:12px}.input-fecha{min-width:140px}}.rdrCalendarWrapper{box-sizing:border-box;background:#fff;display:inline-flex;flex-direction:column;-webkit-user-select:none;-moz-user-select:none;user-select:none}.rdrDateDisplay{display:flex;justify-content:space-between}.rdrDateDisplayItem{flex:1 1;width:0;text-align:center;color:inherit}.rdrDateDisplayItem+.rdrDateDisplayItem{margin-left:.833em}.rdrDateDisplayItem input{text-align:inherit}.rdrDateDisplayItem input:disabled{cursor:default}.rdrMonthAndYearWrapper{box-sizing:inherit;display:flex;justify-content:space-between}.rdrMonthAndYearPickers{flex:1 1 auto;display:flex;justify-content:center;align-items:center}.rdrNextPrevButton{box-sizing:inherit;cursor:pointer;outline:none}.rdrMonths{display:flex}.rdrMonthsVertical{flex-direction:column}.rdrMonthsHorizontal>div>div>div{display:flex;flex-direction:row}.rdrMonth{width:27.667em}.rdrWeekDays{display:flex}.rdrWeekDay{flex-basis:calc(100% / 7);box-sizing:inherit;text-align:center}.rdrDays{display:flex;flex-wrap:wrap}.rdrInfiniteMonths{overflow:auto}.rdrDateRangeWrapper{-webkit-user-select:none;-moz-user-select:none;user-select:none}.rdrDateInput{position:relative}.rdrDateInput input{outline:none}.rdrDateInput .rdrWarning{position:absolute;font-size:1.6em;line-height:1.6em;top:0;right:.25em;color:red}.rdrDay{box-sizing:inherit;width:calc(100% / 7);position:relative;font:inherit;cursor:pointer}.rdrDayNumber{display:block;position:relative}.rdrDayNumber span{color:#1d2429}.rdrDayDisabled{cursor:not-allowed}@supports (-ms-ime-align: auto){.rdrDay{flex-basis:14.285%!important}}.rdrSelected,.rdrInRange,.rdrStartEdge,.rdrEndEdge,.rdrDayStartPreview,.rdrDayInPreview,.rdrDayEndPreview{pointer-events:none}.rdrDateRangePickerWrapper{display:inline-flex;-webkit-user-select:none;-moz-user-select:none;user-select:none}.rdrStaticRanges{display:flex;flex-direction:column}.rdrStaticRange{font-size:inherit}.rdrInputRange{display:flex}.rdrCalendarWrapper{color:#000;font-size:12px}.rdrDateDisplayWrapper{background-color:#eff2f7}.rdrDateDisplay{margin:.833em}.rdrDateDisplayItem{border-radius:4px;background-color:#fff;box-shadow:0 1px 2px #23394236;border:1px solid transparent}.rdrDateDisplayItem input{cursor:pointer;height:2.5em;line-height:2.5em;border:0px;background:transparent;width:100%;color:#849095}.rdrDateDisplayItemActive{border-color:currentColor}.rdrDateDisplayItemActive input{color:#7d888d}.rdrMonthAndYearWrapper{align-items:center;height:60px;padding-top:10px}.rdrMonthAndYearPickers{font-weight:600}.rdrMonthAndYearPickers select{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:0;background:transparent;padding:10px 30px 10px 10px;border-radius:4px;outline:0;color:#3e484f;background:url("data:image/svg+xml;utf8,<svg width='9px' height='6px' viewBox='0 0 9 6' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g id='Artboard' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' transform='translate(-636.000000, -171.000000)' fill-opacity='0.368716033'><g id='input' transform='translate(172.000000, 37.000000)' fill='%230E242F' fill-rule='nonzero'><g id='Group-9' transform='translate(323.000000, 127.000000)'><path d='M142.280245,7.23952813 C141.987305,6.92353472 141.512432,6.92361662 141.219585,7.23971106 C140.926739,7.5558055 140.926815,8.06821394 141.219755,8.38420735 L145.498801,13 L149.780245,8.38162071 C150.073185,8.0656273 150.073261,7.55321886 149.780415,7.23712442 C149.487568,6.92102998 149.012695,6.92094808 148.719755,7.23694149 L145.498801,10.7113732 L142.280245,7.23952813 Z' id='arrow'></path></g></g></g></svg>") no-repeat;background-position:right 8px center;cursor:pointer;text-align:center}.rdrMonthAndYearPickers select:hover{background-color:#00000012}.rdrMonthPicker,.rdrYearPicker{margin:0 5px}.rdrNextPrevButton{display:block;width:24px;height:24px;margin:0 .833em;padding:0;border:0;border-radius:5px;background:#eff2f7}.rdrNextPrevButton:hover{background:#e1e7f0}.rdrNextPrevButton i{display:block;width:0;height:0;padding:0;text-align:center;border-style:solid;margin:auto;transform:translate(-3px)}.rdrPprevButton i{border-width:4px 6px 4px 4px;border-color:transparent rgb(52,73,94) transparent transparent;transform:translate(-3px)}.rdrNextButton i{margin:0 0 0 7px;border-width:4px 4px 4px 6px;border-color:transparent transparent transparent rgb(52,73,94);transform:translate(3px)}.rdrWeekDays{padding:0 .833em}.rdrMonth{padding:0 .833em 1.666em}.rdrMonth .rdrWeekDays{padding:0}.rdrMonths.rdrMonthsVertical .rdrMonth:first-child .rdrMonthName{display:none}.rdrWeekDay{font-weight:400;line-height:2.667em;color:#849095}.rdrDay{background:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:0;padding:0;line-height:3em;height:3em;text-align:center;color:#1d2429}.rdrDay:focus{outline:0}.rdrDayNumber{outline:0;font-weight:300;position:absolute;inset:5px 0;display:flex;align-items:center;justify-content:center}.rdrDayToday .rdrDayNumber span{font-weight:500}.rdrDayToday .rdrDayNumber span:after{content:"";position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:18px;height:2px;border-radius:2px;background:#3d91ff}.rdrDayToday:not(.rdrDayPassive) .rdrInRange~.rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrStartEdge~.rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrEndEdge~.rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrSelected~.rdrDayNumber span:after{background:#fff}.rdrDay:not(.rdrDayPassive) .rdrInRange~.rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrStartEdge~.rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrEndEdge~.rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrSelected~.rdrDayNumber span{color:#ffffffd9}.rdrSelected,.rdrInRange,.rdrStartEdge,.rdrEndEdge{background:currentColor;position:absolute;inset:5px 0}.rdrSelected{left:2px;right:2px}.rdrStartEdge{border-top-left-radius:1.042em;border-bottom-left-radius:1.042em;left:2px}.rdrEndEdge{border-top-right-radius:1.042em;border-bottom-right-radius:1.042em;right:2px}.rdrSelected{border-radius:1.042em}.rdrDayStartOfMonth .rdrInRange,.rdrDayStartOfMonth .rdrEndEdge,.rdrDayStartOfWeek .rdrInRange,.rdrDayStartOfWeek .rdrEndEdge{border-top-left-radius:1.042em;border-bottom-left-radius:1.042em;left:2px}.rdrDayEndOfMonth .rdrInRange,.rdrDayEndOfMonth .rdrStartEdge,.rdrDayEndOfWeek .rdrInRange,.rdrDayEndOfWeek .rdrStartEdge{border-top-right-radius:1.042em;border-bottom-right-radius:1.042em;right:2px}.rdrDayStartOfMonth .rdrDayInPreview,.rdrDayStartOfMonth .rdrDayEndPreview,.rdrDayStartOfWeek .rdrDayInPreview,.rdrDayStartOfWeek .rdrDayEndPreview{border-top-left-radius:1.333em;border-bottom-left-radius:1.333em;border-left-width:1px;left:0}.rdrDayEndOfMonth .rdrDayInPreview,.rdrDayEndOfMonth .rdrDayStartPreview,.rdrDayEndOfWeek .rdrDayInPreview,.rdrDayEndOfWeek .rdrDayStartPreview{border-top-right-radius:1.333em;border-bottom-right-radius:1.333em;border-right-width:1px;right:0}.rdrDayStartPreview,.rdrDayInPreview,.rdrDayEndPreview{background:#ffffff17;position:absolute;inset:3px 0;pointer-events:none;border:0px solid currentColor;z-index:1}.rdrDayStartPreview{border-top-width:1px;border-left-width:1px;border-bottom-width:1px;border-top-left-radius:1.333em;border-bottom-left-radius:1.333em;left:0}.rdrDayInPreview{border-top-width:1px;border-bottom-width:1px}.rdrDayEndPreview{border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-top-right-radius:1.333em;border-bottom-right-radius:1.333em;right:0}.rdrDefinedRangesWrapper{font-size:12px;width:226px;border-right:solid 1px #eff2f7;background:#fff}.rdrDefinedRangesWrapper .rdrStaticRangeSelected{color:currentColor;font-weight:600}.rdrStaticRange{border:0;cursor:pointer;display:block;outline:0;border-bottom:1px solid #eff2f7;padding:0;background:#fff}.rdrStaticRange:hover .rdrStaticRangeLabel,.rdrStaticRange:focus .rdrStaticRangeLabel{background:#eff2f7}.rdrStaticRangeLabel{display:block;outline:0;line-height:18px;padding:10px 20px;text-align:left}.rdrInputRanges{padding:10px 0}.rdrInputRange{align-items:center;padding:5px 20px}.rdrInputRangeInput{width:30px;height:30px;line-height:30px;border-radius:4px;text-align:center;border:solid 1px rgb(222,231,235);margin-right:10px;color:#6c767a}.rdrInputRangeInput:focus,.rdrInputRangeInput:hover{border-color:#b4bfc4;outline:0;color:#333}.rdrCalendarWrapper:not(.rdrDateRangeWrapper) .rdrDayHovered .rdrDayNumber:after{content:"";border:1px solid currentColor;border-radius:1.333em;position:absolute;inset:-2px 0;background:transparent}.rdrDayPassive{pointer-events:none}.rdrDayPassive .rdrDayNumber span{color:#d5dce0}.rdrDayPassive .rdrInRange,.rdrDayPassive .rdrStartEdge,.rdrDayPassive .rdrEndEdge,.rdrDayPassive .rdrSelected,.rdrDayPassive .rdrDayStartPreview,.rdrDayPassive .rdrDayInPreview,.rdrDayPassive .rdrDayEndPreview{display:none}.rdrDayDisabled{background-color:#f8f8f8}.rdrDayDisabled .rdrDayNumber span{color:#aeb9bf}.rdrDayDisabled .rdrInRange,.rdrDayDisabled .rdrStartEdge,.rdrDayDisabled .rdrEndEdge,.rdrDayDisabled .rdrSelected,.rdrDayDisabled .rdrDayStartPreview,.rdrDayDisabled .rdrDayInPreview,.rdrDayDisabled .rdrDayEndPreview{filter:grayscale(100%) opacity(60%)}.rdrMonthName{text-align:left;font-weight:600;color:#849095;padding:.833em}.tabla-reportes{width:100%;min-width:1100px;border-collapse:separate;border-spacing:0 8px;table-layout:fixed;font-size:.75rem}.tabla-reportes thead th{text-align:left;padding:10px 12px;color:#555;font-weight:600;font-size:.625rem;border-bottom:2px solid #e5e7eb;white-space:normal;line-height:1.2;word-wrap:break-word}.tabla-reportes tbody tr{margin-bottom:12px;transition:transform .2s ease,box-shadow .2s ease;animation:fadeInUp .4s ease forwards;opacity:0;transform:translateY(10px)}.tabla-reportes tbody tr:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.tabla-reportes tbody td{border-bottom:8px solid #f3f4f6;background-color:#fff;padding:10px 12px;transition:background-color .2s ease;position:relative;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;font-size:.75rem}.tabla-reportes tbody td.td-estado-reporte{overflow:visible!important}.tabla-reportes tbody td:first-child{border-radius:12px 0 0 12px}.tabla-reportes tbody td:last-child{border-radius:0 12px 12px 0}.tabla-reportes thead th.col-estados{width:155px!important;min-width:155px!important;max-width:155px!important;padding:0!important;margin:0!important;font-size:.65rem;box-sizing:border-box;overflow:visible!important}.tabla-reportes tbody td.td-estado-reporte{width:155px!important;min-width:155px!important;max-width:155px!important;padding:0!important;margin:0!important;vertical-align:middle;box-sizing:border-box;overflow:visible!important;display:table-cell!important;visibility:visible!important}.td-estado-reporte-wrap{min-width:140px;width:100%;display:block;padding:0!important;margin:0!important}.tabla-reportes tbody td.td-estado-reporte .react-select__control{display:flex!important;min-height:32px!important;visibility:visible!important;opacity:1!important;border:1px solid #3b82f6!important;border-radius:6px;background-color:#fff!important;padding:0 4px!important;margin:0!important}.tabla-reportes tbody td.td-estado-reporte .react-select__control:hover{border-color:#2563eb!important;box-shadow:0 0 0 1px #2563eb}.tabla-reportes th:last-child,.tabla-reportes td:last-child{width:150px;min-width:140px}.td-estado-reporte .tabla-reportes-select-estado{width:100%;max-width:100%;min-width:140px}.td-estado-reporte .react-select__control{min-height:32px;font-size:.75rem;padding:0 4px;margin:0}.td-estado-reporte .react-select__value-container{padding:0 4px;margin:0;overflow:visible;flex:1 1 auto;min-width:0}.td-estado-reporte .react-select__indicator{padding:2px;margin:0}.td-estado-reporte .react-select__single-value{max-width:100%;overflow:visible;white-space:nowrap}.reporte-movil-item.reporte-estado-movil{padding:0!important;margin:0!important;align-items:center;gap:8px}.reporte-estado-movil-wrap{flex:1;min-width:0;padding:0!important;margin:0!important;max-width:100%}.reporte-estado-movil .tabla-reportes-select-estado-movil{width:100%;min-width:140px;max-width:100%}.reporte-estado-movil .react-select__control{min-height:36px;padding:0 6px;margin:0!important;border:1px solid #3b82f6!important;border-radius:6px;background-color:#fff!important}.reporte-estado-movil .react-select__control:hover{border-color:#2563eb!important;box-shadow:0 0 0 1px #2563eb}.reporte-estado-movil .react-select__value-container{padding:0 4px;margin:0;overflow:visible;flex:1 1 auto;min-width:0}.reporte-estado-movil .react-select__single-value{max-width:100%;overflow:visible;white-space:nowrap}.reporte-estado-movil .react-select__indicator{padding:4px;margin:0}.tabla-reportes tbody td:nth-child(3){overflow:visible}.reporte-id{font-weight:600;color:#2563eb;font-size:.75rem}.documento-nombre{font-weight:500;color:#374151}.auditor-nombre{color:#6b7280}.fecha{font-size:.8125rem;color:#6b7280}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.tabla-reportes-container{width:100%;max-width:100%;min-width:0;display:flex;flex-direction:column;align-items:stretch;overflow-x:auto;margin:0 0 20px;padding:0 4px}.tabla-desktop{width:100%;max-width:100%;min-width:0;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.vista-movil{display:none;width:100%;max-width:100%;min-width:0;gap:16px;flex-direction:column;align-items:stretch;overflow-x:hidden;padding:0 4px}.estado-container{display:flex;border-radius:15px;padding:6px 12px;align-items:center;gap:6px;width:max-content;font-size:.75rem}.estado-container.terminado{background-color:#ecfdf5;border:1px solid #bbf7d0;color:#065f46}.estado-container.pendiente{background-color:#fffbeb;border:1px solid #fed7aa;color:#92400e}.estado-container svg{width:14px;height:14px}.accion-contenedor{display:flex;gap:6px;flex-wrap:wrap}.accion-item{flex-shrink:0}.accion-item{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;text-decoration:none;transition:all .2s ease}.accion-item.editar{background-color:#f3f4f6;color:#374151}.accion-item.editar:hover{background-color:#e5e7eb;color:#111827}.accion-item.ver{background-color:#dbeafe;color:#1d4ed8}.accion-item.ver:hover{background-color:#bfdbfe;color:#1e40af}.accion-item.edicion-rapida{background-color:#fef3c7;color:#b45309;border:none;cursor:pointer}.accion-item.edicion-rapida:hover{background-color:#fde68a;color:#92400e}.accion-item.eliminar{background-color:#ff6868;color:#050505;cursor:pointer}.accion-item.eliminar:hover{background-color:#ff6868;color:#9b2c2c;cursor:pointer}.accion-item svg{width:18px;height:18px}.reporte-movil-card{display:flex;flex-direction:column;width:100%;max-width:100%;background-color:#fff;border-radius:16px;box-shadow:0 2px 8px #0000001a;overflow:hidden;animation:slideInUp .4s ease forwards;opacity:0;transform:translateY(20px)}.reporte-movil-item{display:flex;align-items:center;justify-content:space-between;padding:16px}.reporte-movil-item:not(:last-child){border-bottom:1px solid #e5e7eb}.reporte-header{background-color:#f8fafc;align-items:flex-start;padding:20px 16px}.reporte-titulo h4{margin:4px 0 0;font-size:.9375rem;font-weight:600;color:#374151;line-height:1.3}.reporte-estado{flex-shrink:0}.reporte-label{color:#6b7280;font-size:.75rem;flex-shrink:0;width:100px}.reporte-valor{text-align:right;color:#374151;font-size:.75rem;flex:1;min-width:0;word-wrap:break-word}.reporte-acciones{background-color:#f8fafc;padding:16px}.reporte-movil-botones{display:flex;gap:12px}.btn-accion{display:flex;align-items:center;gap:6px;padding:10px 16px;border-radius:8px;text-decoration:none;font-size:.8125rem;font-weight:500;transition:all .2s ease}.btn-accion.editar{background-color:#f3f4f6;color:#374151;border:1px solid #d1d5db}.btn-accion.editar:hover{background-color:#e5e7eb}.btn-accion.ver{background-color:#2563eb;color:#fff}.btn-accion.ver:hover{background-color:#1d4ed8}.btn-accion svg{width:16px;height:16px}.sin-resultados{text-align:center;padding:2.5rem 2rem;color:#6b7280;font-style:italic}.sin-resultados-movil{display:flex;justify-content:center;align-items:center;padding:3rem 1.5rem;text-align:center}.sin-resultados-movil p{color:#6b7280;font-style:italic;margin:0}.skeleton{width:100%;height:14px;border-radius:6px;background:linear-gradient(90deg,#f0f0f0 25%,#e4e4e4 37%,#f0f0f0 63%);background-size:400% 100%;animation:shimmer 1.4s ease infinite}.skeleton-text{height:14px}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}@keyframes slideInUp{to{opacity:1;transform:translateY(0)}}@media(max-width:767px){.tabla-desktop{display:none}.vista-movil{display:flex}.tabla-reportes-container{overflow-x:visible;margin-bottom:16px;padding:0}.reporte-movil-card{margin:0 12px 12px}.reporte-header{flex-direction:column;gap:12px;align-items:stretch}.reporte-estado{align-self:flex-start}}@media(max-width:480px){.reporte-movil-card{margin:0 8px 12px;border-radius:12px}.reporte-movil-item{padding:14px 12px}.reporte-header{padding:16px 12px}.reporte-movil-botones{flex-direction:column;width:100%}.btn-accion{justify-content:center;padding:12px}}@media(prefers-reduced-motion:reduce){.tabla-reportes tbody tr,.reporte-movil-card{animation:none;opacity:1;transform:none}}.cliente-tooltip-wrapper{position:relative;display:inline-block;cursor:help}.nota-tooltip{position:absolute;top:100%;left:0;background:#1f2937;color:#f9fafb;padding:10px 12px;border-radius:8px;font-size:.8125rem;line-height:1.4;white-space:normal;z-index:999999;margin-top:6px;min-width:180px;max-width:280px;box-shadow:0 4px 14px #00000040;border:1px solid rgba(255,255,255,.1)}.nota-tooltip-fecha{font-size:.75rem;font-weight:600;margin-bottom:6px;color:#9ca3af}.nota-tooltip-texto{font-size:.8125rem;color:#f3f4f6;word-wrap:break-word}.fila-sin-archivo td{background-color:#fff9c4!important}.fila-sin-archivo.reporte-movil-card{background-color:#fff9c4}.fila-marcada td{background-color:#d4edda!important;transition:background-color .3s ease}@media(max-width:768px){.nota-tooltip{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);max-width:90vw;padding:12px 16px;font-size:.85rem;white-space:normal}}@media(max-width:1280px){.tabla-reportes{font-size:.75rem}.tabla-reportes thead th,.tabla-reportes tbody td{padding:10px 12px}}.modal-reporte-overlay{position:fixed;inset:0;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeInOverlay .2s ease}.modal-reporte-confirmacion{background:#fff;width:90%;max-width:420px;border-radius:16px;padding:28px 24px;box-shadow:0 20px 40px #0003;animation:modalPop .2s ease;text-align:center}.modal-reporte-confirmacion h3{margin:0 0 10px;font-size:20px;font-weight:600;color:#111827}.modal-reporte-confirmacion p{margin:0 0 24px;font-size:14px;color:#6b7280}.modal-reporte-botones{display:flex;gap:12px;justify-content:center}.modal-reporte-botones button{flex:1;padding:10px 14px;border-radius:10px;border:1px solid #d1d5db;background:#f9fafb;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.modal-reporte-botones button:hover{background:#e5e7eb}.btn-confirmar-eliminar{background:#dc2626!important;color:#fff!important;border:none!important}.btn-confirmar-eliminar:hover{background:#b91c1c!important}.modal-edicion-rapida{background:#fff;width:90%;max-width:440px;border-radius:16px;padding:24px;box-shadow:0 20px 40px #0003;animation:modalPop .2s ease}.modal-edicion-rapida h3{margin:0 0 4px;font-size:20px;font-weight:600;color:#111827}.modal-edicion-rapida-folio{margin:0 0 20px;font-size:14px;color:#6b7280}.modal-edicion-rapida-campos{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.modal-edicion-rapida-campos label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:500;color:#374151}.modal-edicion-rapida-campos input,.modal-edicion-rapida-campos textarea{padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px}.modal-edicion-rapida-campos textarea{resize:vertical;min-height:72px}.modal-edicion-rapida-botones{display:flex;gap:12px;justify-content:flex-end}.btn-accion.edicion-rapida{background-color:#fef3c7;color:#b45309;border:1px solid #fcd34d}.btn-accion.edicion-rapida:hover{background-color:#fde68a}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}@keyframes modalPop{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.btn-accion.marcar.activo{background-color:#16a34a;color:#fff;border-color:#16a34a}.fila-marcada{background-color:#00ff5e6b!important}.paginacion{display:flex;align-items:center;justify-content:center;gap:14px;padding:12px 16px;margin-top:16px}.paginacion span{font-size:14px;font-weight:500;color:#374151}.paginacion button{padding:8px 14px;font-size:14px;font-weight:500;border-radius:8px;border:1px solid #d1d5db;background-color:#fff;color:#111827;cursor:pointer;transition:all .2s ease}.paginacion button:hover:not(:disabled){background-color:#2563eb;color:#fff;border-color:#2563eb}.paginacion button:disabled{background-color:#f3f4f6;color:#9ca3af;border-color:#e5e7eb;cursor:not-allowed}@media(max-width:480px){.paginacion{flex-direction:column;gap:8px}.paginacion span{font-size:13px}.paginacion button{width:100%}}.reporte-layout{display:grid;grid-template-columns:420px 1fr;gap:16px;margin:16px 60px}.formulario{background-color:#fff;padding:16px;border-radius:20px}.formulario-item{display:flex;flex-direction:column;padding:12px}.formulario-item label{font-weight:600;margin-bottom:6px}.formulario-item.btn{align-items:flex-end}.react-select__control{min-height:44px;border-radius:12px!important;border:none!important;background-color:#eee!important}.alerta-info{background:#f1f5ff;border:1px solid #b6c6ff;border-radius:8px;padding:.75rem;margin-bottom:.75rem;font-size:.9rem}.link-crear{background:none;border:none;color:#3b5bdb;cursor:pointer;padding:0;font-size:.9rem;text-decoration:underline}.preview-reporte{background:#fff;border-radius:20px;padding:12px;min-height:700px;display:flex;justify-content:center;align-items:center}.preview-placeholder{color:#6b7280;font-size:.95rem;text-align:center;padding:1rem}.iframe-preview{width:100%;height:100%;min-height:680px;border:none;border-radius:12px}@media(max-width:1024px){.reporte-layout{grid-template-columns:360px 1fr;margin:16px 24px}}@media(max-width:768px){.reporte-layout{grid-template-columns:1fr;margin:12px}.formulario{border-radius:16px}.preview-reporte{min-height:500px}.iframe-preview{min-height:480px}}@media(max-width:480px){.reporte-layout{gap:12px;margin:8px}.formulario{padding:12px;border-radius:14px}.formulario-item{padding:8px 4px}.formulario-item.btn{align-items:stretch}.preview-reporte{min-height:380px;padding:8px}.iframe-preview{min-height:360px}}@media(max-width:360px){.preview-reporte{min-height:320px}.iframe-preview{min-height:300px}}@media(max-width:768px)and (orientation:landscape){.preview-reporte{min-height:300px}.iframe-preview{min-height:280px}}.cliente-detalles{max-width:1100px;margin:0 auto;padding:24px;display:flex;flex-direction:column;gap:24px}.cliente-info{background:#fff;border-radius:12px;padding:20px 24px;box-shadow:0 8px 20px #0000000d}.cliente-info h2{margin:0 0 12px;font-size:22px;font-weight:600;color:#222}.cliente-info p{margin:6px 0;font-size:14px;color:#444}.cliente-info strong{color:#111}.cliente-info-sin-datos{color:var(--color-texto-secundario, #666);font-style:italic}@media(max-width:768px){.cliente-info{padding:16px}.cliente-info h2{font-size:18px}}@media(max-width:480px){.modal{height:100%;max-width:none;border-radius:0}}.mascotas-section{background:#fff;border-radius:12px;padding:20px 24px;box-shadow:0 8px 20px #0000000d}@media(max-width:767px){.mascotas-section{padding:16px;overflow-x:hidden}}.mascotas-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px}@media(max-width:767px){.mascotas-header{flex-direction:column;align-items:stretch}.mascotas-header button{width:100%}}.mascotas-header h3{margin:0;font-size:18px}.mascotas-header button{background:#4f46e5;color:#fff;border:none;border-radius:8px;padding:8px 14px;cursor:pointer;font-size:14px}.mascotas-header button:hover{background:#4338ca}.tabla{width:100%;border-collapse:collapse;font-size:14px}.tabla th{text-align:left;padding:10px;background:#f4f6f8;color:#333}.tabla td{padding:10px;border-bottom:1px solid #eee}.tabla tr:hover{background:#fafafa}.tabla button{border:none;background:none;cursor:pointer;font-size:13px;margin-right:8px}.tabla button:first-child{color:#2563eb}.tabla button:last-child{color:#dc2626}.tabla button svg{width:30px;height:30px}.tabla tr{transition:background .15s ease}.tabla button{transition:color .15s ease,transform .1s ease}.tabla button:hover{transform:scale(1.05)}.btn-generar-reporte{display:inline-flex;align-items:center;gap:6px;background:#ecfeff;color:#0369a1;border:1px solid #bae6fd;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .1s ease}.btn-generar-reporte svg{width:16px;height:16px}.btn-generar-reporte:hover{background:#cffafe;border-color:#7dd3fc;color:#075985}.btn-generar-reporte:active{transform:scale(.96)}.btn-generar-reporte:disabled{opacity:.5;cursor:not-allowed}.tabla-select-servicio{min-width:140px}.tabla-input-precio{width:90px;padding:6px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:14px}.tabla-input-precio:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 2px #4f46e526}.mascota-modal-advertencia{background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;padding:12px;margin:12px 0;font-size:.9rem;color:#92400e}@media(max-width:767px){.mascotas-section .tabla{font-size:13px;display:block}.mascotas-section .tabla thead{display:none}.mascotas-section .tabla tbody{display:flex;flex-direction:column;gap:12px}.mascotas-section .tabla tr{display:block;border:1px solid #e5e7eb;border-radius:10px;padding:16px;margin:0;background:#fff;box-shadow:0 1px 3px #0000000d}.mascotas-section .tabla tr:hover{background:#fafafa}.mascotas-section .tabla td{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:8px 0;border:none;border-bottom:1px solid #f3f4f6}.mascotas-section .tabla td:last-child{border-bottom:none;padding-top:12px;margin-top:4px;border-top:1px solid #f3f4f6}.mascotas-section .tabla td:before{content:attr(data-label);font-weight:600;color:#555;flex-shrink:0;min-width:120px}.mascotas-section .tabla td[data-label=Servicio]>div{flex:1;min-width:0}.mascotas-section .tabla td[data-label=Precio] .tabla-input-precio{width:100%;max-width:120px}.mascotas-section .tabla td[data-label=Servicio] .tabla-select-servicio,.mascotas-section .tabla td[data-label=Servicio] .react-select__control{min-width:0;width:100%}.mascotas-section .tabla td[data-label=Acciones]{flex-direction:column;align-items:stretch;gap:8px}.mascotas-section .tabla td[data-label=Acciones]:before{width:100%;margin-bottom:4px}.mascotas-section .tabla td[data-label=Acciones] button{margin-right:0;padding:8px 12px}.mascotas-section .tabla .btn-generar-reporte{justify-content:center}.tabla-select-servicio{min-width:0!important;width:100%}}.mascota-modal-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease-out}.mascota-modal{background:#fff;width:100%;max-width:420px;border-radius:14px;padding:24px;box-shadow:0 20px 40px #00000026;animation:scaleIn .25s ease-out}.mascota-modal h3{margin:0 0 16px;font-size:18px}.mascota-modal form{display:flex;flex-direction:column;gap:12px}.mascota-modal input,.mascota-modal textarea,.react-select__control{width:100%;padding:10px 12px;border-radius:8px;border:1px solid #ddd!important;font-size:14px;background-color:#fff!important}.mascota-modal textarea{resize:none;min-height:80px}.mascota-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.mascota-colores{display:flex;justify-content:space-between}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.loader-overlay{position:fixed;inset:0;background:#ffffff8c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:9999}.loader-card{background:#fff;padding:24px 32px;border-radius:16px;box-shadow:0 20px 40px #00000026;display:flex;flex-direction:column;align-items:center;gap:12px;animation:fadeIn .3s ease-out}.loader-card p{margin:0;font-weight:500;color:#4a4a4a}.spinner{width:42px;height:42px;border:4px solid #e0e0e0;border-top:4px solid #4caf93;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.detalles-reporte{display:flex;flex-direction:column;gap:1rem}.card{border:1px solid #ccc;border-radius:8px;padding:1rem;background:#fff}.galeria-evidencias{display:flex;gap:.5rem;overflow-x:auto}.galeria-evidencias img{height:100px;border-radius:4px}.archivo-img{max-width:100%;height:auto;border-radius:4px}.reporte-qr{margin-top:.5rem;display:flex;align-items:center;gap:.5rem}.reporte-archivo-contenido{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.reporte-archivo-btn-eliminar{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:#fef2f2;color:#b91c1c;border:1px solid #fecaca;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s,color .2s}.reporte-archivo-btn-eliminar:hover{background:#fee2e2;color:#991b1b}.reporte-archivo-btn-eliminar svg{width:18px;height:18px}.reporte-info-modal-overlay{position:fixed;inset:0;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:reporteInfoFadeIn .2s ease}.reporte-info-modal{background:#fff;width:90%;max-width:420px;border-radius:16px;padding:24px;box-shadow:0 20px 40px #0003;animation:reporteInfoPop .2s ease}.reporte-info-modal h3{margin:0 0 12px;font-size:18px;font-weight:600;color:#111827}.reporte-info-modal p{margin:0 0 20px;font-size:14px;color:#6b7280;line-height:1.5}.reporte-info-modal-actions{display:flex;gap:12px;justify-content:flex-end}.reporte-info-modal-actions button:last-child{background:#dc2626!important;color:#fff!important;border:none!important}.reporte-info-modal-actions button:last-child:hover:not(:disabled){background:#b91c1c!important}@keyframes reporteInfoFadeIn{0%{opacity:0}to{opacity:1}}@keyframes reporteInfoPop{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.imagen-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.imagen-modal-content{position:relative;max-width:90%;max-height:90%}.imagen-modal-content img{max-width:100%;max-height:100%;border-radius:8px}.imagen-modal-close{position:absolute;top:-10px;right:-10px;background:#fff;border:none;border-radius:50%;width:28px;height:28px;font-size:18px;cursor:pointer}.mascota-info-sin-asignar{color:var(--color-texto-secundario, #666);font-style:italic}.galeria-evidencias{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px}.evidencia-item{position:relative}.evidencia-img{width:100%;height:140px;object-fit:cover;border-radius:8px;display:block}.evidencia-btn-eliminar{position:absolute;top:6px;right:6px;width:28px;height:28px;border-radius:50%;border:none;background:#dc2626e6;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease,transform .1s ease}.evidencia-btn-eliminar:hover{background:#b91c1cf2;transform:scale(1.05)}.evidencia-btn-eliminar:disabled{opacity:.6;cursor:not-allowed}.evidencia-btn-eliminar svg{width:20px;height:20px}.evidencia-modal-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:9999;animation:evidenciaModalFadeIn .2s ease-out}.evidencia-modal{background:#fff;width:100%;max-width:420px;border-radius:14px;padding:24px;box-shadow:0 20px 40px #00000026;animation:evidenciaModalScaleIn .25s ease-out}.evidencia-modal h3{margin:0 0 16px;font-size:18px}.evidencia-modal p{margin:0 0 12px}.evidencia-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}@keyframes evidenciaModalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes evidenciaModalScaleIn{0%{opacity:0;transform:scale(.92) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.subir-evidencias{border:1px dashed #aaa;border-radius:8px;padding:1rem;margin-top:1rem;text-align:center}.dropzone{position:relative;padding:1rem;text-align:center;border:2px dashed #888;border-radius:6px;cursor:pointer}.dropzone input[type=file]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.previsualizaciones{display:flex;gap:.5rem;margin-top:1rem;overflow-x:auto}.preview-card{position:relative}.preview-card img{height:100px;border-radius:4px}.preview-card button{position:absolute;top:-5px;right:-5px;background:#fff;border:none;border-radius:50%;cursor:pointer;width:20px;height:20px;font-weight:700;color:red}.subir-evidencias-btn-wrap{margin-top:1.5rem}.btn-descargar{margin:16px 0;padding:10px 14px;background:#1d4ed8;color:#fff;border:none;border-radius:6px;cursor:pointer}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#fff;width:90%;max-width:900px;height:85vh;display:flex;flex-direction:column;border-radius:8px}.modal-header,.modal-footer{padding:12px;display:flex;justify-content:space-between;align-items:center}.modal-body{flex:1;padding:0}.modal-body iframe{border:none}.btn-primario{background:#16a34a;color:#fff;padding:8px 12px;border:none;border-radius:5px}.btn-secundario{background:#e5e7eb;padding:8px 12px;border:none;border-radius:5px}.preview-reporte-modal-overlay{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;box-sizing:border-box}.preview-reporte-modal{background:#fff;width:90%;max-width:900px;height:85vh;max-height:calc(100vh - 40px);display:flex;flex-direction:column;border-radius:12px;box-shadow:0 20px 60px #0000004d}.preview-reporte-modal .modal-header{padding:16px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e5e7eb;flex-shrink:0}.preview-reporte-modal .modal-header h3{margin:0;font-size:1.125rem;font-weight:600;color:#111827}.preview-reporte-modal-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;background:#f3f4f6;color:#6b7280;border-radius:8px;cursor:pointer;font-size:1.25rem;line-height:1;transition:background .2s,color .2s}.preview-reporte-modal-close:hover{background:#e5e7eb;color:#374151}.preview-reporte-modal .modal-body{flex:1;min-height:0;overflow:hidden}.preview-reporte-modal .modal-body iframe{width:100%;height:100%;border:none;display:block}.preview-reporte-modal .modal-footer{padding:16px 20px;display:flex;justify-content:flex-end;gap:12px;border-top:1px solid #e5e7eb;flex-shrink:0}.uploader-reportes{position:relative;border:2px dashed #bbb;border-radius:12px;padding:30px;text-align:center;transition:all .25s ease;background-color:#fafafa;cursor:pointer}.uploader-reportes.dragging{border-color:#4f46e5;background-color:#eef2ff;transform:scale(1.01)}.uploader-reportes.procesando{pointer-events:none;opacity:.85}.uploader-reportes.procesando .drop-zone p{color:#4f46e5}.drop-zone p{font-size:18px;font-weight:600;margin-bottom:6px}.drop-zone span{font-size:14px;color:#666}.uploader-mensaje-exito{margin:0 0 12px;padding:10px 16px;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;color:#065f46;font-size:15px;font-weight:500;animation:uploaderFadeIn .3s ease}@keyframes uploaderFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.uploader-qr-reader-hidden{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;overflow:hidden}.uploader-progreso-texto{font-size:13px!important;color:#6b7280!important}.carrusel-wrapper{margin-top:24px}.carrusel-container{display:flex;align-items:center;justify-content:center;gap:12px}.reporte-card{width:100%;max-width:420px;background:#fff;border-radius:16px;box-shadow:0 12px 30px #0000001f;overflow:hidden}.preview-wrapper{width:100%;background:#111827}.reporte-preview{width:100%;height:320px;object-fit:contain;background:#111827}.reporte-info{padding:14px 16px}.reporte-info h3{margin-bottom:6px}.ok{margin-top:8px;font-weight:600;color:#16a34a}.carrusel-container button{background:#111827;color:#fff;border:none;padding:12px;border-radius:50%;cursor:pointer}.carrusel-container button:disabled{opacity:.3}.carrusel-footer{margin-top:14px;display:flex;justify-content:space-between;align-items:center}.btn-finalizar{background:#2563eb;color:#fff;border:none;padding:12px 20px;border-radius:12px;font-weight:600}.nota-servicio{margin-top:12px;display:flex;flex-direction:column;gap:6px}.nota-label{font-size:14px;font-weight:600;color:#2d2d2d}.nota-opcional{margin-left:6px;font-size:12px;font-weight:400;color:#8a8a8a}.nota-textarea{width:100%;min-height:90px;padding:10px 12px;font-size:14px;font-family:inherit;border-radius:8px;border:1px solid #dcdcdc;resize:vertical;background-color:#fff;transition:border-color .2s ease,box-shadow .2s ease}.nota-textarea::placeholder{color:#aaa}.nota-textarea:focus{outline:none;border-color:#4f8cff;box-shadow:0 0 0 2px #4f8cff26}@media(max-width:640px){.carrusel-container{gap:6px}.reporte-card{max-width:100%;border-radius:0}.reporte-preview{height:420px}.carrusel-footer{flex-direction:column;gap:10px}.btn-finalizar{width:100%;text-align:center}}.errores-wrapper{margin-top:20px;padding:16px;border-radius:14px;background:#fff7ed;border:1px solid #fed7aa}.error-card{display:flex;gap:12px;margin-top:12px;background:#fff;border-radius:12px;padding:10px}.error-card img{width:120px;height:160px;object-fit:contain;background:#111827;border-radius:8px}.error-info{display:flex;flex-direction:column;justify-content:space-between}.error-info span{color:#b45309;font-weight:500}.error-info button{background:#ef4444;color:#fff;border:none;padding:8px 12px;border-radius:8px}