@charset "UTF-8";:root{--grey50: #f6f6f6;--grey100: #e7e7e7;--grey200: #d1d1d1;--grey300: #b0b0b0;--grey400: #888888;--grey500: #6d6d6d;--grey600: #5d5d5d;--grey700: #4f4f4f;--grey800: #454545;--grey900: #3d3d3d;--grey925: #27272a;--grey950: #000000;--green50: #effaf4;--green100: #d8f3e3;--green200: #b4e6cb;--green300: #83d2ad;--green400: #50b789;--green500: #2b9167;--green600: #1f7c58;--green700: #196348;--green800: #164f3a;--green900: #134131;--green950: #09251c;--blue50: #f0f6fe;--blue100: #deeafb;--blue200: #c4dcf9;--blue300: #9bc5f5;--blue400: #6ca7ee;--blue500: #3d7ee6;--blue600: #346adc;--blue700: #2b56ca;--blue800: #2947a4;--blue900: #263e82;--blue950: #1c284f;--red50: #fef2f3;--red100: #fde6e7;--red200: #fbd0d5;--red300: #f7aab2;--red400: #f27a8a;--red500: #ea546c;--red600: #d5294d;--red700: #b31d3f;--red800: #961b3c;--red900: #811a39;--red950: #48091a;--orange50: #fffdeb;--orange100: #fffac6;--orange200: #fff487;--orange300: #ffe749;--orange400: #ffd71f;--orange500: #fbb705;--orange600: #e49101;--orange700: #b86405;--orange800: #954d0b;--orange900: #7b3f0c;--orange950: #472101;--purple50: #fcf2ff;--purple100: #f9e4ff;--purple200: #f3c7ff;--purple300: #ef9cff;--purple400: #e661ff;--purple500: #d626ff;--purple600: #bc05f4;--purple700: #b000e0;--purple800: #8503a5;--purple900: #6f0986;--purple950: #4b005c;--body-bg: #f3f3f3;--body-color: var(--grey925);--primary-color: #067bbb;--primary-color-light: #0197d4;--primary-color-dark: #195192;--primary-color-ultra: #172f43;--header-bg: #fff;--header-bg-bottom: #fff;--header-color: var(--grey925);--footer-bg: #cbd5e1;--footer-bottom-bg: #cbd5e1;--radius: 6px;--font-body: "Montserrat", sans-serif;--font-h1: "Anton", sans-serif;--color-h1: #000;--font-size-body: 1rem;--font-size-h1: clamp(1.6rem, 5vw, 2.5rem);--font-weight-body: 400;--font-weight-h1: 400;--line-height-base: 1.6;--logo: url(/build/assets/optipark_logo-BcLFI2aA.webp);--logo_mini: url(/build/assets/optipark_logo_mini-Dk8Od2-m.webp);--logo_mini_full: url(/build/assets/optipark_logo_minifull-DOOpQgAb.webp)}body{font-family:var(--font-body);font-size:var(--font-size-body);font-optical-sizing:auto;font-weight:var(--font-weight-body);font-style:normal;color:var(--body-color);transition:background-color .3s,color .3s;background-color:var(--body-bg);background-size:55px 55px}.section_padding{padding:0 0 3rem}@media (max-width: 960px){.section_padding{padding:0 0 1rem}}h1{font-family:var(--font-h1);font-size:var(--font-size-h1);font-weight:var(--font-weight-h1);color:var(--color-h1);margin:0}h1 span{color:var(--primary-color);text-shadow:1px 1px #000}h2,h3{letter-spacing:-1px}.smalltext{font-size:12px}.bg-brand{background-color:var(--primary-color);color:#fff!important}.text-primary{color:var(--primary-color)!important}.bg-primary{background-color:var(--primary-color)!important;color:#fff!important}.logolink{display:block;width:100px;height:100px;margin:0 auto;background-image:var(--logo);background-size:contain;background-position:center center;background-repeat:no-repeat}#livewire-error{display:none}.card{background:#fff;border-radius:1rem;box-shadow:0 10px 30px #00000014;overflow:hidden;margin-bottom:2rem;animation:fadeInUp .6s ease-out}.card-header{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:1.25rem 1.5rem;border-bottom:1px solid #dee2e6}.card-header h5{font-size:1.25rem;font-weight:600;color:#1a202c;margin:0;display:flex;align-items:center;gap:.5rem}.card-body{padding:2rem 1.5rem}@media (max-width: 768px){.table-responsive-mobile thead{display:none}.table-responsive-mobile tr{display:block;margin-bottom:1rem;border:1px solid #dee2e6;border-radius:.5rem;padding:.75rem}.table-responsive-mobile td{display:block;text-align:left;position:relative;border:none;border-bottom:1px solid #eee}.table-responsive-mobile tr:last-child td:last-child{border-bottom:none}}header{display:flex;justify-content:space-between;align-items:center;padding:0 5%;background-color:var(--header-bg)}.logo{cursor:pointer;display:inline-block;vertical-align:middle;width:102px;height:100px;background-image:var(--logo);background-repeat:no-repeat;background-position:center;background-size:cover}ul{margin-bottom:0;padding:0}nav{position:absolute;left:50%;transform:translate(-50%)}.nav__links a,.cta,.overlay__content a{font-weight:500;color:var(--header-color);text-decoration:none}.nav__links{list-style:none;display:flex}.nav__links li{padding:0 20px}.nav__links li a{transition:color .3s ease 0s;padding:6px 0}.nav__links li a:hover{color:var(--primary-color-dark)}.nav__links li a.active{font-weight:700;color:var(--primary-color-dark);border-bottom:1px solid var(--primary-color-ultra)}a.navconnexion{text-decoration:none}a.navconnexion i{font-size:30px;color:var(--primary-color-dark)}.cta{display:flex;align-items:center}.cta li{list-style:none}.cta li>a>i{color:var(--header-color)}.cta .dropdown-toggle:after{display:none}.cta #nav_notifications{position:relative;margin-right:10px}.cta #nav_notifications a{transition:color .3s ease 0s;display:block;text-decoration:none;color:var(--header-color)}.cta #nav_notifications a i{font-size:27px}.cta #nav_notifications a .nav-dot{position:absolute;top:5px;right:1px;width:10px;height:10px;border-radius:50%;background-color:red;text-align:center}.cta #nav_notifications a:hover{color:var(--primary-color-dark)}.cta #nav_notifications a.active{color:var(--primary-color-ultra)}.menu{display:none;background:none;border:none}.nav_overlay{height:100%;width:0;position:fixed;z-index:999;left:0;top:0;background-color:var(--primary-color-ultra);overflow-x:hidden;transition:width .5s ease 0s}.overlay--active{width:100%}.overlay__content{display:flex;height:100%;flex-direction:column;align-items:center;justify-content:start;padding-top:150px}.nav_overlay a{padding:15px;font-size:26px;display:block;color:#fff;transition:color .3s ease 0s}.nav_overlay a:hover,.nav_overlay a:focus{color:var(--primary-color-dark)}.nav_overlay .close{position:absolute;top:20px;right:45px;font-size:60px;color:#fff;text-decoration:none;cursor:pointer}#nav_bottom{display:none;position:fixed;bottom:0;left:0;right:0;z-index:999}#nav_bottom #nav_bottom_content{display:none}#nav_bottom #nav_bottom_content a{padding:0 10px;text-align:center;text-decoration:none}#nav_bottom #nav_bottom_content a i{font-size:15px;color:var(--primary-color-dark)}#nav_bottom #nav_bottom_content a span{display:block;font-size:10px;color:var(--header-color)}@media screen and (max-height: 450px){.nav_overlay a{font-size:20px}.nav_overlay .close{font-size:40px;top:15px;right:35px}}@media (max-width: 960px){header{padding:0 1%}.logo{width:200px;height:65px;background-image:var(--logo_mini_full)}nav,.nav__links{display:none}.menu{display:initial}#avatarspan{display:none}#nav_bottom #nav_bottom_content.active{display:flex;justify-content:space-around;padding:2px 0;background-color:var(--header-bg-bottom);border-top:1px solid var(--body-bg)}}.hero{padding:3rem 0}.hero.hero_home{padding:10rem 0}.hero.hero_home .herobox{width:50%}@media (max-width: 960px){.hero{padding:1rem 0}.hero.hero_home{padding:2rem 0 5rem}.hero.hero_home .herobox{width:100%}}footer#footer{position:relative;background-color:#fff;padding:6rem 0 1rem;margin-top:5rem}footer#footer #scrollToTop{position:absolute;top:-25px;left:50%;transform:translate(-50%);background-color:var(--body-bg);color:var(--primary-color-ultra);border:none;border-radius:5px;cursor:pointer}footer#footer #footer_bottom{background-color:#fff;padding:1rem 0;text-align:center}footer#footer #footer_bottom .container{padding:1rem 0}#appguest{min-height:100vh;background:#2980b9;background:linear-gradient(to left,#fff,#6dd5fa,#2980b9);display:flex;align-items:center;justify-content:center}#appguest>div{width:50%;min-height:100vh;display:flex;align-items:center;justify-content:center}#appguest>div.flexform>div{width:90%;max-width:450px;background-color:#fff;border-radius:var(--radius);padding:3rem}#appguest>div.flexform>div #googlebtn{display:block;width:100%;margin:20px 0;padding:15px;background-color:var(--primary-color-light);border-radius:var(--radius);text-align:center;text-decoration:none;color:#212121;transition:all .3s ease;border:1px solid var(--primary-color)}#appguest>div.flexform>div #googlebtn:hover{background-color:var(--primary-color)}#appguest>div.flexform>div #por{position:relative;text-align:center;margin-bottom:20px}#appguest>div.flexform>div #por:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;height:1px;background-color:#bfbebe;z-index:0}#appguest>div.flexform>div #por span{position:relative;padding:0 10px;background-color:#fff;z-index:1}#appguest>div.flexform>div a{color:var(--primary-color-ultra)}#appguest>div.apropos{background-color:#fff}#appguest>div.apropos #dlink{position:absolute;top:15px;right:25px;text-decoration:none;color:var(--primary-color-ultra);text-transform:uppercase;font-size:.9rem}#appguest>div.apropos>div{width:90%;padding:25px}@media (max-width: 960px){#appguest{flex-direction:column}#appguest>div{width:100%}}#boxpark .hero-wrapper{min-height:70vh;display:flex;align-items:center;justify-content:center;animation:fadeInUp .6s ease-out}#boxpark .hero-content{text-align:center;padding:1rem}#boxpark .hero-title{font-size:clamp(1.75rem,5vw,2.5rem);font-weight:600;color:#1a202c;margin-bottom:2.5rem;letter-spacing:-.02em}#boxpark .button-group{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}#boxpark .btn{padding:1rem 2rem;font-size:1.05rem;font-weight:500;border:none;border-radius:.5rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px #00000012}#boxpark .btn i{font-size:1.2rem}#boxpark .btn-primary{background:linear-gradient(135deg,#0891b2,#0e7490);color:#fff}#boxpark .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 15px #0891b24d}#boxpark .btn-dark{background:#2d3748;color:#fff}#boxpark .btn-dark:hover{background:#1a202c;transform:translateY(-2px);box-shadow:0 8px 15px #2d37484d}#boxpark .btn-lg{padding:1.25rem 2.5rem;font-size:1.15rem}#boxpark .form-select,#boxpark .form-control{width:100%;padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:.5rem;font-size:1rem;transition:all .3s ease}#boxpark .form-select:focus,#boxpark .form-control:focus{outline:none;border-color:#0891b2;box-shadow:0 0 0 3px #0891b21a}#boxpark .vehicle-grid{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-top:2rem}#boxpark .vehicle-card-wrapper{background:transparent;border:none;padding:0;cursor:pointer;transition:transform .3s ease}#boxpark .vehicle-card-wrapper:hover:not(:disabled){transform:translateY(-5px)}#boxpark .vehicle-card-wrapper:disabled{cursor:not-allowed;opacity:.6}#boxpark .vehicle-card{width:200px;background:#fff;border-radius:.75rem;overflow:hidden;box-shadow:0 4px 12px #00000014;transition:all .3s ease}#boxpark .vehicle-card-wrapper:hover:not(:disabled) .vehicle-card{box-shadow:0 8px 20px #00000026}#boxpark .vehicle-card-img{width:100%;height:150px;-o-object-fit:cover;object-fit:cover}#boxpark .vehicle-card-placeholder{width:100%;height:150px;background:#f8f9fa;display:flex;align-items:center;justify-content:center}#boxpark .vehicle-card-body{padding:.75rem;text-align:center}#boxpark .vehicle-card-title{font-size:.95rem;font-weight:600;margin-bottom:.25rem;color:#1a202c}#boxpark .vehicle-card-title.unavailable{color:#dc2626}#boxpark .vehicle-card-subtitle{font-size:.85rem;color:#64748b}#boxpark .alert{padding:1rem 1.25rem;border-radius:.5rem;margin-bottom:1rem}#boxpark .alert-info{background:#dbeafe;color:#1e40af;border:1px solid #bfdbfe}#boxpark .alert-success{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}#boxpark .alert-danger{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}#boxpark .list-group{display:flex;flex-direction:column;gap:.5rem}#boxpark .list-group-item{background:#fff;border:2px solid #e2e8f0;border-radius:.5rem;padding:1rem 1.25rem;cursor:pointer;transition:all .3s ease;display:flex;justify-content:space-between;align-items:center}#boxpark .list-group-item:hover{background:#f8fafc;border-color:#0891b2;transform:translate(5px)}#boxpark .badge{padding:.35rem .75rem;border-radius:.375rem;font-size:.85rem;font-weight:500}#boxpark .badge.bg-warning{background:#fbbf24;color:#78350f}#boxpark .btn-sm{padding:.5rem 1rem;font-size:.9rem}#boxpark .btn-outline-secondary{background:#fff;color:#64748b;border:2px solid #e2e8f0}#boxpark .btn-outline-secondary:hover{background:#f8fafc;border-color:#cbd5e1}#boxpark .btn-outline-danger{background:#fff;color:#dc2626;border:2px solid #fecaca}#boxpark .btn-outline-danger:hover{background:#fef2f2;border-color:#dc2626}#boxpark .btn-secondary{background:#64748b;color:#fff}#boxpark .btn-secondary:hover{background:#475569;transform:translateY(-2px)}#boxpark .btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}#boxpark .btn-success:hover{transform:translateY(-2px);box-shadow:0 8px 15px #10b9814d}#boxpark .d-flex{display:flex}#boxpark .gap-2{gap:.5rem}#boxpark .gap-3{gap:1rem}#boxpark .gap-4{gap:1.5rem}#boxpark .justify-content-between{justify-content:space-between}#boxpark .justify-content-center{justify-content:center}#boxpark .justify-content-start{justify-content:flex-start}#boxpark .align-items-center{align-items:center}#boxpark .flex-wrap{flex-wrap:wrap}#boxpark .text-center{text-align:center}#boxpark .text-start{text-align:left}#boxpark .text-muted{color:#64748b}#boxpark .text-danger{color:#dc2626}#boxpark .mb-2{margin-bottom:.5rem}#boxpark .mb-3{margin-bottom:1rem}#boxpark .mb-4{margin-bottom:1.5rem}#boxpark .mt-1{margin-top:.25rem}#boxpark .mt-4{margin-top:1.5rem}#boxpark .mt-5{margin-top:2rem}#boxpark .my-4{margin-top:1.5rem;margin-bottom:1.5rem}#boxpark .p-2{padding:.5rem}#boxpark .rounded{border-radius:.5rem}#boxpark .fw-semibold{font-weight:600}#boxpark .bg-light{background:#f8f9fa}#boxpark .border-top{border-top:1px solid #e2e8f0}#boxpark .border-bottom{border-bottom:1px solid #e2e8f0}#boxpark .small{font-size:.875rem}#boxpark .text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#boxpark .row{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}#boxpark .col-md-4{flex:0 0 calc(33.333% - .667rem)}#boxpark .vehicle-map-wrapper{width:100%;max-width:500px;margin:2rem auto}#boxpark .zone{transition:all .3s ease}#boxpark .zone:hover rect{filter:brightness(.95)}#boxpark .photo-item{width:180px;text-align:center}#boxpark .img-thumbnail{width:180px;height:120px;-o-object-fit:cover;object-fit:cover;border-radius:.5rem;border:2px solid #e2e8f0}#boxpark .vehicle-info{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}#boxpark .vehicle-info-img{width:80px;height:80px;-o-object-fit:cover;object-fit:cover;border-radius:.5rem}#boxpark .vehicle-info h3{font-size:1.5rem;font-weight:600;margin-bottom:.25rem}#boxpark hr{border:none;border-top:1px solid #e2e8f0;margin:1.5rem 0}#boxpark .vehicle-map-wrapper{width:100%;max-width:500px;margin:0 auto}#boxpark .vehicle-map{width:100%;height:auto;display:block}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){#boxpark .button-group{flex-direction:column;width:100%}#boxpark .btn{width:100%;justify-content:center}#boxpark .col-md-4{flex:0 0 100%}#boxpark .row{flex-direction:column;gap:.5rem}}#apperrors{min-height:100vh;background:#fff;display:flex;align-items:center;justify-content:center;text-align:center}#apperrors h1{color:#212121}#apperrors h1 span{text-align:start}#apperrors h2{margin-bottom:2rem}#apperrors img{max-width:300px;height:auto}.avatar{width:3rem;height:3rem;-o-object-fit:cover;object-fit:cover;border-radius:50%;border:1px solid rgba(250,250,250,.5);margin:0 10px}.avatar.xl{width:10rem;height:10rem}.btn-primary{background-color:var(--primary-color)!important;border-color:var(--primary-color)!important;color:#fff!important}.btn-primary:hover,.btn-primary:focus,.btn-primary:active{background-color:color-mix(in srgb,var(--primary-color) 85%,black)!important;border-color:color-mix(in srgb,var(--primary-color) 85%,black)!important}.btn-primary:disabled{background-color:color-mix(in srgb,var(--primary-color) 60%,white)!important;border-color:color-mix(in srgb,var(--primary-color) 60%,white)!important}input:-webkit-autofill{box-shadow:0 0 0 1000px #fff inset!important;-webkit-text-fill-color:#000!important}.input-group .input-group-text{background-color:transparent}.blogContent img{max-width:100%;height:auto}
