@import"https://fonts.googleapis.com/css2?family=Irish+Grover&family=League+Spartan:wght@100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";*{margin:0;padding:0;box-sizing:border-box}.landing-container{position:relative;min-height:100vh}.video-bg{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:0}.video-bg video{width:100%;height:100%;object-fit:cover}.video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#00000080,#0000004d,#00000080 70%,#000000d9)}.landing-nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:1.5rem 3rem}.landing-logo h1{font-size:2rem;font-weight:700;color:#fff}.landing-nav-links{display:flex;gap:1rem}.nav-btn-login{padding:.6rem 1.5rem;background:#ffffff26;border:2px solid rgba(255,255,255,.3);color:#fff;text-decoration:none;border-radius:10px;font-weight:600;transition:all .3s}.nav-btn-login:hover{background:#fff;color:var(--gradiante-uno)}.scroll-content{position:relative;z-index:10}.hero-section{height:100vh;display:flex;align-items:center;justify-content:center}.hero-text{text-align:center;max-width:700px;padding:2rem}.hero-text h2{font-size:3.5rem;font-weight:700;color:#fff;margin-bottom:1.5rem}.hero-text p{font-size:1.25rem;color:#ffffffe6;margin-bottom:2.5rem}.hero-btn{display:inline-block;padding:1rem 2.5rem;background:linear-gradient(135deg,var(--gradiante-uno),var(--gradiante-dos));color:#fff;text-decoration:none;border-radius:12px;font-weight:600}.hero-btn:hover{transform:translateY(-3px);box-shadow:0 15px 40px #5590fd66}.feature-section{min-height:60vh;display:flex;align-items:center;padding:2rem 4rem;opacity:0;transform:translateY(60px);transition:all .8s}.feature-section.visible{opacity:1;transform:translateY(0)}.feature-section.right .feature-content{margin-left:auto;text-align:right}.feature-section.left .feature-content{margin-right:auto;text-align:left}.feature-content{max-width:600px;padding:3rem;background:#000000b3;border-radius:20px}.feature-section h2{font-size:2.2rem;font-weight:700;color:#fff;margin-bottom:1.5rem}.feature-section p{font-size:1.1rem;color:#ffffffe6}.cta-section{min-height:90vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.cta-section h2{font-size:2.5rem;color:#fff;margin-bottom:1rem}.cta-section p{font-size:1.1rem;color:#ffffffe6;margin-bottom:2rem}.cta-btn{display:inline-block;padding:1rem 2.5rem;background:linear-gradient(135deg,var(--gradiante-uno),var(--gradiante-dos));color:#fff;text-decoration:none;border-radius:12px;font-weight:600}.landing-footer{padding:2rem;text-align:center;background:#000000e6;color:#ffffffb3}@media(max-width:900px){.hero-text h2{font-size:2.5rem}.feature-section.right .feature-content,.feature-section.left .feature-content{text-align:center}}.todo{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;padding:20px;background:var(--main-body)}.login-container{width:900px;height:600px;background:var(--background-primario);border-radius:var(--radius-2xl);overflow:hidden;display:flex;box-shadow:var(--shadow-2xl)}.login-imagen{width:40%;position:relative;overflow:hidden}.login-imagen img{width:100%;height:100%;object-fit:cover;object-position:65% center}.login-overlay{position:absolute;bottom:0;left:0;right:0;padding:40px;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,transparent 100%);color:#fff}.login-overlay h2{font-size:1.75rem;margin-bottom:.5rem;font-weight:700}.login-overlay p{font-size:.95rem;opacity:.9}.login-formulario{width:60%;padding:48px;display:flex;flex-direction:column;justify-content:center;background:var(--background-primario)}.form-header{margin-bottom:2rem}.form-header h1{font-size:2rem;margin-bottom:.5rem;font-weight:700;color:var(--color-texto)}.form-header p{color:var(--color-texto-secundario);font-size:.95rem}form{display:flex;flex-direction:column;gap:1.25rem}.input-row{display:flex;gap:1rem}.input-row .input-group{flex:1}.input-group{display:flex;flex-direction:column;gap:.5rem}.input-group label{font-size:.85rem;font-weight:600;color:var(--form-label)}.input-group input{padding:14px 18px;border-radius:var(--radius-lg);border:2px solid var(--border-solid);font-size:.95rem;outline:none;transition:all var(--transition-normal);background:var(--form-background);color:var(--color-texto)}.input-group input:focus{border-color:var(--gradiante-uno);background:var(--background-primario);box-shadow:0 0 0 3px #6366f126}.input-group input::placeholder{color:var(--placeholder)}.btn-principal{padding:16px;border-radius:var(--radius-lg);border:none;background:var(--gradient-primary);color:var(--color-secundario);font-weight:600;font-size:1rem;cursor:pointer;transition:all var(--transition-slow);margin-top:.5rem;box-shadow:var(--shadow-md)}.btn-principal:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-principal:active{transform:translateY(0)}.recuerdame-row{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;margin-top:-.5rem}.recuerdame-row label{display:flex;align-items:center;gap:.5rem;color:var(--color-texto-secundario);cursor:pointer}.recuerdame-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--gradiante-uno);cursor:pointer}.recuerdame-row a{color:var(--gradiante-uno);text-decoration:none;font-weight:500;transition:color var(--transition-fast)}.recuerdame-row a:hover{color:var(--gradiante-dos);text-decoration:underline}.form-footer{margin-top:1.5rem;text-align:center;color:var(--color-texto-secundario);font-size:.9rem}.btn-link{background:none;border:none;color:var(--gradiante-uno);font-weight:600;cursor:pointer;margin-left:.3rem;font-size:.9rem;transition:color var(--transition-fast)}.btn-link:hover{color:var(--gradiante-dos);text-decoration:underline}.error-msg{color:var(--error-msg);font-size:.85rem;text-align:center;display:block;padding:8px;background:#fef2f2;border-radius:var(--radius-md)}@media(max-width:768px){.todo{padding:16px}.login-container{flex-direction:column;width:100%;max-width:400px;height:auto;min-height:550px;border-radius:var(--radius-xl)}.login-imagen{width:100%;height:180px}.login-overlay{padding:24px}.login-overlay h2{font-size:1.5rem}.login-formulario{width:100%;padding:28px}.form-header{margin-bottom:1.5rem}.form-header h1{font-size:1.75rem}.input-row{flex-direction:column;gap:1rem}.input-group input{padding:12px 14px}.btn-principal{padding:14px}}.action-card{display:flex;justify-content:left;align-items:flex-start;height:auto;width:18%;box-sizing:border-box;background-color:var(--background-primario);border-radius:var(--radius-xl);border:1px solid var(--border-solid);box-shadow:var(--shadow-sm);margin:8px 0;padding:16px;gap:12px;transition:all var(--transition-slow);cursor:pointer;position:relative;overflow:hidden}.action-card:before{content:"";position:absolute;inset:0;opacity:0;transition:opacity var(--transition-normal);z-index:0}.action-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:transparent}.action-card:hover:before{opacity:.05}.action-card .text{display:flex;flex-direction:column;justify-content:center;align-content:center;gap:4px;margin:0;position:relative;z-index:1}.action-card h2{font-size:1rem;font-weight:600;margin:0;padding:0;color:var(--color-texto)}.action-card p{margin:0;padding:0;font-size:1.5rem;font-weight:700;color:var(--color-titulos)}.action-card span{padding:12px 8px;border-radius:var(--radius-lg);transition:transform var(--transition-normal),background-color var(--transition-normal);display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.action-card:hover span{transform:scale(1.1) rotate(5deg)}.action-card[data-title="Salida Viajes"]{border-bottom:4px solid var(--color-sal-via)}.action-card[data-title="Salida Viajes"] span{background-color:var(--color-sal-via)}.action-card[data-title="Salida Puerto"]{border-bottom:4px solid var(--color-sal-pue)}.action-card[data-title="Salida Puerto"] span{background-color:var(--color-sal-pue)}.action-card[data-title="Entrada Viajes"]{border-bottom:4px solid var(--color-ent-via)}.action-card[data-title="Entrada Viajes"] span{background-color:var(--color-ent-via)}.action-card[data-title="Entrada Puerto"]{border-bottom:4px solid var(--color-ent-pue)}.action-card[data-title="Entrada Puerto"] span{background-color:var(--color-ent-pue)}.action-card[data-title="Advertencias:"]{border-bottom:4px solid var(--color-adv)}.action-card[data-title="Advertencias:"] span{background-color:var(--color-adv)}@media(max-width:1024px){.action-card h2{font-size:.9rem}.action-card p{font-size:1.25rem}.action-card span{display:none}}@media(max-width:768px){.action-card{width:100%;padding:14px;border-radius:var(--radius-lg)}.action-card h2{font-size:1rem}.action-card p{font-size:1.5rem}.action-card span{display:flex}}.admin-action-card{display:flex;align-items:center;width:45%;min-height:180px;background:var(--background-primario);border-radius:var(--radius-2xl);border:1px solid var(--border-solid);padding:32px;gap:24px;cursor:pointer;position:relative;overflow:hidden;box-shadow:var(--shadow-sm);transition:all var(--transition-slow)}.admin-action-card:before{content:"";position:absolute;inset:0;background:var(--gradient-primary);opacity:0;transition:opacity var(--transition-normal);z-index:0;border-radius:var(--radius-2xl)}.admin-action-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl);border-color:transparent}.admin-action-card:hover:before{opacity:1}.admin-card-icon{width:72px;height:72px;min-width:72px;border-radius:var(--radius-xl);background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;z-index:1;transition:transform var(--transition-normal)}.admin-card-icon svg{width:36px;height:36px;color:#fff}.admin-action-card:hover .admin-card-icon{transform:scale(1.1) rotate(5deg)}.admin-card-content{flex:1;z-index:1}.admin-card-content h2{margin:0 0 8px;font-size:1.5rem;font-weight:700;color:var(--color-texto);transition:color var(--transition-normal)}.admin-action-card:hover .admin-card-content h2{color:#fff}.admin-card-content p{margin:0;font-size:1rem;color:var(--color-texto-secundario);line-height:1.6;transition:color var(--transition-normal)}.admin-action-card:hover .admin-card-content p{color:#ffffffe6}.admin-card-arrow{z-index:1;color:var(--color-texto-secundario);transition:transform var(--transition-normal),color var(--transition-normal);display:flex;align-items:center}.admin-card-arrow svg{width:24px;height:24px}.admin-action-card:hover .admin-card-arrow{color:#fff;transform:translate(6px)}@media(max-width:1024px){.admin-action-card{width:45%;min-height:160px;padding:24px;gap:20px}.admin-card-icon{width:60px;height:60px;min-width:60px;border-radius:var(--radius-lg)}.admin-card-icon svg{width:30px;height:30px}.admin-card-content h2{font-size:1.3rem}.admin-card-content p{font-size:.9rem}}@media(max-width:768px){.admin-action-card{width:100%;min-height:140px;padding:20px;gap:16px;border-radius:var(--radius-xl)}.admin-card-icon{width:52px;height:52px;min-width:52px;border-radius:var(--radius-lg)}.admin-card-icon svg{width:26px;height:26px}.admin-card-content h2{font-size:1.2rem;margin-bottom:6px}.admin-card-content p{font-size:.85rem}.admin-card-arrow{display:none}}.page-dash{display:flex;flex-direction:column;width:100%;min-height:100vh;padding:24px;box-sizing:border-box;gap:24px}.EntraSali{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-around}.datos{width:100%;display:flex;gap:24px;margin:0;align-items:stretch}.dash-grafica,.ultimos-registros{display:flex;flex-direction:column;background:var(--background-primario);border-radius:var(--radius-2xl);border:1px solid var(--border-solid);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-slow)}.dash-grafica:hover,.ultimos-registros:hover{box-shadow:var(--shadow-md)}.dash-grafica{padding:24px;flex:4;height:450px}.ultimos-registros{flex:6;overflow:hidden;overflow-y:auto;display:flex;flex-direction:column;align-items:center;overflow-x:hidden}.ultimos-registros h2{text-align:center;padding:20px 0 12px;background-color:var(--background-primario);z-index:1;font-size:1.25rem;color:var(--color-titulos);border-bottom:1px solid var(--border-solid);width:100%}.ultimos-registros table{width:100%;border-collapse:collapse;font-size:.875rem}.ultimos-registros-tabla-wrapper{display:flex;flex:1;width:100%;overflow-x:hidden;justify-content:center;padding:0 16px 16px}.ultimos-registros th,.ultimos-registros td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border-solid)}.ultimos-registros th{font-weight:600;font-size:.75rem;text-transform:uppercase;color:var(--color-texto-secundario);letter-spacing:.05em;background:var(--paginacion-color)}.ultimos-registros tbody tr{transition:background-color var(--transition-fast)}.ultimos-registros tbody tr:hover{background-color:var(--aside-boton-hover)}.ultimas-advertencias{width:100%;background-color:var(--background-primario);border-radius:var(--radius-2xl);border:1px solid var(--border-solid);box-shadow:var(--shadow-sm);overflow:hidden;box-sizing:border-box;transition:box-shadow var(--transition-slow)}.ultimas-advertencias:hover{box-shadow:var(--shadow-md)}.ultimas-advertencias h2{text-align:center;padding:20px 0 12px;color:var(--color-adv);font-size:1.25rem;border-bottom:1px solid var(--border-solid);width:100%}.ultimas-advertencias-wrapper{width:100%;overflow-x:hidden;display:flex;justify-content:center;padding:0 16px 16px}.ultimas-advertencias table{width:100%;border-collapse:collapse;font-size:.875rem}.ultimas-advertencias th,.ultimas-advertencias td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border-solid)}.ultimas-advertencias th{font-weight:600;font-size:.75rem;text-transform:uppercase;color:var(--color-texto-secundario);letter-spacing:.05em;background:var(--paginacion-color)}.ultimas-advertencias tbody tr{transition:background-color var(--transition-fast)}.ultimas-advertencias tbody tr:hover{background-color:#fef2f2}.ultimas-advertencias tbody tr:last-child td{border-bottom:none}@media(max-width:1024px){.datos{flex-direction:column}.dash-grafica{height:50vh;min-height:300px;max-height:450px;flex:none}.ultimos-registros{flex:1;min-height:300px}}@media(max-width:768px){.page-dash{padding:16px;gap:16px}.EntraSali{gap:12px}.dash-grafica{padding:16px;border-radius:var(--radius-xl)}.ultimos-registros{border-radius:var(--radius-xl)}.ultimos-registros h2,.ultimas-advertencias h2{font-size:1.1rem;padding:16px 0 8px}.ultimos-registros table{font-size:.8rem}.ultimos-registros th,.ultimos-registros td,.ultimas-advertencias th,.ultimas-advertencias td{padding:8px 12px}.ultimas-advertencias{border-radius:var(--radius-xl)}.ultimos-registros-tabla-wrapper,.ultimas-advertencias-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;display:block;padding:0 12px 12px}}.admin-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:70vh;text-align:center;padding:3rem;gap:2rem}.admin-panel h1{font-size:2.5rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.admin-panel p{font-size:1.1rem;color:var(--color-texto-secundario);margin-bottom:1rem}.admin-cards-container{display:flex;gap:32px;flex-wrap:wrap;justify-content:center;width:100%;max-width:1000px}@media(max-width:768px){.admin-panel{padding:1.5rem;gap:1.5rem}.admin-panel h1{font-size:2rem}.admin-panel p{font-size:1rem}.admin-cards-container{flex-direction:column;align-items:center;width:100%;gap:20px}}.grafica-pastel{background-color:var(--background-primario);border-radius:30px;border:1px solid var(--border-solid);width:100%;height:100%;display:flex}#conteo{font-size:1.5rem}#conteo-total{font-size:.8rem}.uni-equi-titulo{display:flex;justify-content:center}.nav-btn.active{background-color:var(--botones-primario);color:var(--color-secundario);font-weight:600}.nav-btn.active{position:relative}.opciones{display:flex;align-items:center;justify-content:space-between;padding:10px 2.5%;gap:12px}.opciones-izquierda,.opciones-derecha{display:flex;align-items:center;gap:8px}.buscador-input{padding:8px 14px;border:2px solid var(--border-solid);border-radius:6px;font-size:14px;width:220px;transition:border-color .2s;outline:none}.btn-agregar{padding:8px 16px;background-color:var(--botones-primario);color:var(--color-secundario);border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:background-color .2s;white-space:nowrap}.btn-agregar:hover{background-color:var(--botones-primario-hover)}.btn-buscar{padding:8px 16px;background-color:var(--botones-primario);color:var(--color-secundario);border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:background-color .2s;white-space:nowrap}.btn-buscar:hover{background-color:var(--botones-primario-hover)}.uni-equi{max-height:500px;overflow-y:auto;overflow-x:auto}.table-uni-equi{border-collapse:collapse;width:95%;margin:2.5%;background-color:var(--background-primario);border-radius:10px;overflow:visible;box-shadow:0 2px 8px #0000000d;text-align:center}.head-uni-equi tr{border-bottom:1px solid var(--border-solid)}.head-uni-equi tr th{font-size:13px;font-weight:600;color:var(--color-texto);text-transform:uppercase;letter-spacing:.5px;padding:12px 10px}.head-uni-equi th{position:sticky;top:0;background-color:var(--background-primario);z-index:1}.body-uni-equi tr{border-bottom:1px solid var(--border-solid);transition:background .2s}.body-uni-equi tr:hover{background-color:#00000008}.body-uni-equi tr td{font-size:14px;color:var(--color-texto);padding:12px 10px}.table-uni-equi,.table-uni-equi td,.table-uni-equi th{border:none}.body-uni-equi tr:nth-child(2n){background-color:#00000004}.body-uni-equi tr td:first-child{font-weight:600}.btn-editar,.btn-eliminar{height:36px;padding:0 12px;display:inline-flex;align-items:center;gap:6px;border-radius:6px;border:none;cursor:pointer;font-size:14px;font-weight:600;transition:background .2s;white-space:nowrap;margin:2px}.btn-editar{background:var(--boton-editar)}.btn-editar:hover{background:var(--boton-editar-hover)}.btn-eliminar:hover{background:var(--boton-eliminar-hover);color:var(--color-secundario)}.paginacion{display:flex;justify-content:center;margin-top:20px;padding:20px;background-color:var(--paginacion-color);border-radius:8px}@media(max-width:1024px){.opciones{flex-direction:column;align-items:flex-start}.opciones-derecha{width:100%;flex-wrap:wrap}.buscador-input{flex:1;min-width:0;width:auto}.head-uni-equi tr th{font-size:14px;padding:8px 4px}.body-uni-equi tr td{font-size:12px;padding:6px 4px}.btn-editar,.btn-eliminar{height:32px;font-size:12px;padding:0 8px}}@media(max-width:768px){.uni-equi-titulo h1{font-size:18px;padding:10px}.table-uni-equi{margin:5px;min-width:100%}.head-uni-equi tr th{font-size:12px;padding:6px 2px}.body-uni-equi tr td{font-size:11px;padding:5px 2px}.nav-cards,.opciones-izquierda{display:none}}.btn-regresar{display:flex;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:600;background-color:var(--boton-regresar);border-radius:6px;border:none;color:var(--color-secundario);cursor:pointer;transition:background-color .2s;white-space:nowrap}.btn-regresar:hover{background-color:var( --boton-regresar-hover)}.btn-regresar svg{position:static;margin:0;flex-shrink:0}.editar-overlay{position:fixed;inset:0;background:#0000008c;display:flex;justify-content:center;align-items:center;z-index:3}.editar-modal{background:var(--background-primario);width:600px;max-height:90vh;overflow-y:auto;border-radius:12px;padding:24px 28px;box-shadow:0 20px 50px #00000040;position:relative}.modal-reporte{width:720px}.modal-ver-mas{width:900px}.editar-modal h2{margin:0 0 20px;border-bottom:1px solid var(--border-solid);padding-bottom:10px}.editar-close{position:absolute;top:14px;right:14px;border:2px solid var(--cerrar-registro-hover);background:var(--cerrar-registro);border-radius:5px;font-size:20px;cursor:pointer;color:#000;padding:0 5px}.editar-close:hover{color:#fff;background:var(--cerrar-registro-hover)}.editar-form{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px}.editar-form label{font-size:16px;font-weight:600;color:var(--form-label);display:flex;flex-direction:column;gap:4px}.editar-form input,.editar-form select,.editar-form textarea{width:100%;padding:8px 10px;border-radius:6px;border:1px solid var(--border-solid);font-size:16px;background:var(--background-primario);box-sizing:border-box}.editar-form textarea{min-height:38px;resize:vertical;overflow-y:auto}.editar-form input:focus,.editar-form select:focus,.editar-form textarea:focus{outline:none;border-color:var(--botones-primario);box-shadow:0 0 0 2px #007bff33}.editar-form input[readonly]{background:var(--form-background-read);color:var(--form-input-read);cursor:not-allowed}.editar-form select{cursor:pointer}.editar-actions{grid-column:1 / -1;display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:10px}.editar-actions button{background:var(--botones-primario);color:var(--color-secundario);border:none;padding:10px 18px;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:600}.editar-actions button:hover:not(:disabled){background:var(--botones-primario-hover)}.editar-actions button:disabled{opacity:.6;cursor:not-allowed}.modal-btn-cancelar{background:var(--form-boton-cancelar)!important;color:var(--color-texto)!important}.modal-btn-cancelar:hover:not(:disabled){background:var(--form-boton-cancelar-disable)!important}.input-error{border-color:var(--error-msg)!important;box-shadow:0 0 0 2px #ef444433!important}.modal-equipo-header{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;margin-top:8px}.modal-btn-agregar-equipo{background:var(--botones-primario);color:var(--color-secundario);border:none;padding:6px 14px;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600}.modal-btn-agregar-equipo:hover{background:var(--botones-primario-hover)}.modal-sin-equipo{grid-column:1 / -1;color:var(--form-modal-equipo);font-style:italic;font-size:13px;margin:0}.modal-equipo-card{border:1px solid var(--border-solid);padding:10px 12px;border-radius:8px;margin-bottom:8px;display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;background:var(--form-background)}.editar-form .modal-equipo-card{grid-column:1 / -1;background:var(--form-background)}.modal-equipo-card p{margin:0;font-size:15px}.modal-equipo-titulo{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between}.modal-btn-quitar-equipo{background:var(--cerrar-registro);border:2px solid var(--cerrar-registro-hover);border-radius:5px;font-size:14px;cursor:pointer;color:#000;padding:2px 8px}.modal-btn-quitar-equipo:hover{background:var(--cerrar-registro-hover);color:var(--color-secundario)}.modal-ver-mas-data{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 20px;margin-bottom:24px}.modal-ver-mas-data p{margin:0;font-size:16px}.modal-ver-mas-section{margin-top:20px;font-size:16px}.modal-ver-mas-section h3{margin-bottom:10px;font-size:16px;border-bottom:1px solid var(--border-solid);padding-bottom:4px}.modal-ver-mas-equipo-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.modal-reporte-data{background:var(--form-reporte-background);border-radius:8px;padding:12px 14px;margin-top:12px;display:grid;grid-template-columns:1fr 1fr;gap:6px 16px;border:1px solid var(--border-solid)}.modal-reporte-data p{margin:0;font-size:15px}.modal-reporte-equipos{grid-column:1 / -1;margin-top:8px}.modal-recordatorio{font-size:13px;font-weight:300;color:var(--form-recordatorio);margin-right:auto}@media(max-width:768px){.editar-modal,.modal-reporte,.modal-ver-mas{width:95%;padding:18px}.editar-form,.modal-ver-mas-data,.modal-reporte-data,.modal-equipo-card,.modal-ver-mas-equipo-list{grid-template-columns:1fr}}.tipo-titulo{display:flex;justify-content:center}.nav-cards{display:flex;justify-content:space-around;gap:10px;padding:10px 2.5%;border-bottom:1px solid var(--border-solid);margin-bottom:10px;flex-wrap:wrap;background-color:var(--background-primario)}.nav-btn{padding:8px 14px;border:none;background:transparent;cursor:pointer;font-size:14px;font-weight:500;color:var(--color-texto);border-radius:6px;transition:all .2s}.nav-btn:hover{background-color:#0000000d}.nav-btn.active{color:var(--color-secundario);font-weight:600}.nav-btn.active[data-tipo=salida-viaje]{background-color:var(--color-sal-via)}.nav-btn.active[data-tipo=entrada-viaje]{background-color:var(--color-ent-via)}.nav-btn.active[data-tipo=salida-puerto]{background-color:var(--color-sal-pue)}.nav-btn.active[data-tipo=entrada-puerto]{background-color:var(--color-ent-pue)}.nav-btn.active[data-tipo=advertencias]{background-color:var(--color-adv)}.nav-btn.active:after{content:"";position:absolute;bottom:-10px;left:10%;width:80%;height:2px;background:var(--botones-primario);border-radius:2px}.nav-btn.active[data-tipo=salida-viaje]:after{background-color:var(--color-sal-via)}.nav-btn.active[data-tipo=entrada-viaje]:after{background-color:var(--color-ent-via)}.nav-btn.active[data-tipo=salida-puerto]:after{background-color:var(--color-sal-pue)}.nav-btn.active[data-tipo=entrada-puerto]:after{background-color:var(--color-ent-pue)}.nav-btn.active[data-tipo=advertencias]:after{background-color:var(--color-adv)}.tabla-toolbar{display:flex;align-items:center;position:sticky;top:0;background-color:var(--main-body);justify-content:space-between;padding:10px 2.5%;gap:12px}.buscador{display:flex;align-items:center;justify-content:end;gap:8px}.buscador-input{padding:8px 14px;border:2px solid var(--border-solid);border-radius:6px;font-size:14px;width:280px;transition:border-color .2s;outline:none}.buscador-input:focus{border-color:var(--botones-primario)}.buscador-select{padding:8px 12px;border:2px solid var(--border-solid);border-radius:6px;font-size:14px;cursor:pointer;outline:none;background:var(--background-primario);transition:border-color .2s}.buscador-select:focus{border-color:var(--botones-primario)}.buscador-btn{padding:8px 16px;background-color:var(--botones-primario);color:var(--color-secundario);border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:background-color .2s;white-space:nowrap}.buscador-btn:hover{background-color:var(--botones-primario-hover)}.buscador-btn-limpiar{background-color:var(--boton-limpiar)}.buscador-btn-limpiar:hover{background-color:var(--boton-limpiar-hover)}.tabla{max-height:500px;overflow-y:auto}table{border-collapse:collapse;width:95%;margin:2.5%;background-color:var(--background-primario);border-radius:10px;overflow:visible;box-shadow:0 2px 8px #0000000d;text-align:center}thead tr{background:transparent;border-bottom:1px solid var(--border-solid)}thead tr th{font-size:13px;font-weight:600;color:var(--color-texto);text-transform:uppercase;letter-spacing:.5px;padding:12px 10px}thead th{position:sticky;top:0;background-color:var(--background-primario);z-index:1}tbody tr{border-bottom:1px solid var(--border-solid);transition:background .2s}tbody tr:hover{background-color:#00000008}tbody tr td{font-size:14px;color:var(--color-texto);padding:12px 10px}table,td,th{border:none}tbody tr:nth-child(2n){background-color:#00000004}tbody tr td:first-child{font-weight:600}.btn-ver,.btn-edit,.btn-mos{height:36px;padding:0 12px;display:flex;align-items:center;gap:6px;border-radius:6px;border:none;cursor:pointer;font-size:14px;font-weight:600;transition:background .2s;white-space:nowrap}.btn-ver{background:var(--boton-vermas)}.btn-edit{background:var( --boton-editar)}.btn-mos{background:var(--boton-mostrar)}.btn-eliminar{background:var(--boton-eliminar)}.btn-ver:hover{background:var(--boton-vermas-hover)}.btn-edit:hover{background:var(--boton-editar-hover)}.btn-mos:hover{background:var(--boton-mostrar-hover)}.btn-eliminar:hover{background:var(--boton-eliminar-hover)}.btn-ver svg,.btn-edit svg,.btn-mos svg{position:static;margin:0;flex-shrink:0}.btn-td{display:flex;flex-direction:row;justify-content:space-around;align-items:center;gap:5px}.paginacion{display:flex;position:sticky;bottom:0;justify-content:center;width:100%;margin-top:20px;padding:20px;background-color:var(--paginacion-color);border-radius:8px;z-index:1}.ir-a-pagina{display:flex;align-items:center;gap:15px}.pagina-actual{font-size:16px;font-weight:700;color:var(--color-texto)}.btn-ir{padding:8px 16px;background-color:var(--botones-primario);color:var(--color-secundario);border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:background-color .2s}.btn-ir:hover:not(:disabled){background-color:var(--botones-primario-hover)}.btn-ir:disabled{opacity:.5;cursor:not-allowed;background-color:var(--disabled-color)}.btn-td-desktop{display:flex;flex-direction:row;justify-content:space-around;align-items:center;gap:5px}.btn-td-mobile{display:none}.btn-dots{background:var(--background-primario);border:1px solid var(--border-solid);border-radius:8px;font-size:18px;font-weight:700;cursor:pointer;padding:4px 12px;color:var(--color-texto);letter-spacing:2px;transition:background .15s}.btn-dots:hover{background:var(--aside-boton-hover)}.dots-overlay{position:fixed;inset:0;background:#0006;z-index:1}.dots-modal{position:fixed;top:20;bottom:20;left:20;right:20;background:var(--background-primario);border-radius:20px;padding:16px;z-index:1;display:flex;flex-direction:column;gap:8px;box-shadow:0 -4px 24px #00000026;animation:slideUp .25s ease}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.dots-modal-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid var(--border-solid);font-weight:700;font-size:15px;color:var(--color-titulos)}.dots-modal-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;text-align:left;transition:filter .15s;color:#000}.dots-modal-item:hover{filter:brightness(.92)}.dots-ver{background:var(--boton-vermas)}.dots-edit{background:var(--boton-editar)}.dots-mos{background:var(--boton-mostrar)}.dots-eliminar{background:var(--boton-eliminar)}.dots-eliminar:hover{background:var(--boton-eliminar-hover);color:var(--color-secundario)}.dots-eliminar:hover svg{stroke:var(--color-secundario)}@media(max-width:1024px){.tipo-titulo h1{font-size:22px}.tabla-toolbar{flex-direction:column;align-items:flex-start;gap:10px}.buscador{width:100%;flex-wrap:wrap}.buscador-input{width:100%;flex:1;min-width:0}table{width:100%;margin:10px}thead tr th{font-size:14px;padding:8px 4px}tbody tr td{font-size:12px;padding:6px 4px}.btn-td{flex-direction:column;gap:4px}.btn-ver,.btn-edit,.btn-mos{height:32px;font-size:12px;padding:0 8px}.ir-a-pagina{flex-wrap:wrap;justify-content:center;gap:10px}.pagina-actual{font-size:14px}.btn-ir{font-size:12px;padding:6px 12px}.paginacion{padding:15px 10px}.buscador-btn{padding:6px 12px}.opciones-izquierda{display:none}}@media(max-width:768px){.tipo-titulo h1{font-size:18px;padding:10px}.tabla{margin:0;padding:0}table{margin:5px;min-width:100%}thead tr th{font-size:12px;padding:6px 2px}tbody tr td{font-size:11px;padding:5px 2px}.btn-ver,.btn-edit,.btn-mos{font-size:11px;height:28px;padding:0 6px}.tabla-todo{margin:1%}.buscador-input{font-size:12px;padding:6px 10px}.nav-cards{display:none}.buscador-select{width:40%}.buscador-btn{width:100%}.buscador{justify-content:space-around}.btn-td-desktop{display:none}.btn-td-mobile{display:flex;justify-content:center}}.agregar-eliminar{display:flex;gap:16px;margin-bottom:20px}.label-agregar,.label-eliminar{display:flex;align-items:center;gap:6px;cursor:pointer}.aside-nav{display:flex;flex-direction:column;gap:4px}.cerrar-sesion{flex-shrink:0}.cerrar-sesion-btn{width:100%;text-align:left;padding:10px 12px;border-radius:var(--radius-md);border:none;background:transparent;color:var(--color-cerrar-sesion);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:12px;white-space:nowrap;overflow:hidden}.cerrar-sesion-btn:hover{background:#fef2f2;color:var(--color-cerrar-sesion-hover)}.aside-btn-icon{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.aside-registro-btn{width:100%;text-align:left;padding:10px 12px;border-radius:var(--radius-md);border:none;background:transparent;color:var(--color-titulos);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:12px;white-space:nowrap;overflow:hidden}.aside-registro-btn:hover{background:var(--aside-boton-hover)}.aside-section{display:flex;flex-direction:column}.aside-section-toggle{width:100%;padding:10px 12px;border-radius:var(--radius-md);border:none;background:transparent;color:var(--color-terciario);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;display:flex;align-items:center;gap:12px;white-space:nowrap;overflow:hidden;transition:all var(--transition-fast)}.aside-section-toggle:hover{background:var(--aside-boton-hover);color:var(--color-titulos)}.aside-section-icon{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.aside-section-content{display:flex;flex-direction:column;gap:2px;overflow:hidden;max-height:0;transition:max-height var(--transition-slow),opacity var(--transition-normal);padding-left:12px;border-left:2px solid var(--border-solid);margin-left:20px;opacity:0;pointer-events:none}.aside-section-content.open{max-height:500px;opacity:1;pointer-events:auto}.aside-section-item{width:100%;padding:8px 10px;border-radius:var(--radius-md);border:none;background:transparent;color:var(--color-titulos);font-size:.875rem;cursor:pointer;display:flex;align-items:center;gap:10px;white-space:nowrap;overflow:hidden;text-align:left;transition:all var(--transition-fast)}.aside-section-item:hover{background:var(--aside-boton-hover);color:var(--gradiante-uno)}.aside-section-item-icon{flex-shrink:0;font-size:14px;display:flex;align-items:center}.aside-chevron{margin-left:auto;flex-shrink:0;transition:transform var(--transition-normal);font-size:10px}.aside-chevron.open{transform:rotate(90deg)}.aside-badge{margin-left:auto;font-size:.7rem;font-weight:700;border-radius:999px;padding:2px 8px;flex-shrink:0;background:var(--gradiante-uno);color:#fff}.aside-desktop{height:100vh;width:64px;background:var(--background-primario);padding:16px 8px;border-right:1px solid var(--border-solid);position:fixed;top:0;left:0;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;transition:width var(--transition-slow);z-index:2;box-shadow:var(--shadow-md)}.aside-desktop.expanded{width:260px;overflow-y:auto}.aside-desktop .aside-btn-label,.aside-desktop .aside-section-label,.aside-desktop .aside-section-item-label,.aside-desktop .aside-badge,.aside-desktop .aside-chevron{opacity:0;transition:opacity var(--transition-normal);white-space:nowrap}.aside-desktop.expanded .aside-btn-label,.aside-desktop.expanded .aside-section-label,.aside-desktop.expanded .aside-section-item-label,.aside-desktop.expanded .aside-badge,.aside-desktop.expanded .aside-chevron{opacity:1}main{margin-left:64px;transition:margin-left var(--transition-slow)}.aside-mobile{display:none}.overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99}.aside-top-row{display:flex;flex-direction:column;gap:4px;margin-bottom:8px;padding-bottom:12px;border-bottom:1px solid var(--border-solid);position:relative}.aside-top-buttons{display:flex;flex-direction:column;gap:4px;flex:1;padding-right:48px}.aside-top-row .aside-registro-btn{width:100%}.aside-close-btn{position:absolute;top:4px;right:0;background:transparent;border:none;color:var(--color-titulos);cursor:pointer;padding:8px;border-radius:var(--radius-md);transition:background var(--transition-fast),color var(--transition-fast);display:flex;align-items:center;justify-content:center;width:40px;height:40px}.aside-close-btn:hover{background:var(--aside-boton-hover);color:var(--gradiante-uno)}.aside-close-btn svg{display:block}.mobile-menu-btn{display:none}@media(max-width:768px){main{margin:0}.aside-desktop{display:none!important}.mobile-menu-btn{display:block;font-size:24px;background:var(--background-primario);border:none;outline:none;cursor:pointer;padding:12px 16px;color:var(--color-titulos);line-height:1;width:auto;text-align:left;box-shadow:none;border-bottom:1px solid var(--border-solid)}.mobile-menu-btn:hover{background:var(--aside-boton-hover)}.aside-mobile{display:flex;flex-direction:column;justify-content:space-between;position:fixed;top:0;left:-100%;width:85%;max-width:340px;height:100vh;background:var(--background-primario);padding:16px 12px;border-right:1px solid var(--border-solid);z-index:101;overflow-y:auto;transition:left var(--transition-slow);box-shadow:var(--shadow-2xl)}.aside-mobile.open{left:0}.aside-mobile .aside-btn-label,.aside-mobile .aside-section-label,.aside-mobile .aside-section-item-label,.aside-mobile .aside-badge,.aside-mobile .aside-chevron{opacity:1!important;white-space:nowrap}.aside-mobile .aside-section-content{opacity:1!important;pointer-events:auto!important}.aside-mobile .aside-section-content.open{max-height:500px}}.admin-users-page{padding:20px}.admin-users-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.admin-users-header h1{color:var(--gradiante-uno)}.admin-users-actions{display:flex;gap:10px}.btn-volver{padding:10px 20px;background:#666;color:#fff;border:none;border-radius:8px;cursor:pointer}.btn-crear{padding:10px 20px;background:linear-gradient(135deg,var(--gradiante-uno),var(--gradiante-dos));color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;padding:30px;border-radius:15px;width:90%;max-width:500px}.modal-content h2{margin-bottom:20px;color:var(--gradiante-uno)}.input-group{margin-bottom:15px}.input-group label{display:block;margin-bottom:5px;font-weight:600}.input-group input,.input-group select{width:100%;padding:10px;border:1px solid #ddd;border-radius:8px;font-size:14px}.form-buttons{display:flex;gap:10px;margin-top:20px}.btn-cancelar{flex:1;padding:12px;background:#666;color:#fff;border:none;border-radius:8px;cursor:pointer}.btn-guardar{flex:1;padding:12px;background:linear-gradient(135deg,var(--gradiante-uno),var(--gradiante-dos));color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600}.usuarios-tabla{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 10px #0000001a}.usuarios-tabla table{width:100%;border-collapse:collapse}.usuarios-tabla th,.usuarios-tabla td{padding:15px;text-align:left;border-bottom:1px solid #eee}.usuarios-tabla th{background:var(--gradiante-uno);color:#fff}.error-msg{color:red;font-size:14px}:root{--main-body: #f1f3f5;--color-primario: #1a1a2e;--color-secundario: #ffffff;--border-solid: #e2e8f0;--botones-primario: #3b82f6;--botones-primario-hover: #2563eb;--tabla-header: #dbeafe;--background-primario: #ffffff;--boton-editar: #22c55e;--boton-editar-hover: #16a34a;--boton-vermas: #06b6d4;--boton-vermas-hover: #0891b2;--boton-mostrar: #84cc16;--boton-mostrar-hover: #65a30d;--paginacion-color: #f8fafc;--color-texto: #1e293b;--color-texto-secundario: #64748b;--disabled-color: #cbd5e1;--error-msg: #dc2626;--boton-eliminar: #ef4444;--boton-eliminar-hover: #dc2626;--boton-limpiar: #ef4444;--boton-limpiar-hover: #b91c1c;--color-terciario: #94a3b8;--color-titulos: #1e293b;--aside-boton-hover: #f1f5f9;--color-cerrar-sesion: #ef4444;--color-cerrar-sesion-hover: #f87171;--color-sal-via: #3b82f6;--color-ent-via: #10b981;--color-sal-pue: #f59e0b;--color-ent-pue: #8b5cf6;--color-adv: #ef4444;--boton-regresar: #f87171;--boton-regresar-hover: #dc2626;--background-login: #ffffffd9;--caja-form: #475569;--gradiante-uno: #6366f1;--gradiante-dos: #a855f7;--placeholder: #94a3b8;--box-shadow: #6366f140;--cerrar-registro: #f87171;--cerrar-registro-hover: #dc2626;--form-label: #334155;--form-input-read: #475569;--form-bakground-read: #f1f5f9;--form-boton-cancelar: #e2e8f0;--form-boton-cancelar-disable: #cbd5e1;--form-modal-equipo: #64748b;--form-background: #f8fafc;--form-reporte-background: #f1f5f9;--form-recordatorio: #64748b;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -4px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--gradient-primary: linear-gradient(135deg, #6366f1 0%, #a855f7 100%);--gradient-secondary: linear-gradient(135deg, #3b82f6 0%, #06b6d4 100%);--gradient-success: linear-gradient(135deg, #10b981 0%, #06b6d4 100%);--gradient-warning: linear-gradient(135deg, #f59e0b 0%, #f97316 100%);--gradient-danger: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease}*{font-family:Montserrat,sans-serif;box-sizing:border-box;margin:0;padding:0;transition:background-color var(--transition-normal),color var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal)}body{margin:0;padding:0;background-color:var(--main-body)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--paginacion-color);border-radius:var(--radius-lg)}::-webkit-scrollbar-thumb{background:var(--color-terciario);border-radius:var(--radius-lg)}::-webkit-scrollbar-thumb:hover{background:var(--color-titulos)}*:focus-visible{outline:2px solid var(--gradiante-uno);outline-offset:2px}::selection{background:var(--gradiante-uno);color:#fff}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}