/* Estilos propios de VentaUsados. Sin framework ni estilos de plugins. */
@font-face{font-family:Poppins-Regular;src:url('fonts/Poppins-Regular.ttf')}
@font-face{font-family:Poppins-Medium;src:url('fonts/Poppins-Medium.ttf')}
@font-face{font-family:Poppins-Bold;src:url('fonts/Poppins-Bold.ttf')}
@font-face{font-family:Poppins-SemiBold;src:url('fonts/Poppins-SemiBold.ttf')}
@font-face{font-family:PlayfairDisplay-Bold;src:url('fonts/PlayfairDisplay-Bold.ttf')}
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0;font:15px/1.5 'Kumbh Sans',Arial,sans-serif;color:#666;background:#fff}
h1,h2,h3,h4,h5,p,ul,dl,dd{margin:0;padding:0}
ul{list-style:none}a{text-decoration:none;color:inherit}button,input{font:inherit}button{cursor:pointer;border:0;background:transparent;padding:0}img{vertical-align:middle;border:0}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #ff6900;outline-offset:3px}[hidden]{display:none!important}
main,.site-footer{font-weight:900}.container{width:100%;max-width:1380px;margin:0 auto;padding:0 15px}
.site-header{height:100px}.contact-bar{position:fixed;top:0;left:0;z-index:1200;width:100%;height:38px;display:flex;align-items:center;justify-content:center;color:#fff;background:#ff6900;font-size:15px;font-weight:500;line-height:1;transition:height .15s,font-size .15s}
.desktop-header{position:fixed;z-index:1100;top:38px;left:0;width:100%;height:62px;background:#fff;border-bottom:1px solid #eee;transition:top .15s,height .15s}.navigation{display:flex;align-items:center;height:100%}
.desktop-logo{display:flex;align-items:center;flex:0 0 230px;height:100%;margin-right:auto;padding:6px 0;overflow:hidden}.desktop-logo img{width:auto;height:auto;max-width:220px;max-height:100%;object-fit:contain}
.main-menu{display:flex;align-items:center;height:100%}.main-menu>li{position:relative;height:100%;display:flex;align-items:center;margin-right:20px}.main-menu>li>a,.submenu-toggle{display:flex;align-items:center;height:100%;font:14px Poppins-Medium,sans-serif;color:#000}
.sub-menu{display:none;position:absolute;top:100%;left:0;min-width:178px;background:#fff;box-shadow:0 2px 10px #0002;font:14px/1.5 Poppins-Regular,sans-serif;color:#000}.sub-menu a{display:block;padding:10px 20px}.sub-menu a:hover{color:#ff6900}.main-menu>li:hover>.sub-menu,.main-menu>li:focus-within>.sub-menu,.main-menu>li.open>.sub-menu{display:block}
.header-compact .contact-bar{height:24px;font-size:11px}.header-compact .desktop-header{top:24px;height:44px}.header-compact .desktop-logo{flex-basis:180px}.header-compact .desktop-logo img{max-width:170px}.header-compact .main-menu>li>a,.header-compact .submenu-toggle{font-size:12px}
.mobile-header{display:none;align-items:center;height:70px;padding:15px;box-shadow:0 0 3px #0003}.mobile-logo{display:flex;align-items:center;flex:1;height:80%;padding-right:25px}.mobile-logo img{max-height:100%;max-width:calc(100% - 20px)}.mobile-toggle{width:34px;display:grid;gap:6px;padding:4px 0}.mobile-toggle span{width:28px;height:3px;background:#888}.mobile-menu{padding:10px 0;background:#717fe0}.mobile-menu a{display:block;padding:8px 20px;color:#fff;font:14px/2.8 Poppins-Medium,sans-serif}
.hero{position:relative;touch-action:pan-y}.hero-slide{height:calc(100vh - 40px);background-position:center;background-size:cover;background-repeat:no-repeat}.hero-content{height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-top:100px;padding-bottom:30px}
.hero h2{padding:19px 0 43px;color:#333;font:500 60px/1.1 PlayfairDisplay-Bold,serif}.hero-description{font:900 28px/1.2857 Poppins-Regular,sans-serif;color:#333}.catalog-link{min-width:161px;height:46px;padding:0 15px;display:flex;align-items:center;justify-content:center;background:#ff6900;border-radius:23px;color:#fff;font:900 15px/1.466667 Poppins-Medium,sans-serif;text-transform:uppercase;transition:background .2s}.catalog-link:hover{background:#222}
.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);font-size:80px;line-height:1;color:#0005;opacity:0;transition:opacity .2s}.previous{left:50px}.next{right:50px}.hero:hover .hero-arrow,.hero:focus-within .hero-arrow{opacity:1}.carousel-pause{position:absolute;bottom:15px;right:15px;background:#fff9;color:#333;border-radius:50%;width:28px;height:28px;opacity:0}.hero:hover .carousel-pause,.hero:focus-within .carousel-pause{opacity:1}
.catalog{padding:23px 0 140px;scroll-margin-top:80px}.catalog h3{padding-bottom:10px;font:500 36px/1.1 Poppins-Bold,sans-serif;text-transform:uppercase;color:#222}.product-filters{display:flex;flex-wrap:wrap;align-items:center;padding-bottom:52px;margin:10px 0}.product-filters button{font:900 15px/1.2 Poppins-Regular,sans-serif;color:#888;margin:5px 32px 5px 0;border-bottom:1px solid transparent}.product-filters button[aria-pressed=true],.product-filters button:hover{color:#333;border-color:#797979}
.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 -15px}.product-card{padding:0 15px 35px;min-width:0}.product-picture{position:relative;overflow:hidden}.product-picture>img{display:block;width:100%;height:400px;object-fit:cover;transition:transform .9s}.product-picture:hover>img{transform:scale(1.1)}.quick-view{position:absolute;bottom:-50px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;min-width:139px;width:50%;height:40px;padding:0 15px;background:#fff;color:#333;border-radius:20px;text-align:center;font:900 15px/1.466667 Poppins-Regular,sans-serif;transition:bottom .4s,background .4s}.product-picture:hover .quick-view,.product-picture:focus-within .quick-view{bottom:20px}.quick-view:hover{background:#222;color:#fff}
.product-text{padding-top:14px}.product-text>div{display:flex;flex-direction:column;align-items:flex-start;width:calc(100% - 30px)}.product-name{padding-bottom:6px;color:#999;font:900 14px/1.466667 Poppins-Regular,sans-serif}.product-name:hover{color:#717fe0}.product-price{color:#666;font:900 14px/1.466667 Poppins-Regular,sans-serif;letter-spacing:1px}
.detail-spacer{height:75px}.product-detail{padding:65px 0 60px}.detail-grid{display:grid;grid-template-columns:7fr 5fr;padding:0}.gallery-column,.information-column{min-width:0;padding:0 15px 30px}.gallery-column{padding-left:40px;padding-right:45px}.vehicle-gallery{position:relative;display:flex;justify-content:space-between;touch-action:pan-y}.gallery-thumbnails{width:11.111111%}.gallery-thumbnails button{position:relative;width:100%;display:block;margin-bottom:27px}.gallery-thumbnails img{width:100%}.gallery-thumbnails button::after{content:"";position:absolute;inset:0;border:2px solid transparent}.gallery-thumbnails button[aria-pressed=true]::after{border-color:#ccc}.gallery-stage{position:relative;width:83.333333%}.gallery-photo>img{width:100%;height:auto;display:block}.expand-photo{position:absolute;top:10px;right:10px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#1d1d1d;font-size:20px}.gallery-arrow{position:absolute;top:calc(50% - 20px);width:40px;height:40px;background:#0008;color:#fff;font-size:25px}.gallery-arrow.previous{left:0}.gallery-arrow.next{right:0}.gallery-arrow:hover{background:#000e}
.vehicle-information{padding:5px 50px 0 0}.vehicle-title{padding-bottom:14px;color:#333;font:500 24px/1.5 Poppins-Regular,sans-serif}.vehicle-price{font:900 18px/1.388888 Poppins-SemiBold,sans-serif;color:#333}hr{height:0;border:0;border-top:1px solid #0002;margin:15px 0}.vehicle-specs{padding:0 28px;font:900 14px/1.7 Poppins-Regular,sans-serif}.vehicle-specs>div{display:flex;align-items:flex-start;padding-bottom:7px}.vehicle-specs dt{font-weight:inherit;width:145px;flex-shrink:0}.vehicle-specs dd{color:#888;flex:1;min-width:0}.description-title{font-size:22.5px;font-weight:500;line-height:1.1}.vehicle-description{padding-top:23px;font:900 14px/1.7 Poppins-Regular,sans-serif}
.offer-form{width:400px;max-width:100%;padding:30px;background:#ff893a url('images/fondoform4.jpg');color:#fff;border-radius:4px;box-shadow:7px 13px 37px #000;font-family:'Gill Sans','Gill Sans MT',Calibri,'Trebuchet MS',sans-serif}.offer-form h5{font:500 22px/1.1 'Gill Sans','Gill Sans MT',Calibri,'Trebuchet MS',sans-serif;margin-bottom:20px}.offer-form label{display:block}.controls{display:block;width:100%;background:#24303c;padding:10px;border-radius:4px;margin-bottom:16px;border:1px solid #95b4d6;font-size:18px;line-height:1.5;color:#fff;font-weight:400}.controls::placeholder{color:#999;opacity:1}.offer-form>button{width:100%;background:#436fb1;padding:12px;color:#fff;margin:16px 0;font-weight:400}.detail-divider{margin:15px 0}
.photo-dialog{position:fixed;width:100vw;max-width:none;height:100dvh;max-height:none;inset:0;margin:0;padding:48px 60px;border:0;background:transparent;overflow:hidden}.photo-dialog[open]{display:flex;align-items:center;justify-content:center}.photo-dialog::backdrop{background:#000e}.photo-dialog>img{max-width:100%;max-height:100%;object-fit:contain}.close-photo,.dialog-arrow{position:absolute;color:white;font-size:40px}.close-photo{top:5px;right:20px}.dialog-arrow{top:45%}.dialog-arrow.previous{left:15px}.dialog-arrow.next{right:15px}body.photo-open{overflow:hidden}
.site-footer{padding:75px 0 32px;background:#222}.site-footer p{text-align:center;font:900 13px/1.923 Poppins-Regular,sans-serif;color:#888}.site-footer a{color:orange}.back-to-top{position:fixed;bottom:0;right:40px;width:40px;height:38px;background:orange;color:white;font-size:25px;opacity:.5;z-index:1000}.back-to-top:hover{opacity:1}
@media(max-width:1600px){.container{max-width:1200px}}
@media(max-width:1199px){.desktop-logo{flex-basis:185px}.desktop-logo img{max-width:175px}.main-menu>li{margin-right:12px}.gallery-column{padding-left:15px;padding-right:15px}.vehicle-information{padding-left:0;padding-right:0}}
@media(max-width:991px){.site-header{height:auto}.contact-bar,.desktop-header{display:none}.mobile-header{display:flex}.hero-slide{height:calc(100vh - 70px)}.hero-arrow.previous{left:15px}.hero-arrow.next{right:15px}.hero-content{padding-top:50px;padding-bottom:50px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.detail-grid{grid-template-columns:1fr 1fr}}
@media(max-width:767px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-grid{grid-template-columns:1fr}}
@media(max-width:575px){.hero h2{font-size:40px}.hero-description{font-size:20px}.product-grid{grid-template-columns:1fr}.vehicle-specs{padding:0 15px}.back-to-top{right:15px}.photo-dialog{padding:45px 35px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.hero-slide:not([hidden]){animation:hero-fade 1s ease}
@keyframes hero-fade{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.hero-slide:not([hidden]){animation:none}}

/* Vista propuesta: exclusivamente Databases/Pruebas con UI_PREVIEW activo. */
.ui-preview .contact-bar {
  transition: height .38s cubic-bezier(.22,1,.36,1), font-size .38s cubic-bezier(.22,1,.36,1);
}
.ui-preview .desktop-header {
  transition: top .38s cubic-bezier(.22,1,.36,1), height .38s cubic-bezier(.22,1,.36,1);
}
.ui-preview .desktop-logo { transition: flex-basis .38s cubic-bezier(.22,1,.36,1); }
.ui-preview .desktop-logo img { transition: max-width .38s cubic-bezier(.22,1,.36,1); }
.ui-preview .main-menu > li > a, .ui-preview .submenu-toggle {
  transition: font-size .38s cubic-bezier(.22,1,.36,1);
}
.ui-preview .hero[data-enhanced] { display: grid; isolation: isolate; }
.ui-preview .hero[data-enhanced] .hero-slide {
  grid-area: 1 / 1;
  min-width: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: 0;
  animation: none;
  transition: opacity .9s ease-in-out, visibility 0s .9s;
}
.ui-preview .hero[data-enhanced] .hero-slide.is-current {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  z-index: 1;
  transition-delay: 0s;
}
.ui-preview .hero-arrow, .ui-preview .carousel-pause { z-index: 2; }
.ui-preview .quick-view {
  width: calc(100% - 32px);
  max-width: 240px;
  min-width: 0;
  height: auto;
  min-height: 64px;
  padding: 10px 16px;
  flex-direction: column;
  gap: 3px;
  bottom: 16px;
  opacity: 0;
  transform: translate(-50%, calc(100% + 24px));
  pointer-events: none;
  font-size: 13px;
  line-height: 1.45;
  font-weight: 500;
  box-shadow: 0 5px 18px #0002;
  transition: opacity .25s ease, transform .35s cubic-bezier(.22,1,.36,1), background .25s, color .25s;
}
.ui-preview .quick-view-action {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  font-family: Poppins-Medium,sans-serif;
  font-size: 14px;
}
.ui-preview .quick-view-action > .bi-icon { width: 18px; height: 18px; }
.ui-preview .product-picture:hover .quick-view,
.ui-preview .product-picture:focus-within .quick-view {
  bottom: 16px;
  opacity: 1;
  transform: translate(-50%, 0);
  pointer-events: auto;
}
@media (hover: none) {
  .ui-preview .quick-view { opacity: 1; transform: translate(-50%, 0); pointer-events: auto; }
}

/* Segunda revisión visual: tarjetas, revelado y ficha, solo en Pruebas. */
.ui-preview .product-card { display: flex; }
.ui-preview .product-card-surface {
  display: flex;
  flex-direction: column;
  width: 100%;
  overflow: hidden;
  border: 1px solid #e6e8eb;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 3px 14px #1c273008;
  transition: box-shadow .25s ease;
}
.ui-preview .product-card-surface:hover { box-shadow: 0 8px 22px #1c273014; }
.ui-preview .product-picture { border-radius: 11px 11px 0 0; }
.ui-preview .product-text { padding: 16px; flex: 1; }
.ui-preview .product-text > div { width: 100%; }
.ui-preview .product-card.card-reveal {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity .55s ease-out, transform .55s cubic-bezier(.22,1,.36,1);
  transition-delay: var(--reveal-delay, 0ms);
}
.ui-preview .product-card.card-reveal.is-revealed,
.ui-preview .product-card.card-reveal:focus-within { opacity: 1; transform: none; }
.ui-preview .product-card.card-reveal:focus-within { transition-delay: 0s; }
.ui-preview .gallery-thumbnails button,
.ui-preview .gallery-thumbnails img,
.ui-preview .gallery-thumbnails button::after { border-radius: 8px; }
.ui-preview .gallery-thumbnails button { overflow: hidden; }
.ui-preview .gallery-thumbnails img { aspect-ratio: 4 / 3; object-fit: cover; }
.ui-preview .gallery-stage[data-enhanced] {
  aspect-ratio: 4 / 3;
  align-self: flex-start;
  overflow: hidden;
  border-radius: 12px;
  background: #f4f5f6;
  isolation: isolate;
}
.ui-preview .gallery-stage[data-enhanced] .gallery-photo {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  inset: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: 0;
  transition: opacity .36s ease-in-out, visibility 0s .36s;
}
.ui-preview .gallery-stage[data-enhanced] .gallery-photo.is-current {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  z-index: 1;
  transition-delay: 0s;
}
.ui-preview .gallery-stage[data-enhanced] .gallery-photo > img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  border-radius: 10px;
}
.ui-preview .gallery-arrow { z-index: 2; }
.ui-preview .photo-dialog > img { border-radius: 12px; }
.ui-preview .offer-form {
  margin-top: 32px;
  background: #636468;
  border-radius: 16px;
  box-shadow: 0 10px 30px #18212d26;
  font-family: Poppins-Regular,sans-serif;
  font-weight: 400;
}
.ui-preview .offer-form h5 { font: 500 20px/1.4 Poppins-Medium,sans-serif; }
.ui-preview .offer-form label { font: 500 13px/1.6 Poppins-Medium,sans-serif; }
.ui-preview .offer-form .controls,
.ui-preview .offer-form > button { font: 400 16px/1.5 Poppins-Regular,sans-serif; border-radius: 8px; }
.ui-preview .offer-form > button { transition: background .2s ease; }
.ui-preview .offer-form > button:hover { background: #345b95; }
@media (prefers-reduced-motion: reduce) {
  .ui-preview .product-card.card-reveal { opacity: 1; transform: none; }
}

/* Categorías y resultados de filtros: propuesta de Pruebas. */
.ui-preview .product-filters { gap: 10px 28px; padding-bottom: 12px; margin: 12px 0 0; }
.ui-preview .product-filters button { display: inline-flex; align-items: center; gap: 8px; margin: 0; padding: 6px 0; }
.ui-preview .product-filters button[aria-pressed="true"] { border-color: #ff6900; }
.ui-preview .filter-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 24px;
  padding: 2px 7px;
  border-radius: 20px;
  background: #f1f3f5;
  color: #626a73;
  font: 500 12px/1.4 Poppins-Medium,sans-serif;
}
.ui-preview [aria-pressed="true"] .filter-count { background: #ffede0; color: #ae4600; }
.ui-preview .filter-summary { margin: 0 0 24px; color: #757c83; font: 400 13px/1.6 Poppins-Regular,sans-serif; }
.ui-preview .catalog-empty { padding: 36px 24px; border: 1px solid #e6e8eb; border-radius: 12px; text-align: center; background: #f8f9fa; }
.ui-preview .catalog-empty p { font: 400 16px/1.6 Poppins-Regular,sans-serif; color: #626a73; }
.ui-preview .catalog-empty button { margin-top: 16px; padding: 10px 18px; border-radius: 20px; background: #ff6900; color: white; font: 500 14px/1.5 Poppins-Medium,sans-serif; }

/* Bootstrap Icons 1.13.2: subconjunto SVG local, sin framework o scripts externos. */
.bi-icon { display: inline-block; width: 1em; height: 1em; flex-shrink: 0; fill: currentColor; vertical-align: -.125em; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.ui-preview .hero-arrow { display: flex; align-items: center; justify-content: center; width: 44px; height: 56px; font-size: 34px; }
.ui-preview .gallery-arrow, .ui-preview .expand-photo, .ui-preview .carousel-pause, .ui-preview .back-to-top { display: flex; align-items: center; justify-content: center; }
.ui-preview .gallery-arrow { font-size: 20px; }
.ui-preview .expand-photo { font-size: 17px; }
.ui-preview .carousel-pause { font-size: 16px; }
.ui-preview .back-to-top { font-size: 19px; }
.ui-preview .dialog-arrow { font-size: 28px; padding: 6px; }
.ui-preview .close-photo { font-size: 24px; padding: 8px; }
.ui-preview .mobile-toggle { display: flex; align-items: center; justify-content: center; height: 36px; font-size: 28px; color: #888; }
.ui-preview .offer-form .controls:focus,
.ui-preview .offer-form .controls:focus-visible { outline: none; border-color: #9fc8f5; box-shadow: 0 0 0 3px #90bde740; }
.ui-preview .offer-form > button:focus-visible { outline: 2px solid #9fc8f5; }
.ui-preview .catalog-search { width: 100%; max-width: 680px; margin: 2px 0 12px; }
.ui-preview .catalog-search-control { display: flex; align-items: center; gap: 12px; min-height: 48px; padding: 0 12px 0 16px; border: 1px solid #d9dee4; border-radius: 12px; background: #fff; color: #78838e; transition: border-color .2s, box-shadow .2s; }
.ui-preview .catalog-search-control:focus-within { border-color: #5a8fc7; box-shadow: 0 0 0 3px #5a8fc71f; }
.ui-preview .catalog-search-control > .bi-icon { font-size: 19px; }
.ui-preview .catalog-search input { min-width: 0; flex: 1; border: 0; padding: 12px 0; background: transparent; color: #333; font: 400 15px/1.5 Poppins-Regular,sans-serif; }
.ui-preview .catalog-search input:focus-visible { outline: none; }
.ui-preview .catalog-search input::-webkit-search-cancel-button { appearance: none; }
.ui-preview .catalog-search button { display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 8px; font-size: 14px; color: #677380; }
.ui-preview .catalog-search button:hover { background: #f0f3f6; }
.ui-preview .vehicle-gallery { flex-direction: column; gap: 14px; }
.ui-preview .gallery-stage[data-enhanced] { width: 100%; }
.ui-preview .gallery-thumbnails-bar { display: flex; align-items: center; gap: 8px; width: 100%; min-width: 0; padding: 8px; border: 1px solid #e6e8eb; border-radius: 12px; background: #fff; }
.ui-preview .gallery-thumbnails { position: relative; display: flex; flex: 1; gap: 8px; width: auto; min-width: 0; padding: 3px; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x proximity; scrollbar-width: thin; }
.ui-preview .gallery-thumbnails button { flex: 0 0 80px; width: 80px; height: 64px; margin: 0; padding: 3px; border: 2px solid transparent; border-radius: 8px; background: #f8f9fa; scroll-snap-align: start; }
.ui-preview .gallery-thumbnails button::after { display: none; }
.ui-preview .gallery-thumbnails button[aria-pressed="true"] { border-color: #5086c3; background: #f0f6fc; }
.ui-preview .gallery-thumbnails img { display: block; width: 100%; height: 100%; aspect-ratio: auto; object-fit: contain; border-radius: 4px; }
.ui-preview .thumbnail-scroll { display: flex; flex: 0 0 30px; align-items: center; justify-content: center; width: 30px; height: 40px; border-radius: 8px; color: #5c6874; font-size: 18px; }
.ui-preview .thumbnail-scroll:hover:not(:disabled) { background: #edf3f9; color: #436fb1; }
.ui-preview .thumbnail-scroll:disabled { opacity: .3; cursor: default; }
@media (max-width: 575px) {
  .ui-preview .catalog-search input { font-size: 13px; }
  .ui-preview .gallery-thumbnails-bar { gap: 4px; padding: 6px; }
  .ui-preview .thumbnail-scroll { flex-basis: 26px; width: 26px; }
}

/* Resumen uniforme, tira ajustada al contenido y centrado de iconos. */
.ui-preview .gallery-thumbnails-bar { width: max-content; max-width: 100%; align-self: center; }
.ui-preview .gallery-thumbnails { flex: 0 1 auto; }
.ui-preview .bi-icon { display: block; vertical-align: middle; margin: 0; }
.ui-preview :is(.hero-arrow, .gallery-arrow, .expand-photo, .carousel-pause, .back-to-top, .thumbnail-scroll, .close-photo, .dialog-arrow, .mobile-toggle, [data-clear-search]) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  line-height: 1;
}
.ui-preview .close-photo, .ui-preview .dialog-arrow { width: 44px; height: 44px; }
.ui-preview .dialog-arrow { top: 50%; transform: translateY(-50%); }

/* Confirmación de oferta, emitida únicamente tras completar el registro. */
.offer-toast { position: fixed; left: 50%; bottom: max(24px, env(safe-area-inset-bottom)); z-index: 1200; display: flex; align-items: center; gap: 12px; width: max-content; max-width: calc(100% - 32px); padding: 12px 12px 12px 20px; border: 1px solid #ffffff26; border-left: 4px solid #65bd8a; border-radius: 12px; background: #222; color: #fff; box-shadow: 0 8px 30px #0003; transform: translateX(-50%); animation: offer-toast-in .28s ease-out both; }
.offer-toast[hidden] { display: none; }
.offer-toast p { min-width: 0; margin: 0; color: #fff; font: 400 14px/1.5 Poppins-Regular, sans-serif; }
.offer-toast button { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 40px; width: 40px; height: 40px; padding: 0; border-radius: 8px; color: inherit; line-height: 1; }
.offer-toast button:hover { background: #ffffff1f; }
.offer-toast .bi-icon { display: block; width: 18px; height: 18px; margin: 0; }
@keyframes offer-toast-in { from { opacity: 0; transform: translate(-50%, 12px); } to { opacity: 1; transform: translate(-50%, 0); } }

/* Respaldo compartido por ambos ambientes; la imagen completa nunca se recorta. */
img[data-vehicle-image][data-image-failed] { visibility: hidden; }
.product-picture > img[data-image-fallback="true"] { object-fit: contain; background: #fff; }
.product-picture:hover > img[data-image-fallback="true"] { transform: none; }