:root,[data-theme=light]{--bg-primary: #05070b;--bg-secondary: rgba(10, 14, 22, .94);--bg-card: rgba(12, 17, 27, .94);--text-primary: #ffffff;--text-secondary: #d7e2ef;--border-color: rgba(196, 154, 108, .62);--border-hover: #d6ad7a;--shadow: rgba(0, 0, 0, .45);--shadow-hover: rgba(0, 0, 0, .72);--gold: #ffd700;--bronze: #c49a6c;--bronze-dark: #9e5b13ff;--bronze-light: #d6ad7a;--btn-primary: #c49a6c;--btn-primary-hover: #d6ad7a;--btn-secondary: rgba(13, 20, 32, .92);--theme-toggle-bg: rgba(8, 12, 20, .94);--theme-toggle-color: #d6ad7a;--card-gradient-start: rgba(16, 22, 34, .96);--card-gradient-end: rgba(6, 8, 14, .98);--search-bg: rgba(5, 8, 14, .94);--search-color: #ffffff}[data-theme=dark]{--bg-primary: #030407;--bg-secondary: rgba(7, 10, 16, .96);--bg-card: rgba(10, 14, 22, .96);--text-primary: #ffffff;--text-secondary: #dce7f5;--border-color: rgba(196, 154, 108, .66);--border-hover: #d6ad7a;--shadow: rgba(0, 0, 0, .5);--shadow-hover: rgba(0, 0, 0, .7);--gold: #ffd700;--bronze: #c49a6c;--bronze-dark: #9e5b13ff;--bronze-light: #d6ad7a;--btn-primary: #c49a6c;--btn-primary-hover: #d6ad7a;--btn-secondary: rgba(13, 20, 32, .94);--theme-toggle-bg: rgba(8, 12, 20, .96);--theme-toggle-color: #d6ad7a;--card-gradient-start: rgba(14, 20, 31, .98);--card-gradient-end: rgba(4, 6, 11, .98);--search-bg: rgba(3, 5, 10, .95);--search-color: #ffffff}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease}body,html{font-family:Kalam,sans-serif;margin:0;padding:0;min-height:100%;background-color:#070707;background-image:linear-gradient(115deg,#010307e0,#060910b8 44%,#010307e0),linear-gradient(180deg,#0000008f,#000000c7),url(https://images.unsplash.com/photo-1775119222977-fdefb2540a31?crop=entropy&cs=srgb&fm=jpg&ixlib=rb-4.1.0&q=85&w=3000);background-repeat:no-repeat;background-position:center;background-size:cover;color:var(--text-primary);background-attachment:fixed}body[data-theme=dark]{background-image:linear-gradient(115deg,#000000eb,#04070dcc 44%,#000000eb),linear-gradient(180deg,#000000a3,#000000d6),url(https://images.unsplash.com/photo-1775119222977-fdefb2540a31?crop=entropy&cs=srgb&fm=jpg&ixlib=rb-4.1.0&q=85&w=3000)}main.home-container{display:flex;flex-direction:column;align-items:center;padding:60px 20px}.search-bar{width:100%;display:flex;justify-content:center;margin-bottom:50px}.search-bar input{width:100%;max-width:700px;padding:15px 25px;font-size:1.4rem;border-radius:50px;border:2px solid var(--border-color);background:var(--search-bg);outline:none;color:var(--search-color);box-shadow:inset 0 2px 8px #00000085,0 12px 32px #00000061;transition:all .3s ease}.search-bar input:focus{border-color:var(--bronze-dark);box-shadow:0 0 0 3px #c49a6c2e,0 0 22px #0000006b}#gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;width:100%;max-width:1300px}.car-card{background:linear-gradient(145deg,var(--card-gradient-start),var(--card-gradient-end));border-radius:15px;overflow:hidden;text-align:center;cursor:pointer;box-shadow:0 18px 42px #000000b8;transition:transform .3s ease,box-shadow .3s ease;border:1px solid rgba(196,154,108,.34);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.car-card:hover{transform:translateY(-8px) scale(1.05);box-shadow:0 0 0 1px #d6ad7a57,0 24px 52px #000000c7;border-color:var(--border-hover)}.car-card img{width:100%;aspect-ratio:4 / 3;object-fit:cover;object-position:center;border-bottom:2px solid var(--border-color);filter:contrast(1.08) saturate(1.08);background:#0c0c0c4d}.no-image-placeholder{width:100%;aspect-ratio:4 / 3;display:flex;align-items:center;justify-content:center;border-bottom:2px solid var(--border-color);background:#0c0c0c73;color:var(--text-secondary)}.no-image-placeholder p{margin:0;padding:0 14px;font-size:.95rem;font-weight:700;line-height:1.3}.car-card figcaption{padding:15px 10px;font-weight:700;font-size:1.3rem;color:var(--text-primary);font-family:Playfair Display,serif;letter-spacing:1px;text-shadow:0 2px 10px rgba(0,0,0,.82)}.no-results{color:var(--text-secondary);font-size:1.2rem;text-align:center;margin-top:2rem}.popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#05080ef7;color:#fff;padding:25px 30px;border-radius:20px;width:95%;max-width:900px;max-height:95vh;z-index:2000;border:1px solid rgba(196,154,108,.34);box-shadow:0 25px 60px #000000e6;overflow-y:auto;font-family:Kalam,sans-serif;display:flex;flex-direction:column;gap:25px}.back-to-home{position:absolute;top:10px;right:10px;background:linear-gradient(145deg,#c49a6c,#9e5b13);border:none;color:#fff;font-size:1.8rem;font-weight:700;border-radius:50%;width:45px;height:45px;cursor:pointer;z-index:3000;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.back-to-home:hover{background:linear-gradient(145deg,#d6ad7a,#9e5b13)}.car-model-title{text-align:center;font-size:2rem;color:#fff;margin:5px 0 15px;font-family:Playfair Display,serif;letter-spacing:1px;text-transform:uppercase;text-shadow:0 3px 10px rgba(0,0,0,.6)}.car-header{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:8px}.car-brand-chip{margin:0;padding:.4rem .8rem;border-radius:999px;background:#c49a6c29;border:1px solid rgba(196,154,108,.4);color:#ffe6c8;font-size:.82rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.car-brand-link-row{display:flex;justify-content:center;width:100%;margin-top:-4px;margin-bottom:6px}.brand-page-link{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.2rem;border-radius:999px;background:linear-gradient(145deg,#c49a6ceb,#0c1522f0);color:#fff;text-decoration:none;font-weight:700;letter-spacing:.02em;border:1px solid rgba(196,154,108,.42);box-shadow:0 10px 24px #0000006b;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.brand-page-link:hover{transform:translateY(-2px);box-shadow:0 14px 28px #00000057;background:linear-gradient(145deg,#d6ad7ae6,#0c1522f5)}.carrousel{position:relative;width:100%;height:0;padding-top:75%;overflow:hidden;border-radius:12px;margin-bottom:20px;box-shadow:0 5px 20px #0009;touch-action:none;overscroll-behavior:contain;-webkit-user-select:none;user-select:none}.slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .3s ease}.slide.current{opacity:1}.carrousel.is-zoomed .slide.current img{cursor:grab}.carrousel.is-zoomed .slide.current img:active{cursor:grabbing}.slide img{width:100%;height:100%;object-fit:cover;border-radius:10px;filter:sepia(.3) contrast(1.1);transform-origin:center center;transition:transform .2s ease}.image-zoom-controls{position:absolute;right:14px;bottom:14px;z-index:4;display:flex;gap:6px}.image-zoom-controls button{width:30px;height:30px;border:1px solid rgba(243,229,200,.36);border-radius:8px;background:#1414147a;color:#fdf2e3;cursor:pointer;font-size:1.05rem;line-height:1;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .2s ease,opacity .2s ease}.image-zoom-controls button:hover:not(:disabled){background:#503c1eb8}.image-zoom-controls button:disabled{cursor:default;opacity:.42}.controls{position:absolute;top:50%;width:100%;display:flex;justify-content:space-between;transform:translateY(-50%);padding:0 15px}.controls button{background:#0006;border:2px solid #c49a6c;color:#fdf2e3;font-size:2rem;width:55px;height:55px;border-radius:10px;cursor:pointer;transition:all .3s ease}.controls button:hover{background:#503c1ee6}.circles{display:flex;justify-content:center;margin-top:10px}.circle{width:12px;height:12px;border-radius:50%;margin:0 5px;background:#fff6;cursor:pointer;transition:all .3s ease}.circle.active{background:#c49a6c;transform:scale(1.5)}.info-magazine{display:flex;flex-wrap:wrap;gap:20px;margin-top:25px;justify-content:space-between}.info-magazine-item{background:#ffffff0d;border-radius:15px;padding:15px 20px;flex:1 1 200px;display:flex;align-items:center;gap:15px;transition:all .3s ease;cursor:default}.info-magazine-item:hover{background:#b2793f33}.info-magazine-item .icon{font-size:1.5rem;color:gold}.info-magazine-item .text{display:flex;flex-direction:column}.info-magazine-item .label{font-size:.9rem;color:#e2b36f;font-weight:600}.info-magazine-item .value{font-size:1.1rem;font-weight:700;color:#f3e5c8}.sort-select{padding:10px 15px;font-size:1rem;border-radius:25px;border:2px solid var(--border-color);background:var(--search-bg);color:var(--search-color);cursor:pointer;transition:all .3s ease}.sort-select:hover{border-color:var(--border-hover)}.top-icons{position:fixed;top:20px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:center;z-index:1001}.icon-right{display:flex;gap:20px}.icon-home,.icon-login,.icon-upload{width:40px;height:40px;cursor:pointer;transition:transform .2s ease,filter .2s ease;filter:invert(55%) sepia(49%) saturate(5000%) hue-rotate(10deg) brightness(95%) contrast(85%)}.icon-home:hover,.icon-login:hover,.icon-upload:hover{transform:scale(1.1)}.icon-upload:hover{filter:invert(75%) sepia(40%) saturate(2000%) hue-rotate(20deg) brightness(105%) contrast(95%)}.footer{background:transparent;color:var(--text-secondary)}@media(max-width:768px){.search-bar input{font-size:1.1rem;padding:12px 18px}.car-card figcaption{font-size:1.1rem}.popup{padding:20px;width:95%}.car-model-title{font-size:1.55rem;margin-bottom:10px}.car-brand-chip{font-size:.74rem;letter-spacing:.1em}.brand-page-link{width:100%;max-width:320px;padding:.8rem 1rem;font-size:.95rem;text-align:center}.controls button{width:40px;height:40px;font-size:1.5rem}.image-zoom-controls{right:10px;bottom:10px}.image-zoom-controls button{width:28px;height:28px;font-size:1rem}#info-columns{flex-direction:column;gap:15px}}@media(hover:hover)and (pointer:fine){.carrousel{overscroll-behavior:auto}}.recommended-section{margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1);width:100%}.recommended-title{color:#c49a6c;font-size:1.2rem;margin-bottom:1rem;text-align:center;font-weight:600}.recommended-cars{display:flex!important;flex-direction:row!important;justify-content:space-between!important;gap:1.2rem!important;margin-bottom:1rem;width:100%}.recommended-car-card{background:#ffffff0d!important;border-radius:8px!important;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;margin:0!important;flex:1!important;max-width:calc(31% - .8rem)!important;display:flex!important;flex-direction:column!important}.recommended-car-card:hover{transform:translateY(-3px)!important;box-shadow:0 8px 20px #0000004d!important}.recommended-car-card img{width:100%!important;height:140px!important;object-fit:cover!important;display:block!important;aspect-ratio:unset!important}.recommended-car-card figcaption{padding:.5rem!important;color:#fff!important;font-size:.75rem!important;font-weight:500!important;text-align:center!important;line-height:1.2!important;background:transparent!important}@media(max-width:1024px){.recommended-cars{gap:1rem!important}.recommended-car-card{max-width:calc(31% - .7rem)!important}.recommended-car-card img{height:110px!important}.recommended-car-card figcaption{font-size:.7rem!important;padding:.4rem!important}}@media(max-width:768px){.recommended-cars{gap:.8rem!important}.recommended-car-card{max-width:calc(31% - .55rem)!important}.recommended-car-card img{height:90px!important}.recommended-car-card figcaption{font-size:.65rem!important;padding:.3rem!important}.recommended-title{font-size:1rem}}
