/* Ajustes que complementam o Tailwind (CDN) — Select Car Motors */ .material-symbols-outlined { font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24; vertical-align: middle; } /* Gradiente do hero da home */ .hero-gradient { background: linear-gradient(90deg, rgba(25,28,29,1) 0%, rgba(25,28,29,0.7) 50%, rgba(25,28,29,0) 100%); } /* Cor primária (definida inline no a partir das configurações) */ :root { --primary: #ba0013; --primary-dark: #9e0010; } /* Scrollbar da galeria de fotos */ .gallery-scrollbar::-webkit-scrollbar { height: 4px; } .gallery-scrollbar::-webkit-scrollbar-thumb { background: var(--primary); border-radius: 2px; } .gallery-scrollbar::-webkit-scrollbar-track { background: #e1e3e4; } /* Thumb do range de preço */ input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; height: 16px; width: 16px; border-radius: 50%; background: var(--primary); cursor: pointer; border: 2px solid #fff; box-shadow: 0 0 2px rgba(0,0,0,0.5); } input[type="range"]::-moz-range-thumb { height: 16px; width: 16px; border-radius: 50%; background: var(--primary); cursor: pointer; border: 2px solid #fff; } /* Animação de revelação ao rolar */ .reveal { opacity: 0; transform: translateY(24px); transition: opacity .6s ease-out, transform .6s ease-out; } .reveal.is-visible { opacity: 1; transform: translateY(0); } /* Evita rolagem horizontal indesejada */ body { overflow-x: hidden; } /* Grid de vantagens: no mobile a altura acompanha o conteúdo (no desktop mantém as linhas de 200px do layout original) */ @media (max-width: 767px) { .advantages-grid { grid-auto-rows: auto; } }