/* Primera propuesta visual; retirar este stylesheet restaura los estilos previos. */
body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif; font-weight:400; color:#22252a; background:#f5f6f8; }
#motos-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(270px,1fr)); gap:24px; padding:12px 18px 32px; max-width:1700px; margin:auto; }
#motos-grid .card { min-width:0; border:1px solid #e4e6eb; border-radius:18px; box-shadow:0 3px 12px #18202c06; transition:transform .2s,box-shadow .2s,border-color .2s; cursor:pointer; }
#motos-grid .card:hover { transform:translateY(-4px); border-color:#c9cdd4; box-shadow:0 12px 30px #18202c12; }
#motos-grid .card .moto-imagen-tags > img { width:100%; height:230px; object-fit:contain; padding:24px 18px 8px; }
#motos-grid .card-body { padding:20px; gap:10px; justify-content:flex-start; }
#motos-grid .card-body h3 { display:flex; flex-direction:column; align-items:flex-start; gap:10px; margin:0; text-align:left; min-height:90px; }
#motos-grid .card-body h3 img { width:auto; max-width:95px; height:24px!important; object-fit:contain; }
#motos-grid .card-body h3 div { font-size:18px!important; line-height:1.3; letter-spacing:-.35px; }
#motos-grid .card-body h3 b { font-weight:650; }
#motos-grid .card-body .precio { color:#252831; font-size:17px; margin:0; min-height:52px; justify-content:flex-start; align-content:center; gap:5px 10px; }
#motos-grid .precio strong { color:#191d24; font-size:25px; font-weight:750; letter-spacing:-.8px; }
#motos-grid .precio s { color:#717784; font-size:14px; opacity:1; }
#motos-grid .condiciones-web-2 { color:#626975; border:0; padding:0; font-size:10px; text-decoration:underline; text-underline-offset:3px; }
#motos-grid .card-body .text-success { color:#24704c!important; font-size:12px; font-weight:600; letter-spacing:.3px; }
#motos-grid .card-body .text-success::before { content:""; display:inline-block; width:6px; height:6px; background:#34885f; border-radius:50%; margin-right:7px; vertical-align:middle; }
#motos-grid .ficha-tecnica { margin-top:auto; padding:14px 0 4px; border-top:1px solid #edf0f3; color:#606774; font-size:12px; gap:8px; }
#motos-grid .ficha-tecnica div { border:0; line-height:1.5; }
#motos-grid .card .sticker-oferta { top:14px; left:14px; width:auto; height:auto; padding:6px 10px; transform:none; background:#fff0f0; color:#bb2434; font-size:10px; font-weight:750; letter-spacing:.8px; border-radius:7px; line-height:1.4; box-shadow:none; }
#motos-grid .card .sticker-descuento { top:14px; right:14px; left:auto; background:#bb2434; color:white; font-size:11px; padding:5px 9px; border-radius:7px; }
#motos-grid .ver-moto { width:100%; border:1px solid #dddfe5; background:#fff; color:#292e36; border-radius:10px; padding:11px 14px; font-size:13px; font-weight:650; text-align:left; display:flex; justify-content:space-between; align-items:center; transition:background .2s,color .2s; }
#motos-grid .card:hover .ver-moto { background:#252a32; color:white; border-color:#252a32; }
#motos-grid .ver-moto:focus-visible { outline:3px solid #b52a3b; outline-offset:3px; }
#filtros { background:#fff; border-right:1px solid #e5e7ec; padding:24px 18px; }
#filtros h3 { font-size:11px; font-weight:700; letter-spacing:.8px; color:#575f6b; border-bottom:1px solid #e9ebef; padding-bottom:10px; margin-top:24px; }
#filtros label { color:#424956; font-size:12px; line-height:1.6; }
#filtros input[type=text] { border:1px solid #dfe2e8; border-radius:7px; padding:8px; font-size:12px; }
#filtros button { border:1px solid #e1e4e9; border-radius:7px; font-size:11px; background:#f7f8fa; }
#inputBusquedaMini { border:1px solid #dfe2e8; border-radius:8px; font-family:inherit; font-size:13px; }
#modalMoto { font-weight:400; }
@media(min-width:1800px) { #motos-grid { grid-template-columns:repeat(5,minmax(0,1fr)); } }
@media(max-width:767px) { #motos-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; padding:8px 0 24px; } #motos-grid .card { border-radius:12px; } #motos-grid .card .moto-imagen-tags > img { height:155px; padding:30px 8px 0; } #motos-grid .card-body { padding:12px; gap:8px; } #motos-grid .card-body h3 { min-height:92px; gap:8px; } #motos-grid .card-body h3 div { font-size:14px!important; } #motos-grid .precio strong { font-size:19px; } #motos-grid .precio s { font-size:12px; } #motos-grid .ficha-tecnica { flex-wrap:wrap; font-size:10px; gap:4px; } #motos-grid .ver-moto { font-size:12px; padding:10px; } #motos-grid .card .sticker-oferta { left:8px;top:8px; font-size:8px; } #motos-grid .card .sticker-descuento { right:8px;top:8px; font-size:9px; } }
@media(prefers-reduced-motion:reduce) { #motos-grid .card,#motos-grid .ver-moto { transition:none; } #motos-grid .card:hover { transform:none; } }
/* La configuración de empresa aplica una fuente inline; esta propuesta la sustituye. */
body { font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important; }
#motos-grid { min-width:0; width:100%; flex:1 1 0; }
@media(max-width:767px) { .step-1 > .contenido { margin:4px!important; } #step-container { min-width:0; } .steps { margin-left:0; } }

/* Etiquetas pequeñas debajo de la imagen, sin superponerse a la moto. */
.moto-imagen-tags { position:relative; width:100%; }
.moto-imagen-tags > img { display:block; margin:auto; }
.moto-imagen-tags .moto-tags-fila { position:static; display:flex; flex-direction:row; flex-wrap:wrap; align-items:center; justify-content:center; gap:4px; padding:2px 10px 0; margin:0; width:100%; }
.moto-imagen-tags .moto-tag { position:static; display:inline-block; flex:0 0 auto; width:auto; max-width:100%; height:auto; margin:0; padding:6px 8px; border-radius:7px; font-size:10px; font-weight:750; line-height:1.4; letter-spacing:.3px; white-space:nowrap; background:#f3f4f5; color:#34383d; background:color-mix(in srgb, var(--tag-color, #6b7280) 12%, white); color:color-mix(in srgb, var(--tag-color, #6b7280) 45%, black); box-shadow:none; }
@media(max-width:767px) { .moto-imagen-tags .moto-tags-fila { padding:2px 5px 0; gap:3px; } .moto-imagen-tags .moto-tag { font-size:9px; padding:5px 6px; } }