ylinput[type="radio"] { margin-right: 10px; } .filter-orange { filter: invert(45%) sepia(94%) saturate(811%) hue-rotate(0deg) brightness(93%) contrast(102%); } .isDisabled { color: currentColor; cursor: not-allowed; opacity: 0.5; text-decoration: none; } margin-top: .275rem; .owl-carousel .owl-nav button.owl-prev::after { margin-left: -.125rem; content: '‹' } .owl-carousel .owl-nav button.owl-next::after { margin-top: .275rem; margin-right: -.125rem; content: '›' } .owl-item { height: 0; } .owl-stage, .owl-item.active { height: auto !important; } .owl-carousel, .owl-stage-outer { transition: height 500ms ease-in-out 0s; } .bContainerImagemBanner { display: flex; height: 380px; max-height: 380px } .bContainerImagemBanner img { display: block; width: 100%; max-width: 100%; object-fit: cover; cursor: pointer; } .bContainerLogoBannerHistoria { height: 80px !important; max-width: 180px !important; } .bContainerLogoBannerHistoria img { object-fit: contain; cursor: pointer; height: 80px; } .modal-open .modal { overflow-x: hidden !important; } .clamp-text { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-clamp: 3; } .pagination { display: flex; justify-content: center; flex-wrap: wrap; gap: 8px; list-style: none; padding: 0; } .pagination .page-item { display: inline-flex; } .pagination .page-link { display: inline-flex; align-items: center; justify-content: center; padding: 8px 12px; border: 1px solid #ddd; border-radius: 4px; text-decoration: none; color: #333; background-color: #f9f9f9; transition: background-color 0.3s; } .pagination .page-link:hover { background-color: #e9ecef; } @media (max-width: 768px) { .pagination { flex-wrap: nowrap; overflow-x: auto; gap: 4px; } .pagination .page-link { padding: 6px 8px; font-size: 14px; } .pagination .page-link i { margin: 0; } } .cd-horizontal-timeline .events-content li > * { max-width: unset !important; margin: 0 auto; } .navbar { background-color: #222; border-top: 1px solid #444242; } .navbar-brand img { width: 70px; height: 74px; } .nav-link { color: snow !important; } .owl-carousel { height: 380px; } .form-control { width: 100%; } .card { border-radius: 10px; overflow: hidden; } .card-img-top { height: 200px; object-fit: cover; } #divContainerTimeline { display: none; } .skeleton { background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%); background-size: 200% 100%; animation: loading 1.5s infinite; } @keyframes loading { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } } /* === SKELETON SCREEN === */ .skeleton-article { display: flex; gap: 16px; padding-bottom: 32px; border-bottom: 1px solid #e0e0e0; margin-bottom: 16px; } .skeleton-article .sk-left { flex: 1; display: flex; flex-direction: column; gap: 10px; } .skeleton-article .sk-right { width: 40%; min-height: 180px; border-radius: 8px; } .sk-line { border-radius: 4px; height: 14px; } .sk-line.short { width: 40%; } .sk-line.medium { width: 65%; } .sk-line.long { width: 90%; height: 22px; } .sk-line.title { width: 80%; height: 20px; } .skeleton-banner { width: 100%; height: 380px; border-radius: 0; } .articles-fade-in { animation: fadein 0.5s ease-in; } @keyframes fadein { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } } @media (max-width: 768px) { .skeleton-article { flex-direction: column; } .skeleton-article .sk-right { width: 100%; min-height: 140px; } } /* Select2 - Marcas (verde) - borda */ #ddlMarca + .select2-container .select2-selection { border: 2px solid #138315 !important; } /* Select2 - Modelos (azul) - borda */ #ddlModelo + .select2-container .select2-selection { border: 2px solid #3351d8 !important; } /* Hover/foco verde - dropdown de Marcas */ .select2-marca .select2-results__option--highlighted { background-color: #138315 !important; color: #fff !important; } /* Hover/foco azul - dropdown de Modelos */ .select2-modelo .select2-results__option--highlighted { background-color: #3351d8 !important; color: #fff !important; } #DivBanner.skeleton-ativo { background-image: none !important; background-color: #e8e8e8 !important; }