code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}.app{grid-gap:15px;grid-template-columns:1fr;grid-template-rows:auto 1fr;margin:0 auto;max-width:1250px;padding:10px 10px 75px;width:100%}.app,.main-row{display:grid;gap:15px}.main-row{grid-gap:15px;grid-template-columns:15% 70% 15%}.secondary-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:50% 50%}.vehicle-type-selector{margin-bottom:30px}.vehicle-button{background-color:#ddd;border:2px solid #0000;border-radius:20px;cursor:pointer;margin-bottom:10px;padding:10px;transition:all .3s ease}.loader,.vehicle-button{align-items:center;display:flex;justify-content:center}.loader{background-color:hsla(0,0%,100%,.086);color:#001a27;font-size:20px;font-size:150px;height:100%;left:0;position:absolute;top:0;width:100%;z-index:999}.loader svg{animation:spin 5s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:767px){.app{padding:5px}.main-row,.secondary-row{grid-template-columns:1fr}.vehicle-button{padding:8px}}@media (min-width:768px) and (max-width:1299px){.main-row{grid-template-columns:50% 50%;grid-template-rows:auto auto}.main-row>:first-child{grid-column:1;grid-row:1}.main-row>:nth-child(2){grid-column:1/-1;grid-row:2}.main-row>:nth-child(3){grid-column:2;grid-row:1}.secondary-row{grid-template-columns:1fr}}@media (min-width:1299px){.app{max-width:1250px}.main-row{grid-template-columns:15% 70% 15%}.secondary-row{grid-template-columns:50% 50%}}.vehicle-type-selector-card{background-color:#001a27;border:1px solid #353535;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#e0c47e;padding:5px}.vehicle-type-selector-card h2{color:inherit;font-size:15px;margin-bottom:10px;margin-top:10px;text-align:center}.vehicle-type-selector{display:flex;flex-direction:column;gap:10px}.vehicle-type-option{align-items:center;background-color:initial;border:2px solid #0000;border-radius:5px;cursor:pointer;display:flex;justify-content:center;padding:5px;transition:background-color .3s,color .3s,border-color .3s}.vehicle-type-option.active,.vehicle-type-option:hover{background-color:#353535;color:#fff}.vehicle-icon{height:auto;width:50%}@media (max-width:767px){.vehicle-type-selector{flex-direction:row}.vehicle-type-selector-card{margin-bottom:15px;padding:10px}.vehicle-type-selector-card h2{font-size:14px}.vehicle-type-option{padding:8px}.vehicle-icon{width:50%}}@media (min-width:768px) and (max-width:1299px){.vehicle-type-selector{flex-direction:row}.vehicle-type-selector-card{padding:15px}.vehicle-icon{width:50%}}@media (min-width:1300px){.vehicle-type-selector-card{margin-bottom:25px;padding:20px}.vehicle-icon{width:80%}}.color-selector-card{background-color:#001a27;border:1px solid #353535;border-radius:5px;box-shadow:0 2px 4px #0000001a;color:#e0c47e;margin-bottom:20px;padding:5px}.color-selector-card h2{color:inherit;font-size:15px;margin-bottom:10px;margin-top:10px;text-align:center}.color-selector{display:flex;flex-wrap:wrap;gap:1px;justify-content:flex-start}.color-option{border:2px solid #0000;cursor:pointer;height:40px;transition:border-color .3s,transform .3s;width:40px}.color-option.active,.color-option:hover{border-color:#e0c47e;transform:scale(1.1)}.tint-percentage-selector-card{background-color:#001a27;border:1px solid #353535;border-radius:2px;box-shadow:0 2px 4px #0000001a;color:#e0c47e;height:100%;margin-bottom:20px;padding:5px}.tint-percentage-selector-card h2{color:inherit;font-size:15px;margin-bottom:10px;margin-top:10px;text-align:center}.tint-percentage-selector{display:flex;flex-direction:column;gap:10px}.tint-percentage-option{background-color:initial;border:2px solid #0000;border-radius:5px;color:#e0c47e;cursor:pointer;padding:10px;transition:background-color .3s,color .3s}.tint-percentage-option.active,.tint-percentage-option:hover{background-color:#353535;color:#fff}@media (max-width:767px){.tint-percentage-selector{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-evenly}.tint-percentage-selector-card{height:100%}}@media (min-width:768px) and (max-width:1299px){.tint-percentage-selector{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-evenly}.tint-percentage-selector-card{height:100%}}@media (min-width:1300px){.tint-percentage-selector-card{height:auto}}.image-display{align-items:center;display:flex;justify-content:center;position:relative}.image-display img{max-height:100%;max-width:100%}.rim-image,.tint-image{position:absolute}.image-display.loading img{opacity:0!important}@keyframes shine-logo{0%,to{opacity:1}50%{opacity:.85}}.logo-container{align-items:center;display:flex;justify-content:center}.logo-empresa{animation:shine-logo 2s ease-in-out infinite;width:100px}.rim-color-selector{background-color:#001a27;border:1px solid #353535;border-radius:8px;box-shadow:0 2px 4px #0000004d;color:#e0c47e;margin-bottom:20px;padding:20px}.rim-color-selector h2{color:inherit;font-size:18px;margin-bottom:15px;text-align:center}.rim-color-options{display:flex;flex-wrap:wrap;gap:7px;justify-content:center}.rim-color-option{background-color:initial;border:0;height:35px;padding:0;width:35px}.rim-icon{font-size:35px}.rim-color-option.active,.rim-color-option:hover{transform:scale(1.1)}@media (max-width:767px){.rim-color-options{gap:15px}}@media (min-width:768px) and (max-width:1299px){.rim-color-options{gap:15px}}.quote-form{grid-gap:20px;background-color:#001a27;color:#fff;display:grid;gap:20px;grid-template-columns:1fr;padding:20px}.form-group{display:flex;flex-direction:column;margin-bottom:20px}.form-group label{color:#fff;margin-bottom:5px}.form-group input,.form-group select{background:none;border:none;border-bottom:1px solid #ccc;color:#fff;font-size:16px;height:40px;outline:none;padding:8px;width:100%}.form-group input:focus,.form-group select:focus{border-bottom:2px solid #26a69a}.form-group select{background:#00000080}.button-container{display:flex;justify-content:flex-end;padding-top:20px}.button-container button{background-color:#26a69a;border:none;color:#fff;cursor:pointer;font-size:24px;padding:10px;transition:background-color .3s}.button-container button:hover{background-color:#00796b}@media (min-width:1200px){.quote-form{grid-template-columns:repeat(3,1fr)}}@media (min-width:769px) and (max-width:1199px){.quote-form{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.quote-form{grid-template-columns:1fr}}.popup-overlay{align-items:center;background-color:rgba(0,0,0,.741);display:flex;height:100%;justify-content:center;left:0;overflow-y:scroll;position:fixed;top:0;width:100%}.popup-content{background:#001a27;border-radius:8px;max-height:90%;max-width:800px;padding:1px;position:relative;width:95%}.close-button{background:#0000;border:0;color:#fff;cursor:pointer;font-size:40px;padding:0;position:absolute;right:-10px;top:-10px}.popup-open-button{align-items:center;animation:bounce 2s infinite;background-color:#26a69a;border:none;border-radius:40px;bottom:20px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:24px;justify-content:center;padding:25px;position:fixed;right:20px;transition:background-color .3s}.popup-open-button:hover{background-color:#00796b}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}
/*# sourceMappingURL=main.c3f42916.css.map*/