*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f5f5f5;color:#333;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:1400px;margin:0 auto;padding:20px;width:100%}nav{background-color:#2c3e50;padding:15px 10px;box-shadow:0 2px 5px #0000001a;position:sticky;top:0;z-index:1000}nav ul{list-style:none;display:flex;justify-content:center;gap:10px;flex-wrap:wrap;padding:0 10px}nav a{color:#fff;text-decoration:none;padding:10px 15px;border-radius:5px;transition:background-color .3s;font-weight:500;display:inline-block;text-align:center;font-size:14px;white-space:nowrap}nav a:hover,nav a.active{background-color:#34495e}.table-container{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000001a;overflow-x:auto;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse;min-width:800px;font-size:14px}th{background-color:#3498db;color:#fff;padding:12px 8px;text-align:left;font-weight:600;position:sticky;top:0;z-index:10;font-size:13px}td{padding:10px 8px;border-bottom:1px solid #ddd;font-size:13px}tr:hover{background-color:#f8f9fa}input[type=text],input[type=number],input[type=date],input[type=tel],select{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px;appearance:none;background-color:#fff;touch-action:manipulation}input:focus,select:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 2px #3498db33}.form-control{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color .3s,box-shadow .3s}.form-control.is-invalid{border-color:#e74c3c}.form-control.is-invalid:focus{box-shadow:0 0 0 2px #e74c3c33}.error-message{color:#e74c3c;font-size:.85rem;margin-top:5px;display:block;min-height:1.2em}button{padding:10px 16px;margin:5px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s;touch-action:manipulation;-webkit-tap-highlight-color:transparent;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:5px}button:active{transform:scale(.98)}button:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:#3498db;color:#fff}.btn-primary:hover{background-color:#2980b9}.btn-success{background-color:#27ae60;color:#fff}.btn-success:hover{background-color:#229954}.btn-danger{background-color:#e74c3c;color:#fff}.btn-danger:hover{background-color:#c0392b}.btn-warning{background-color:#f39c12;color:#fff}.btn-warning:hover{background-color:#e67e22}.btn-large{padding:15px 30px;font-size:18px;margin:10px}.cronometro-container{background:#fff;border-radius:8px;padding:30px;box-shadow:0 2px 8px #0000001a;text-align:center}.cronometro-display{font-size:64px;font-weight:700;color:#2c3e50;margin:30px 0;font-family:Courier New,monospace}.cronometro-controls{display:flex;justify-content:center;gap:15px;margin-bottom:30px;flex-wrap:wrap}.llegada-form{margin-top:30px;padding:20px;background-color:#ecf0f1;border-radius:8px}.llegada-form input{max-width:200px;margin:0 auto 15px;display:block}h1,h2{color:#2c3e50;margin-bottom:20px}h1{font-size:28px}h2{font-size:24px}.alert{padding:12px 20px;border-radius:4px;margin-bottom:20px}.alert-success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.alert-error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.alert-info{background-color:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}@media (max-width: 768px){.container{padding:10px}nav{padding:10px 5px}nav ul{gap:5px;padding:0 5px}nav a{padding:8px 10px;font-size:12px}.cronometro-display{font-size:42px!important}.cronometro-controls{flex-direction:column;width:100%;align-items:center}.cronometro-controls button{width:100%;max-width:300px}table{font-size:12px;min-width:600px}th,td{padding:8px 4px;font-size:11px}input[type=text],input[type=number],input[type=date],input[type=tel],select{font-size:16px;padding:12px}button{padding:12px 16px;font-size:14px;width:100%;margin:5px 0}.btn-large{padding:16px 20px;font-size:16px}h1{font-size:24px}h2{font-size:20px}.table-container{padding:10px;border-radius:4px}.table-container::-webkit-scrollbar{height:4px}.table-container::-webkit-scrollbar-thumb{background-color:#3498db;border-radius:4px}}@media (max-width: 480px){nav a{font-size:11px;padding:6px 8px}.cronometro-display{font-size:32px!important}h1{font-size:20px}h2{font-size:18px}table{min-width:500px}th,td{padding:6px 3px;font-size:10px}}@media (min-width: 769px) and (max-width: 1024px){.container{padding:15px}table{font-size:13px}th,td{padding:10px 6px}}tr.editing{background-color:#fff3cd}.text-center{text-align:center}.mt-20{margin-top:20px}.mb-20{margin-bottom:20px}.flex-center{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap}@media (hover: none) and (pointer: coarse){button,a,input,select{min-height:44px;min-width:44px}*:hover{-webkit-tap-highlight-color:transparent}}button,.btn-primary,.btn-success,.btn-danger,.btn-warning{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}@media (min-width: 1025px){.table-container::-webkit-scrollbar{height:8px}.table-container::-webkit-scrollbar-track{background-color:#f1f1f1;border-radius:4px}.table-container::-webkit-scrollbar-thumb{background-color:#3498db;border-radius:4px}.table-container::-webkit-scrollbar-thumb:hover{background-color:#2980b9}}app-root{display:block;animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 480px){body{font-size:14px}p{line-height:1.5}}