@charset "UTF-8";body{background-color:#f8f9fa;color:#333}.hidden-transmission{display:inline-block;max-width:100px}.hidden-transmission:where(.overflow-hidden.text-ellipsis){display:none}.label{color:#333;font-size:1rem;font-weight:400;display:inline-block;cursor:default}.label.bold-label{color:#fe6600;font-weight:700}.label.vender-label{color:#6c757d;cursor:pointer}.label.vender-label:hover{color:#fe6600;text-decoration:none}.label.button-label{padding:.5rem 1rem;background-color:#fe6600;color:#fff;font-weight:700;border-radius:4px;cursor:pointer}.label.button-label:hover{background-color:#a04a10;text-decoration:none}.button{padding:.5rem 1rem;border-radius:4px;font-weight:medium;transition:all .3s;cursor:pointer;border:none}.button.primary{background-color:#fe6600;color:#fff;font-weight:700}.button.primary:hover{background-color:#a04a10}.button.secondary{background-color:#414241;color:#fff;font-weight:700}.button.secondary:hover{background-color:#a04a10}.button.outline{background-color:transparent;color:#fe6600}.button.outline:hover{background-color:#fe66001a}.button.outline.active{font-weight:700}.button .label{font-size:inherit;color:inherit}.search-card-container{position:relative;z-index:10;max-width:1200px;margin:0 auto;padding:0 1rem}.search-card{background-color:#fff;border-radius:4px;box-shadow:0 4px 6px #0000001a;border:1px solid #e9ecef;padding:1rem;width:100%}.search-card-header{display:flex;gap:1rem;padding:.5rem;background-color:transparent;border-bottom:1px solid #e9ecef}.search-card-header .bold-label,.search-card-header .vender-label{padding:.25rem .5rem;margin:0}.search-card-body{padding:1rem}.search-form{display:flex;flex-direction:column;gap:10px}@media (min-width: 769px){.search-form{flex-direction:row;align-items:center}}.input-wrapper{display:flex;align-items:center;position:relative;flex:1 1 auto}.search-input{width:100%;padding:10px 40px 10px 15px;border:1px solid #ccc;border-radius:5px;font-size:16px;flex-grow:1}.input-icon{position:absolute;right:10px;color:#666}.button-section{display:flex;flex-direction:row;gap:10px;margin-top:10px}@media (min-width: 769px){.button-section{display:none}}.ofertas-button,.vender-button{padding:10px 20px;border-radius:5px;font-size:14px}.ofertas-button{background-color:#fe6600;color:#fff}.vender-button{background-color:#f0f0f0;color:#333}@media (max-width: 768px){.search-card{position:static;top:0;left:0;right:0}.search-form{flex-direction:column;align-items:stretch}.input-wrapper{flex:0 0 auto}.search-input{flex-grow:0}.button-section{flex-direction:column;gap:10px;display:flex;width:100%;margin-top:10px}.desktop-button-section{display:none}}@media (min-width: 769px){.search-card{position:absolute;top:-4rem;left:1rem;right:1rem;width:calc(100% - 2rem)}.button-section{display:none}.desktop-button-section{display:flex}}.ad-banner{display:flex;width:100%;max-width:100%;background-image:url(src/assets/feiraoCarros.jpg);background-size:contain;background-position:right;border-radius:8px;overflow:hidden;margin:20px 0;box-shadow:0 2px 4px #0000001a}.ad-banner .ad-left{flex:1;padding:20px;display:flex;flex-direction:column;justify-content:space-between;background-color:#0009;color:#fff}.ad-banner .ad-left .ad-logo{width:50px;height:50px;object-fit:contain;margin-bottom:60px}.ad-banner .ad-left .ad-text{font-size:34px;font-weight:700;text-shadow:black 3px 3px 2px;margin:0 0 50px;line-height:1.2}.ad-banner .ad-left .ad-button{display:inline-block;background-color:#fe6600;color:#fff;text-decoration:none;padding:10px 20px;border-radius:5px;font-size:14px;align-self:flex-start;margin-top:50px}.ad-banner .ad-left .ad-button:hover{background-color:#cb5200}.ad-banner .ad-right{flex:1.1;position:relative;overflow:hidden}.ad-banner .ad-right .ad-video{width:100%;height:100%;border:0;position:absolute;top:0;left:0}@media (max-width: 768px){.ad-banner{flex-direction:column}.ad-banner .ad-left{padding:15px}.ad-banner .ad-right{height:200px}}.promo-banner{width:100%;max-width:100%;padding:20px;background:linear-gradient(90deg,#fe6600,#fc8c3c);border-radius:8px;color:#333;margin:20px 0;box-shadow:0 2px 4px #0000001a}.promo-banner .promo-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.promo-banner .promo-header h2{font-size:24px;font-weight:700;margin:0}.promo-banner .promo-header .promo-button{background-color:#fff;color:#fe6600;text-decoration:none;padding:8px 16px;border-radius:5px;font-size:14px;font-weight:700;transition:background-color .3s ease,color .3s ease}.promo-banner .promo-header .promo-button:hover{background-color:#fe6600;color:#fff}.promo-banner .promo-subtitle{font-size:16px;margin-bottom:20px}.promo-banner .promo-benefits{display:flex;gap:15px;flex-wrap:wrap}.promo-banner .promo-benefits .benefit-card{flex:1;min-width:200px;background-color:#ffffff1a;border-radius:8px;padding:15px;display:flex;align-items:center;gap:10px}.promo-banner .promo-benefits .benefit-card .benefit-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.promo-banner .promo-benefits .benefit-card .benefit-icon svg{width:100%;height:100%;stroke:#333}.promo-banner .promo-benefits .benefit-card p{margin:0;font-size:14px}@media (max-width: 768px){.promo-banner .promo-header{flex-direction:column;align-items:flex-start;gap:10px}.promo-banner .promo-header .promo-button{align-self:flex-end}.promo-banner .promo-benefits{flex-direction:column}}
