:root{--mateloo-primary:#0d6efd;--mateloo-secondary:#6c757d;--mateloo-success:#198754;--mateloo-warning:#ffc107;--mateloo-danger:#dc3545;--mateloo-info:#0dcaf0;--mateloo-light:#f8f9fa;--mateloo-dark:#212529}body{font-family:var(--bs-body-font-family);background-color:#f8f9fa}.min-vh-50{min-height:50vh}.fade-in{animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.canvas-container{margin:0 auto!important;border:1px solid #dee2e6!important;border-radius:.375rem!important;box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}.plaza-grid{display:grid;grid-gap:8px;gap:8px;padding:20px;max-height:500px;overflow-y:auto}.plaza-item{position:relative;min-width:45px;min-height:35px;border-radius:6px;transition:all .3s ease;cursor:pointer;font-size:.75rem;font-weight:600}.plaza-item:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.plaza-item:disabled{cursor:not-allowed;opacity:.6}.plaza-premium{background:linear-gradient(135deg,#ffc107,#ffcd39)!important;border-color:#ffc107!important;color:#000!important}.plaza-disponible{background:linear-gradient(135deg,#198754,#20c997)!important;border-color:#198754!important;color:#fff!important}.plaza-ocupada{background:linear-gradient(135deg,#dc3545,#e55965)!important;border-color:#dc3545!important;color:#fff!important}.plaza-seleccionada{background:linear-gradient(135deg,#0d6efd,#3d8bfd)!important;border-color:#0d6efd!important;color:#fff!important;transform:scale(1.1);z-index:10}.navbar-brand{font-weight:700;font-size:1.5rem}.nav-link{font-weight:500;transition:all .3s ease}.nav-link:hover{transform:translateY(-1px)}.card{border:none;border-radius:.75rem;transition:all .3s ease}.card-header{background:transparent;border-bottom:1px solid rgba(0,0,0,.125);font-weight:600}.btn{border-radius:.5rem;font-weight:500;transition:all .3s ease}.btn:hover{transform:translateY(-1px)}.btn-lg{padding:.75rem 1.5rem;font-size:1.1rem}.hover-card{transition:all .3s ease;cursor:pointer;border-radius:.5rem}.hover-card:hover{background-color:#f8f9fa;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.1)}@media (max-width:768px){.plaza-grid{gap:4px;padding:10px}.plaza-item{min-width:35px;min-height:30px;font-size:.65rem}.navbar-brand{font-size:1.25rem}.display-4{font-size:2rem!important}.display-5{font-size:1.75rem!important}}.modal-content{border-radius:.75rem;border:none;box-shadow:0 1rem 3rem rgba(0,0,0,.175)}.modal-header{border-bottom:1px solid rgba(0,0,0,.125);border-radius:.75rem .75rem 0 0}.modal-footer{border-top:1px solid rgba(0,0,0,.125);border-radius:0 0 .75rem .75rem}.timeline{position:relative;padding-left:2rem}.timeline-item{position:relative;margin-bottom:1.5rem}.timeline-item:before{content:"";position:absolute;left:-1.75rem;top:1.5rem;bottom:-1.5rem;width:2px;background-color:#dee2e6}.timeline-item:last-child:before{display:none}.timeline-marker{position:absolute;left:-2rem;top:0;width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;border:2px solid #fff;box-shadow:0 0 0 3px var(--bs-border-color)}.timeline-item.completed .timeline-marker{background-color:var(--bs-success);border-color:var(--bs-success)}.timeline-item.active .timeline-marker{background-color:var(--bs-warning);border-color:var(--bs-warning);animation:pulse 2s infinite}.timeline-content{margin-left:.5rem}@keyframes pulse{0%{box-shadow:0 0 0 3px var(--bs-border-color),0 0 0 0 var(--bs-warning)}70%{box-shadow:0 0 0 3px var(--bs-border-color),0 0 0 10px rgba(255,193,7,0)}to{box-shadow:0 0 0 3px var(--bs-border-color),0 0 0 0 rgba(255,193,7,0)}}.form-control:focus{border-color:var(--mateloo-primary);box-shadow:0 0 0 .2rem rgba(13,110,253,.25)}.is-invalid:focus{border-color:var(--mateloo-danger);box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.is-valid:focus{border-color:var(--mateloo-success);box-shadow:0 0 0 .2rem rgba(25,135,84,.25)}.progress{background-color:rgba(0,0,0,.1);height:4px;border-radius:2px}.alert{border:none;border-left:4px solid transparent;border-radius:.5rem}.alert-danger{border-left-color:var(--mateloo-danger);background-color:rgba(220,53,69,.1)}.alert-warning{border-left-color:var(--mateloo-warning);background-color:rgba(255,193,7,.1)}.alert-info{border-left-color:var(--mateloo-info);background-color:rgba(13,202,240,.1)}.alert-success{border-left-color:var(--mateloo-success);background-color:rgba(25,135,84,.1)}.dropdown-menu{border:none;box-shadow:0 10px 25px rgba(0,0,0,.15);border-radius:.5rem;margin-top:.5rem}.dropdown-item{transition:all .3s ease;padding:.5rem 1rem}.dropdown-item:hover{background-color:var(--mateloo-primary);color:#fff}.dropdown-header{font-weight:600;color:var(--mateloo-primary);font-size:.875rem}.dropdown-item-text{padding:.25rem 1rem}.badge{font-weight:500;padding:.5em .75em;border-radius:.375rem}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:hsla(0,0%,100%,.9);display:flex;align-items:center;justify-content:center;z-index:9999}.success-animation{animation:bounceIn .6s ease-out}.error-shake{animation:shake .6s ease-in-out}@keyframes bounceIn{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1);opacity:1}}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@media (max-width:768px){.timeline{padding-left:1.5rem}.timeline-marker{left:-1.5rem;width:1.5rem;height:1.5rem;font-size:.625rem}.timeline-item:before{left:-1.25rem}.card-body{padding:2rem 1.5rem}.btn{padding:.75rem 1rem}}.navbar-nav .nav-link{position:relative;border-radius:.375rem;margin:0 .25rem;padding:.5rem 1rem}.navbar-nav .nav-link:hover{background-color:hsla(0,0%,100%,.15)}.navbar-nav .dropdown-toggle:after{margin-left:.5rem}.spinner-border-sm{width:1rem;height:1rem}footer{margin-top:auto;background:linear-gradient(135deg,var(--mateloo-dark),#2c3e50)}.asiento-libre{width:24px;height:20px;border:2px solid #198754;border-radius:4px 4px 8px 8px;position:relative;display:inline-block}.asiento-libre,.asiento-libre:before{background:linear-gradient(135deg,#28a745,#20c997)}.asiento-libre:before{content:"";position:absolute;top:-4px;left:2px;right:2px;height:6px;border:1px solid #198754;border-radius:3px 3px 0 0}.asiento-reservado{width:24px;height:20px;border:2px solid #dc3545;border-radius:4px 4px 8px 8px;position:relative;display:inline-block}.asiento-reservado,.asiento-reservado:before{background:linear-gradient(135deg,#dc3545,#e55965)}.asiento-reservado:before{content:"";position:absolute;top:-4px;left:2px;right:2px;height:6px;border:1px solid #dc3545;border-radius:3px 3px 0 0}.asiento-seleccionado{width:24px;height:20px;background:linear-gradient(135deg,#0d6efd,#3d8bfd);border:2px solid #0d6efd;border-radius:4px 4px 8px 8px;position:relative;display:inline-block}.asiento-seleccionado:before{content:"";position:absolute;top:-4px;left:2px;right:2px;height:6px;background:linear-gradient(135deg,#0d6efd,#3d8bfd);border:1px solid #0d6efd;border-radius:3px 3px 0 0}.mesa-decorativa{width:28px;height:18px;background:linear-gradient(135deg,#ffc107,#ffcd39);border:2px solid #ffc107;border-radius:6px;position:relative;display:inline-block}.mesa-decorativa:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16px;height:8px;background:rgba(0,0,0,.1);border-radius:2px}