/* OneDealer Finance Flex reference V0.7.7: restrained premium fidelity */
:root{--od-ff-blue:#1377cb;--od-ff-navy:#112f4a}
body{background:#f5f7f9!important}.header{height:55px!important}
.ff-hero{min-height:285px!important;padding-top:34px!important;padding-bottom:30px!important;background-image:linear-gradient(90deg,rgba(236,243,248,.97) 0%,rgba(236,243,248,.9) 24%,rgba(236,243,248,.58) 43%,rgba(233,240,247,.05) 74%,rgba(9,25,40,.2) 100%),url("/assets/hero-three-brands.webp")!important}
.ff-hero h1{font-weight:760}.ff-hero-benefits span:before{display:none}
.ff-hero-benefits span{font-size:10px;padding-left:13px;position:relative}.ff-hero-benefits span:after{content:"";position:absolute;left:0;top:4px;width:6px;height:6px;border:1px solid #3a78a6;border-radius:50%}
.shell>.tabs{margin-top:8px;margin-bottom:10px}.shell>.tabs button{font-size:10px;padding:7px 11px}
#panel-sim .ff-explore-layout{grid-template-columns:minmax(315px,31fr) minmax(0,69fr);gap:21px}
#panel-sim .ff-builder{background:linear-gradient(145deg,#f8fbfd,#fff 65%);border-color:#dce5ec}
#panel-sim .ff-results{position:relative;overflow:hidden;padding:19px 19px 20px;background:linear-gradient(110deg,#0b1d31,#193a56);border-color:#28445c;box-shadow:0 5px 16px rgba(9,34,58,.10)}
#panel-sim .ff-result-hero .ff-metric,#panel-sim .ff-result-hero .ff-metric:first-child{position:relative;padding:10px 9px 10px 43px}
#panel-sim .ff-metric-icon{display:grid;place-items:center;position:absolute;top:9px;left:6px;width:28px;height:28px;border:1px solid #7699b37a;border-radius:9px;color:#c1dbef}
#panel-sim .ff-metric-icon svg{width:17px;height:17px}
#panel-sim .ff-metric-cap .ff-metric-icon{color:#e1bf8c}
#panel-sim .ff-result-hero .ff-metric strong{font-size:clamp(15px,1.5vw,23px)}
#panel-sim .ff-discover{padding:17px 18px}
#panel-sim .ff-discover .section-head{margin-bottom:12px}
#panel-sim .ff-catalog-tools{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin:4px 0 14px}
#panel-sim .ff-categories{display:flex;align-items:center;flex-wrap:wrap;gap:7px}
#panel-sim .ff-cat{display:inline-flex;align-items:center;gap:4px;padding:7px 12px;border:1px solid #d8e4ed;border-radius:999px;background:#f8fafc;color:#214463;font:600 10px Inter;cursor:pointer}
#panel-sim .ff-cat.active{background:#113752;color:#fff;border-color:#113752}
#panel-sim .ff-cat svg{width:13px;height:13px}
#panel-sim .ff-catalog-sort{display:flex;align-items:center;gap:9px}
#panel-sim .ff-catalog-sort label{display:flex;align-items:center;gap:7px;font-size:10px;color:#678094}
#panel-sim .ff-catalog-sort select{min-height:30px;padding:6px 9px;font:650 10px Inter;background:#fff;border:1px solid #dce5ed;border-radius:8px;color:#2e526f}
#panel-sim .ff-view-toggles{display:flex;gap:3px;background:#f5f8fb;border:1px solid #e2eaf1;border-radius:8px;padding:3px}
#panel-sim .ff-view-toggles button{width:27px;height:24px;background:transparent;border:0;color:#68819a;cursor:pointer;border-radius:5px}
#panel-sim .ff-view-toggles button[aria-pressed=true]{background:#e5f1fc;color:#136ab2}
#panel-sim .ff-discover-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#panel-sim .ff-auto-card{border:1px solid #dfe6ec;border-radius:12px;box-shadow:0 3px 11px rgba(23,54,80,.04)}
#panel-sim .ff-photo-wrap{position:relative;min-height:157px;background:#ebf1f5}
#panel-sim .ff-photo-wrap>img{height:157px;width:100%;object-fit:cover;display:block}
#panel-sim .ff-photo-wrap>.ff-photo-empty{height:157px;display:grid;place-items:center;color:#748b9c;background:#eaf0f4;font-size:11px}
#panel-sim .ff-photo-wrap.ff-image-missing:after{content:"Fotografia por confirmar";position:absolute;inset:0;display:grid;place-items:center;color:#657b8c;background:#eaf0f4;font-size:11px}
#panel-sim .ff-new-tag,#panel-sim .ff-used-tag{position:absolute;top:9px;left:9px;z-index:2;border-radius:6px;background:#187bd2;color:#fff;padding:5px 8px;font:700 10px Inter}
#panel-sim .ff-used-tag{background:#596d7e}
#panel-sim .ff-fav{position:absolute;top:7px;right:7px;z-index:2;display:grid;place-items:center;width:30px;height:30px;color:#fff;background:#102a40a8;border:1px solid #ffffff69;border-radius:50%;cursor:pointer}
#panel-sim .ff-fav svg{width:15px;height:15px}#panel-sim .ff-fav.selected{color:#e34465;background:#fff}
#panel-sim .ff-fav.selected svg{fill:currentColor}
#panel-sim .ff-auto-info{padding:11px 12px 13px}
#panel-sim .ff-brand{text-transform:uppercase;letter-spacing:.1em;font-size:9px;color:#6c8298}
#panel-sim .ff-auto-info h3{font-size:17px;margin:5px 0 4px}
#panel-sim .ff-version{font-size:10px;margin:0 0 9px;color:#6c8297;min-height:15px}
#panel-sim .ff-price-line{margin:8px 0 12px;align-items:baseline;flex-wrap:wrap}
#panel-sim .ff-price-line strong{font:750 16px Montserrat;color:#173f63}
#panel-sim .ff-price-line strong small{font:500 10px Inter;color:#638098}
#panel-sim .ff-quick-specs{display:flex;gap:11px;align-items:center;border-top:1px solid #e8eef2;padding:10px 0 3px;min-height:34px}
#panel-sim .ff-quick-specs span{display:flex;gap:4px;align-items:center;min-width:0;color:#31536e}
#panel-sim .ff-quick-specs svg{width:14px;height:14px;flex:none}
#panel-sim .ff-quick-specs b{font:550 9px Inter;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:87px}
#panel-sim .ff-spec-pending{font-size:9px;color:#8095a6;border-top:1px solid #e9eef2;padding-top:9px;min-height:34px}
#panel-sim .ff-auto-actions{grid-template-columns:1fr 1fr;gap:8px}
#panel-sim .ff-auto-actions a,#panel-sim .ff-auto-actions button{display:flex;align-items:center;justify-content:center;gap:6px;font:650 10px Inter;text-decoration:none;min-height:36px;border-radius:8px}
#panel-sim .ff-detail-cta{color:#fff;background:#103b5d;border:1px solid #103b5d}
#panel-sim .ff-compare-cta{color:#225070;background:#fff;border:1px solid #d5e1ea}
#panel-sim .ff-auto-actions svg{width:15px;height:15px}
#panel-sim .ff-near-note{padding-top:8px;color:#916938;font-size:9px}
#panel-sim .ff-as-list{grid-template-columns:1fr}
#panel-sim .ff-as-list .ff-auto-card{display:grid;grid-template-columns:215px minmax(0,1fr)}
#panel-sim .ff-as-list .ff-photo-wrap,#panel-sim .ff-as-list .ff-photo-wrap>img{height:100%;min-height:190px}
#panel-sim .ff-as-list .ff-auto-actions{max-width:320px}
#panel-sim .ff-empty{grid-column:1/-1}
@media(max-width:1400px){#panel-sim .ff-discover-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1120px){#panel-sim .ff-result-hero{grid-template-columns:repeat(2,minmax(0,1fr))}#panel-sim .ff-result-hero .ff-metric:nth-child(3){border-left:0;border-top:1px solid #ffffff29}#panel-sim .ff-result-hero .ff-metric:nth-child(4){border-top:1px solid #ffffff29}}
@media(max-width:950px){#panel-sim .ff-explore-layout{grid-template-columns:1fr}#panel-sim .ff-discover-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){#panel-sim .ff-catalog-tools{align-items:flex-start;flex-direction:column}#panel-sim .ff-discover-grid{grid-template-columns:1fr}#panel-sim .ff-as-list .ff-auto-card{display:flex;flex-direction:column}#panel-sim .ff-as-list .ff-photo-wrap,#panel-sim .ff-as-list .ff-photo-wrap>img{min-height:170px;height:170px}}
@media(prefers-reduced-motion:reduce){#panel-sim .ff-auto-card{transition:none}}
