/* Shared reading scale. Loaded after page styles, including legacy layouts. */
:root{
 --ui-font:Roboto,Arial,sans-serif;
 --ui-caption:.8125rem; /* 13px at the browser's default size */
 --ui-small:.875rem;
 --ui-body:1rem;
 --ui-card-title:1.125rem;
 --ui-section:clamp(1.375rem,1.1rem + 1vw,1.75rem);
 --ui-title:clamp(1.75rem,1.25rem + 1.5vw,2.5rem);
 --ui-muted:#526071;
 --ui-logo-width:229px;
}
html{font-size:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body[data-pagina]{font-family:var(--ui-font);font-size:var(--ui-body);line-height:1.5}
body[data-pagina] :is(input,select,textarea,button){font-family:var(--ui-font)}
body[data-pagina] :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=submit]),select,textarea){font-size:1rem!important;line-height:1.4}
body[data-pagina] :is(input,textarea)::placeholder{color:#596575;opacity:1}
body[data-pagina] :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #886600;outline-offset:3px}
body[data-pagina] :where(main p,main label,main legend,#main_container p,#main_container label){font-size:var(--ui-body);line-height:1.5}
body[data-pagina] footer .links li{font-size:var(--ui-small);line-height:1.7}
body[data-pagina] footer .links h3{font-size:var(--ui-card-title)}
/* The complete logo keeps its aspect ratio; never crop the wordmark into an icon. */
body[data-pagina] .home-wordmark{flex-shrink:0}
body[data-pagina] .home-wordmark .site-brand-image{display:block;width:var(--ui-logo-width);max-width:100%;height:auto;object-fit:contain;object-position:center}
body[data-pagina] header .logo .site-logo-image{width:var(--ui-logo-width);max-width:100%;height:auto;object-fit:contain}
body[data-pagina] :is(.resale-card-logo,.reseller-detail-logo img,.ad-brand-logo){object-fit:contain!important;object-position:center}
body[data-pagina] .home-navigation{font-size:var(--ui-small);line-height:1.4;flex-wrap:wrap;justify-content:flex-end;gap:10px 14px}
body[data-pagina] .home-navigation a{display:inline-flex;align-items:center;min-height:36px}
body[data-pagina] .home-header-inner{gap:20px;height:auto;min-height:72px}
body[data-pagina] .home-section-heading h2{font-size:var(--ui-section);line-height:1.3}
body[data-pagina] :is(.home-section-heading>a,.home-brand strong,.home-model small,.home-model strong){font-size:var(--ui-small)}
body[data-pagina] :is(.home-shortcuts h2,.utility-heading h2,.favorites-empty h2){font-size:var(--ui-section);line-height:1.3}
body[data-pagina] :is(.utility-heading h1,.favorites-page h1,.listing-toolbar h1){font-size:var(--ui-title);line-height:1.2}
body[data-pagina] :is(.utility-heading p,.service-card p,.fipe-result-panel p){font-size:var(--ui-body);line-height:1.6}
body[data-pagina] .service-card h2{font-size:var(--ui-section);line-height:1.3}
body[data-pagina] :is(.listing-breadcrumb,.listing-toolbar small,.listing-active-filters,.listing-pagination,.listing-filter-panel legend,.listing-field,.listing-filter-title a,.listing-seller-types label,.listing-type span,.listing-filter-status){font-size:var(--ui-small);line-height:1.5}
body[data-pagina] .listing-toolbar{flex-wrap:wrap}
body[data-pagina] .listing-filter-panel :is(input,select){height:auto;min-height:44px}
body[data-pagina] .listing-apply{font-size:var(--ui-small)!important;min-height:44px}
/* Let larger text determine card height instead of clipping it in fixed boxes. */
body[data-pagina] .home-ad-card{height:auto;min-height:380px}
body[data-pagina] .home-ad-link{height:100%;padding-bottom:58px}
body[data-pagina] .home-ad-info h3{font-size:var(--ui-card-title);line-height:1.3;white-space:normal;overflow-wrap:anywhere}
body[data-pagina] .home-ad-info p{font-size:var(--ui-small);line-height:1.4;margin:4px 0 10px;white-space:normal}
body[data-pagina] .home-ad-specs{font-size:var(--ui-caption);line-height:1.4;flex-wrap:wrap;color:var(--ui-muted)}
body[data-pagina] .home-ad-location{font-size:var(--ui-caption);line-height:1.4;white-space:normal;padding:0;color:var(--ui-muted)}
body[data-pagina] .home-ad-price{font-size:1.25rem;bottom:12px}
body[data-pagina] .home-ad-actions{bottom:8px;right:8px;gap:6px}
body[data-pagina] .home-contact{width:36px;height:36px;font-size:22px}
body[data-pagina] :is(.home-photo-count,.home-seller-type){font-size:.75rem;line-height:1.4}
body[data-pagina] .redesigned-listing .listing-card{height:auto!important;min-height:380px}
body[data-pagina] .redesigned-listing .listing-card>a:first-of-type{padding-bottom:58px}
body[data-pagina] .redesigned-listing .listing-title{font-size:var(--ui-card-title)!important;line-height:1.3!important;overflow-wrap:anywhere}
body[data-pagina] .redesigned-listing .listing-seller{height:auto;font-size:var(--ui-small)!important;line-height:1.4;white-space:normal}
body[data-pagina] .redesigned-listing .listing-specs{font-size:var(--ui-caption);line-height:1.4;flex-wrap:wrap;color:var(--ui-muted)}
body[data-pagina] .redesigned-listing .listing-location{font-size:var(--ui-caption)!important;white-space:normal;color:var(--ui-muted)!important}
body[data-pagina] .redesigned-listing .listing-price :is(.money,.value){font-size:1.25rem!important}
body[data-pagina] .redesigned-listing .listing-contact{width:36px!important;height:36px!important;font-size:22px!important;bottom:8px!important}
body[data-pagina] .redesigned-listing .listing-contact.has-whatsapp{right:50px!important}
body[data-pagina] .redesigned-listing :is(.listing-seller-badge,.countPhotos){font-size:.75rem;line-height:1.4}
body[data-pagina="ad.show"] .ad-detail :is(.ad-description,.ad-summary-heading p,.ad-spec dd){font-size:var(--ui-body);line-height:1.5}
body[data-pagina="ad.show"] .ad-detail :is(.ad-spec dt,.ad-feature-tags li,.ad-seller-badge,.ad-gallery-counter){font-size:var(--ui-caption);line-height:1.4;color:#465568}
body[data-pagina="ad.show"] .ad-detail .ad-gallery-counter{color:#fff}
body[data-pagina="ad.show"] .ad-summary-heading h1{font-size:var(--ui-section);line-height:1.3}
body[data-pagina="ad.show"] .ad-about :is(h2,h3){font-size:var(--ui-card-title);line-height:1.4}
body[data-pagina="ad.show"] .ad-brand-logo{width:48px;height:48px}
body[data-pagina="ad.show"] .ad-spec{min-height:76px}
body[data-pagina] :is(.reseller-card-location,.reseller-card-type,.reseller-card-info p,.reseller-card-facts,.reseller-card-action,.reseller-detail-info p,.reseller-detail-site){font-size:var(--ui-small)!important;line-height:1.5!important}
body[data-pagina] .reseller-store-page .reseller-detail-info h1{font-size:var(--ui-section);line-height:1.3}
body[data-pagina] .reseller-card-info strong{font-size:var(--ui-card-title);white-space:normal}
body[data-pagina] .favorites-info p{font-size:var(--ui-small);color:var(--ui-muted)}
@media(min-width:769px){
 body[data-pagina] .home-ad-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 body[data-pagina] .redesigned-listing ul.listing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 body[data-pagina] .home-ad-photo{height:160px}
}
@media(min-width:1440px){body[data-pagina] .redesigned-listing ul.listing-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:769px) and (max-width:1100px){
 body[data-pagina] .home-header-inner{flex-wrap:wrap}
 body[data-pagina] .home-navigation{width:100%;justify-content:flex-start}
 body[data-pagina] .home-ad-grid,body[data-pagina] .redesigned-listing ul.listing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:768px){
 :root{--ui-logo-width:190px}
 body[data-pagina] :is(.home-ad-card,.redesigned-listing .listing-card){min-height:230px;height:auto!important}
 body[data-pagina] .home-ad-grid{grid-template-columns:1fr}
 body[data-pagina] .home-ad-link{display:block;min-height:230px;padding:12px 10px 64px 135px}
 body[data-pagina] .home-ad-photo{position:absolute;left:0;top:0;bottom:56px;width:125px;height:calc(100% - 56px);border-radius:0}
 body[data-pagina] .home-ad-info{padding:0}
 body[data-pagina] .home-ad-info h3{font-size:1rem;padding:0;white-space:normal}
 body[data-pagina] .home-ad-specs{gap:4px 8px;margin:0 0 7px}
 body[data-pagina] .home-ad-price{left:12px;right:auto;bottom:20px;font-size:1.125rem}
 body[data-pagina] .home-contact{width:44px;height:44px}
 body[data-pagina] .home-ad-actions{right:8px;bottom:8px}
 body[data-pagina] .redesigned-listing .listing-card>a:first-of-type{display:block;min-height:230px;padding:12px 10px 64px 135px}
 body[data-pagina] .redesigned-listing .listing-card .item{position:absolute;left:0;top:0;bottom:56px;width:125px!important;height:calc(100% - 56px)!important}
 body[data-pagina] .redesigned-listing .info-item{padding:0!important}
 body[data-pagina] .redesigned-listing .listing-title{font-size:1rem!important;white-space:normal!important}
 body[data-pagina] .redesigned-listing .listing-price{bottom:20px!important;left:12px!important}
 body[data-pagina] .redesigned-listing .listing-price :is(.money,.value){font-size:1.125rem!important}
 body[data-pagina] .redesigned-listing .listing-contact{width:44px!important;height:44px!important;bottom:8px!important}
 body[data-pagina] .redesigned-listing .listing-contact.has-whatsapp{right:58px!important}
 body[data-pagina] .redesigned-listing .listing-specs{gap:4px 8px}
 body[data-pagina] .listing-toolbar select{width:auto;max-width:100%;min-height:44px}
 body[data-pagina] .listing-toolbar label{width:100%;font-size:var(--ui-small);justify-content:space-between}
 body[data-pagina] .listing-promo{flex-wrap:wrap}
 body[data-pagina] .home-search-form{height:auto;min-height:44px}
 body[data-pagina] .home-search-form :is(input,button){min-height:44px;height:auto}
 body[data-pagina] .home-search-bar{height:auto;padding-top:6px;padding-bottom:6px}
 body[data-pagina] .ad-detail .ad-summary-heading{flex-wrap:wrap}
}
/* A wrapping footer keeps prices and actions apart even when text is enlarged. */
body[data-pagina] :is(.home-ad-card,.redesigned-listing .listing-card){display:flex;flex-direction:column}
body[data-pagina] :is(.home-ad-link,.redesigned-listing .listing-card>a:first-of-type){flex:1;height:auto;padding-bottom:0}
body[data-pagina] .vehicle-card-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:10px;margin-top:auto}
body[data-pagina] :is(.home-ad-price,.redesigned-listing .listing-price){position:static!important;display:flex;align-items:center;gap:4px;line-height:1.3;white-space:nowrap}
body[data-pagina] :is(.home-ad-actions,.listing-card-actions){position:static;display:flex;gap:6px;margin-left:auto;flex-shrink:0}
body[data-pagina] .redesigned-listing .listing-contact{position:static!important;flex-shrink:0}
@media(max-width:768px){
 body[data-pagina] :is(.home-ad-link,.redesigned-listing .listing-card>a:first-of-type){min-height:174px;padding-bottom:12px}
 body[data-pagina] .home-ad-photo{bottom:0;height:100%}
 body[data-pagina] .redesigned-listing .listing-card .item{bottom:0;height:100%!important}
}
body[data-ui="merchant"] :is(small,.metrics small,.vehicle small,.status,.heading>span,.heading>a,.filter-fields label,.profile-services label,.profile-field small){font-size:var(--ui-caption);line-height:1.5}
body[data-ui="merchant"] :is(.profile-field small,.profile-form label,.profile-services legend){color:var(--ui-muted)}
body[data-ui="merchant"] .brand .site-brand-image{width:var(--ui-logo-width);max-width:100%;height:auto;object-fit:contain}
body[data-ui="merchant"] :is(h1,.merchant-profile h1){font-size:var(--ui-title);line-height:1.3}
body[data-ui="merchant"] .profile-form input::placeholder{font-size:var(--ui-body);color:var(--ui-muted)}
body[data-ui="merchant"] .store-header{min-width:0}
body[data-ui="merchant"] .store-header>div{min-width:0;overflow-wrap:anywhere}
@media(max-width:768px){
 body[data-ui="merchant"] :is(button,.button,.sidebar nav a){min-height:44px}
 body[data-ui="merchant"] .sidebar nav a{font-size:var(--ui-small)}
 body[data-ui="merchant"] .metrics{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}
 body[data-ui="merchant"] .metrics strong{font-size:1.125rem;white-space:normal;overflow-wrap:anywhere}
}
body[data-pagina="ad.show"] .ad-detail :is(h1,dt,dd,p){overflow-wrap:anywhere}
body[data-pagina="ad.show"] .ad-spec-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
body[data-pagina] header.header-restrict .logo a{display:flex;align-items:center;height:100%;padding-right:10px}
body[data-pagina] header.header-restrict .logo .site-logo-image{margin:0;max-width:100%}
body[data-pagina] header.header-restrict.mobile .logo{height:40px;width:190px}
body[data-pagina] header.header-restrict.mobile .site-logo-image{filter:brightness(.25)}