:root{--stoq-blue:#1473ff;--stoq-ink:#101722;--stoq-muted:#687386;--stoq-line:#e4e9f0;--stoq-soft:#f5f7fa;--stoq-green:#20b85a}.stoq-catalog,.stoq-single{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--stoq-ink);box-sizing:border-box}.stoq-catalog *,.stoq-single *{box-sizing:border-box}.stoq-catalog{background:#f8fafc;margin:0 auto;overflow:hidden}.stoq-discovery{min-height:410px;position:relative;background:linear-gradient(90deg,rgba(241,246,250,.98) 0%,rgba(235,243,248,.90) 42%,rgba(225,237,245,.45) 68%,rgba(226,236,243,.75) 100%);display:flex;align-items:center}.stoq-discovery:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 45%,rgba(20,115,255,.10),transparent 30%),linear-gradient(180deg,transparent 60%,rgba(255,255,255,.1));pointer-events:none}.stoq-hero-inner{width:min(1320px,calc(100% - 64px));margin:auto;position:relative;z-index:1}.stoq-discovery-copy{max-width:650px}.stoq-kicker{font-size:14px;font-weight:700;letter-spacing:.24em;color:#68778a}.stoq-discovery h2{font-size:clamp(42px,4.5vw,68px);line-height:1.02;letter-spacing:-.045em;margin:18px 0 10px;font-weight:800}.stoq-discovery h2 span{color:var(--stoq-blue)}.stoq-discovery p{font-size:20px;line-height:1.35;color:#596679;margin:0}.stoq-match-wrap{width:min(1360px,calc(100% - 48px));margin:-78px auto 0;position:relative;z-index:3}.stoq-match{background:#fff;border:1px solid rgba(218,225,234,.9);border-radius:28px;padding:24px 30px 20px;box-shadow:0 18px 55px rgba(26,44,68,.10)}.stoq-match-title{display:flex;gap:14px;align-items:flex-start;margin-bottom:16px}.stoq-spark{color:var(--stoq-blue);font-size:28px;line-height:1}.stoq-match-title strong{font-size:20px}.stoq-ai-pill{font-size:11px;color:var(--stoq-blue);background:#edf4ff;border-radius:999px;padding:5px 9px;margin-left:8px}.stoq-match-title small{display:block;font-size:14px;font-weight:400;color:var(--stoq-muted);margin-top:3px}.stoq-searchbox{display:grid;grid-template-columns:34px 1fr 160px;align-items:center;border:1px solid #d9e0e9;border-radius:12px;padding:6px 7px 6px 14px;background:#fff}.stoq-search-icon{font-size:26px;color:#1c2938}.stoq-searchbox input{border:0!important;box-shadow:none!important;outline:0;background:transparent!important;height:48px;font-size:15px;padding:0 10px;width:100%}.stoq-search-button,.stoq-apply{height:48px;border:0;border-radius:10px;background:var(--stoq-blue);color:#fff;font-size:12px;font-weight:800;letter-spacing:.04em;cursor:pointer}.stoq-search-button span{font-size:18px;margin-left:10px}.stoq-primary-filters{display:grid;grid-template-columns:repeat(4,1fr) 190px;gap:14px;border-top:1px solid var(--stoq-line);padding-top:14px;margin-top:14px}.stoq-primary-filters label{border:1px solid var(--stoq-line);border-radius:12px;padding:9px 14px;min-width:0;position:relative}.stoq-primary-filters label>span{display:block;font-size:12px;font-weight:700;margin-bottom:2px}.stoq-filter-select{width:100%;border:0!important;background:#fff!important;color:#5f6c7d;font-size:13px;padding:0!important;min-height:22px;outline:0;box-shadow:none!important}.stoq-more-filters{border:0;border-radius:12px;background:#f1f5fa;color:#155fbf;font-weight:700;cursor:pointer}.stoq-more-filters span{color:var(--stoq-blue);margin-right:7px}.stoq-quick-row{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:14px}.stoq-quick-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.stoq-quick-filters>span{font-size:12px;color:#536173;margin-right:5px}.stoq-quick-filters button{border:1px solid #dbe2eb;background:#fff;color:#596678;border-radius:999px;padding:8px 15px;font-size:12px;cursor:pointer}.stoq-quick-filters button:hover,.stoq-quick-filters button.active{border-color:var(--stoq-blue);color:var(--stoq-blue);background:#f2f7ff}.stoq-clear-inline{border:0!important;background:transparent!important;color:#647184!important;font-size:12px;white-space:nowrap;cursor:pointer}.stoq-inventory-bar{width:min(1360px,calc(100% - 48px));margin:34px auto 12px;display:flex;justify-content:flex-end;align-items:center;min-height:42px}.stoq-view-tools{display:flex;align-items:center;gap:9px;font-size:12px}.stoq-sort{height:40px;border:1px solid var(--stoq-line);border-radius:9px;background:#fff;padding:0 34px 0 12px;color:#283343}.stoq-view{width:40px;height:40px;border:0;border-radius:9px;background:#eef3f9;color:#647184;cursor:pointer;font-size:18px}.stoq-view.active{background:#e8f1ff;color:var(--stoq-blue)}.stoq-results{width:min(1360px,calc(100% - 48px));margin:0 auto;padding-bottom:70px}.stoq-results-head{font-size:27px;font-weight:800;letter-spacing:-.025em;margin:-50px 0 22px;pointer-events:none}.stoq-results-head strong{font-size:34px}.stoq-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.stoq-card{background:#fff;border:1px solid #e6ebf1;border-radius:13px;overflow:hidden;box-shadow:0 5px 18px rgba(25,43,67,.045);transition:.22s ease}.stoq-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(25,43,67,.10)}.stoq-image-wrap{position:relative}.stoq-image{display:block;aspect-ratio:1.55;background:#edf1f5;overflow:hidden}.stoq-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.stoq-card:hover .stoq-image img{transform:scale(1.025)}.stoq-no-image{height:100%;display:grid;place-items:center;color:#98a2af}.stoq-card-badge,.stoq-status{position:absolute;top:10px;border-radius:999px;padding:6px 11px;font-size:10px;font-weight:800;color:#fff}.stoq-card-badge{left:10px;background:#303b48}.stoq-status{left:10px;background:var(--stoq-green)}.stoq-card-badge+.stoq-status{left:auto;right:48px}.stoq-favorite{position:absolute;right:10px;top:9px;width:34px;height:34px;border-radius:50%;border:0;background:#fff;color:#202a35;font-size:23px;line-height:1;cursor:pointer;box-shadow:0 2px 7px rgba(0,0,0,.08)}.stoq-favorite.active{color:#e94d62}.stoq-card-body{padding:13px 15px 16px}.stoq-card-title-row{display:flex;justify-content:space-between;gap:10px;align-items:center}.stoq-card h3{font-size:16px;margin:0 0 2px;line-height:1.2}.stoq-card h3 a{text-decoration:none;color:var(--stoq-ink)}.stoq-card-year{font-size:12px;color:#6f7b8b}.stoq-round-link{flex:0 0 auto;width:38px;height:38px;border-radius:50%;border:1px solid #dfe5ed;display:grid;place-items:center;text-decoration:none;color:#1d2936;font-size:25px;background:#fafbfd}.stoq-price{font-size:21px;font-weight:800;margin:10px 0 12px}.stoq-price small{font-size:10px;font-weight:500}.stoq-spec-line{display:flex;align-items:center;gap:0;color:#667386;font-size:10px;white-space:nowrap}.stoq-spec-line span{padding:0 10px;border-right:1px solid #e3e8ef}.stoq-spec-line span:first-child{padding-left:0}.stoq-spec-line span:last-child{border:0}.stoq-grid.stoq-list{grid-template-columns:1fr}.stoq-grid.stoq-list .stoq-card{display:grid;grid-template-columns:300px 1fr}.stoq-grid.stoq-list .stoq-image{height:190px;aspect-ratio:auto}.stoq-empty{background:#fff;border:1px solid var(--stoq-line);border-radius:16px;padding:55px;text-align:center;display:grid;gap:8px}.stoq-empty span{color:var(--stoq-muted)}.stoq-catalog.is-loading .stoq-results{opacity:.45;pointer-events:none}.stoq-filter-drawer{position:fixed;inset:0;z-index:99999;visibility:hidden}.stoq-filter-drawer.open{visibility:visible}.stoq-filter-backdrop{position:absolute;inset:0;background:rgba(8,15,24,.45);opacity:0;transition:.2s}.stoq-filter-drawer.open .stoq-filter-backdrop{opacity:1}.stoq-filter-panel{position:absolute;right:0;top:0;bottom:0;width:min(430px,92vw);background:#fff;padding:32px;transform:translateX(100%);transition:.25s;display:flex;flex-direction:column}.stoq-filter-drawer.open .stoq-filter-panel{transform:none}.stoq-filter-head{display:flex;justify-content:space-between;align-items:start}.stoq-filter-head span{font-size:10px;letter-spacing:.12em;color:var(--stoq-muted)}.stoq-filter-head h3{font-size:28px;margin:5px 0 25px}.stoq-filter-close{border:0;background:var(--stoq-soft);width:40px;height:40px;border-radius:50%;font-size:24px;cursor:pointer}.stoq-filter-fields{display:grid;gap:12px}.stoq-filter-fields select{width:100%;height:50px;border:1px solid var(--stoq-line);border-radius:12px;background:#fff;padding:0 12px}.stoq-filter-actions{margin-top:auto;display:flex;gap:10px}.stoq-filter-actions .stoq-clear{flex:1;border:1px solid var(--stoq-line);background:#fff;border-radius:12px}.stoq-filter-actions .stoq-apply{flex:2}.stoq-no-scroll{overflow:hidden} /* Single */.stoq-single{max-width:1240px;margin:auto;padding:45px 24px 80px}.stoq-back{text-decoration:none;color:#60636a;font-size:13px}.stoq-single-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin:28px 0}.stoq-single h1{font-size:clamp(34px,4.8vw,62px);line-height:1;letter-spacing:-.045em;margin:8px 0}.stoq-single-head p{color:var(--stoq-muted)}.stoq-photo-viewer{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:10px}.stoq-hero-media{position:relative;border:0;padding:0;border-radius:22px;overflow:hidden;background:var(--stoq-soft);cursor:pointer;min-height:520px}.stoq-hero-media>img{width:100%;height:100%;max-height:720px;object-fit:cover;display:block}.stoq-photo-hint{position:absolute;right:18px;bottom:18px;background:rgba(255,255,255,.94);padding:10px 13px;border-radius:999px;font-size:12px;font-weight:700}.stoq-gallery{display:grid;grid-auto-rows:1fr;gap:8px;max-height:720px;overflow:auto}.stoq-gallery-thumb{border:0;padding:0;border-radius:12px;overflow:hidden;background:#eee;cursor:pointer}.stoq-gallery-thumb img{width:100%;height:100%;min-height:95px;object-fit:cover;display:block}.stoq-content{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(290px,.7fr);gap:60px;margin-top:50px}.stoq-content>div{font-size:16px;line-height:1.75}.stoq-content aside{border:1px solid var(--stoq-line);border-radius:18px;padding:22px;height:max-content;position:sticky;top:80px}.stoq-content aside h3{margin-top:0}.stoq-content aside>div{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid var(--stoq-line);font-size:13px}.stoq-media-links{display:flex;gap:8px;margin:18px 0}.stoq-media-links a{display:inline-block;text-decoration:none;background:var(--stoq-ink);color:#fff!important;padding:11px 16px;border-radius:10px}.stoq-lightbox{position:fixed;inset:0;background:rgba(7,8,10,.94);z-index:100000;display:none;align-items:center;justify-content:center;padding:40px 75px}.stoq-lightbox.open{display:flex}.stoq-lb-stage{width:min(1100px,100%);height:88vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.stoq-lb-stage>img{max-width:100%;max-height:calc(88vh - 120px);object-fit:contain}.stoq-lb-count{color:#fff;font-size:12px;margin:10px}.stoq-lb-thumbs{display:flex;gap:6px;max-width:100%;overflow:auto}.stoq-lb-thumbs button{border:2px solid transparent;padding:0;background:none;opacity:.55}.stoq-lb-thumbs button.active{border-color:#fff;opacity:1}.stoq-lb-thumbs img{width:64px;height:48px;object-fit:cover;display:block}.stoq-lb-close,.stoq-lb-prev,.stoq-lb-next{position:absolute;border:0;background:rgba(255,255,255,.12);color:#fff;border-radius:50%;cursor:pointer}.stoq-lb-close{right:24px;top:24px;width:44px;height:44px;font-size:25px}.stoq-lb-prev,.stoq-lb-next{top:50%;width:50px;height:50px;font-size:34px}.stoq-lb-prev{left:18px}.stoq-lb-next{right:18px} @media(max-width:1100px){.stoq-grid{grid-template-columns:repeat(2,1fr)}.stoq-primary-filters{grid-template-columns:repeat(2,1fr) 160px}.stoq-primary-filters label:nth-child(4){display:none}.stoq-discovery{min-height:360px}.stoq-results-head{margin:-48px 0 22px}.stoq-photo-viewer{grid-template-columns:1fr}.stoq-gallery{grid-template-columns:repeat(5,1fr);grid-auto-rows:auto;max-height:none}} @media(max-width:700px){.stoq-discovery{min-height:350px;align-items:flex-start;padding-top:45px}.stoq-hero-inner,.stoq-match-wrap,.stoq-inventory-bar,.stoq-results{width:calc(100% - 28px)}.stoq-discovery h2{font-size:39px}.stoq-discovery p{font-size:16px}.stoq-match-wrap{margin:-52px auto 0}.stoq-match{border-radius:20px;padding:18px 14px}.stoq-ai-pill{display:none}.stoq-searchbox{grid-template-columns:30px 1fr}.stoq-search-button{grid-column:1/-1;width:100%;margin-top:6px}.stoq-primary-filters{grid-template-columns:1fr 1fr}.stoq-primary-filters label:nth-child(n+3){display:none}.stoq-more-filters{min-height:54px}.stoq-quick-row{align-items:flex-start}.stoq-clear-inline{display:none}.stoq-quick-filters>span{width:100%}.stoq-inventory-bar{margin-top:26px;justify-content:space-between}.stoq-view-tools>span,.stoq-view{display:none}.stoq-results-head{font-size:20px;margin:-45px 0 18px}.stoq-results-head strong{font-size:27px}.stoq-grid{grid-template-columns:1fr}.stoq-card{border-radius:14px}.stoq-grid.stoq-list .stoq-card{display:block}.stoq-grid.stoq-list .stoq-image{height:auto;aspect-ratio:1.55}.stoq-spec-line{font-size:11px}.stoq-single{padding:25px 16px 70px}.stoq-single-head{display:block}.stoq-hero-media{min-height:280px}.stoq-gallery{grid-template-columns:repeat(4,1fr)}.stoq-lightbox{padding:55px 12px 25px}.stoq-lb-prev,.stoq-lb-next{top:auto;bottom:18px}} .stoq-discovery{background-size:cover;background-position:center 48%;background-repeat:no-repeat} /* v0.6.1 compact discovery */ .stoq-discovery-copy{max-width:760px}.stoq-discovery h2{max-width:760px}.stoq-match{padding:16px 20px 14px}.stoq-filter-row{display:grid;grid-template-columns:minmax(360px,2.5fr) repeat(4,minmax(115px,1fr)) 145px;gap:10px;align-items:stretch}.stoq-filter-row>label{border:1px solid var(--stoq-line);border-radius:12px;padding:7px 11px;min-width:0;background:#fff}.stoq-filter-row>label>span{display:block;font-size:10px;font-weight:700;margin-bottom:1px}.stoq-filter-row .stoq-searchbox{height:58px;grid-template-columns:30px 1fr 100px}.stoq-filter-row .stoq-searchbox input{height:44px}.stoq-filter-row .stoq-search-button{height:44px}.stoq-filter-row .stoq-more-filters{min-height:58px}.stoq-match .stoq-quick-row{margin-top:10px}.stoq-primary-filters,.stoq-match-title{display:none!important} @media(max-width:1100px){.stoq-filter-row{grid-template-columns:2fr 1fr 1fr}.stoq-filter-row .stoq-searchbox{grid-column:1/-1}.stoq-filter-row .stoq-more-filters{min-height:52px}} @media(max-width:700px){.stoq-filter-row{grid-template-columns:1fr 1fr}.stoq-filter-row .stoq-searchbox{grid-column:1/-1;height:auto;grid-template-columns:30px 1fr}.stoq-filter-row .stoq-search-button{grid-column:1/-1}.stoq-filter-row>label:nth-of-type(n+3){display:none}.stoq-filter-row .stoq-more-filters{min-height:52px}.stoq-match .stoq-quick-row{margin-top:12px}} /* v0.6.6 compact search bar */ .stoq-match{padding:12px 16px 10px} .stoq-filter-row{grid-template-columns:minmax(520px,4fr) minmax(130px,1fr) minmax(130px,1fr) 140px;gap:8px} .stoq-filter-row .stoq-searchbox{height:54px;grid-template-columns:30px 1fr 96px} .stoq-filter-row .stoq-searchbox input,.stoq-filter-row .stoq-search-button{height:40px} .stoq-filter-row .stoq-more-filters{min-height:54px} .stoq-match .stoq-quick-row{margin-top:7px} @media(max-width:1100px){.stoq-filter-row{grid-template-columns:minmax(0,2fr) 1fr 1fr 140px}.stoq-filter-row .stoq-searchbox{grid-column:auto}} @media(max-width:800px){.stoq-filter-row{grid-template-columns:1fr 1fr}.stoq-filter-row .stoq-searchbox{grid-column:1/-1}.stoq-filter-row .stoq-more-filters{min-height:50px}} /* v0.6.7 enter search + navy more filters */ .stoq-filter-row .stoq-searchbox{grid-template-columns:30px minmax(0,1fr)} .stoq-more-filters{border:0!important;border-radius:999px!important;background:#0b1f3a!important;color:#fff!important;font-weight:800!important;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 18px;box-shadow:0 5px 14px rgba(11,31,58,.14);transition:transform .18s ease,box-shadow .18s ease,background .18s ease} .stoq-more-filters span{color:#fff!important;margin:0!important;font-size:20px;font-weight:500;line-height:1} .stoq-more-filters:hover{background:#102b50!important;transform:translateY(-1px);box-shadow:0 7px 18px rgba(11,31,58,.20)} .stoq-more-filters:focus-visible{outline:3px solid rgba(20,115,255,.25);outline-offset:2px} @media(max-width:700px){.stoq-filter-row .stoq-searchbox{grid-template-columns:30px minmax(0,1fr)}.stoq-more-filters{padding:0 16px}} /* v0.6.8 70/30 search and companion card */ .stoq-match-wrap{width:min(1360px,calc(100% - 48px))} .stoq-match-layout{display:grid;grid-template-columns:minmax(0,7fr) minmax(250px,3fr);gap:14px;align-items:stretch} .stoq-match-layout>.stoq-match{min-width:0;height:100%} .stoq-side-card{min-width:0;background:#fff;border:1px solid rgba(218,225,234,.9);border-radius:28px;box-shadow:0 18px 55px rgba(26,44,68,.10);min-height:100%;display:block} .stoq-match-layout .stoq-filter-row{grid-template-columns:minmax(300px,3fr) minmax(105px,1fr) minmax(105px,1fr) 132px} @media(max-width:1100px){.stoq-match-layout{grid-template-columns:1fr}.stoq-side-card{min-height:120px}.stoq-match-layout .stoq-filter-row{grid-template-columns:minmax(0,2fr) 1fr 1fr 132px}} @media(max-width:800px){.stoq-match-layout .stoq-filter-row{grid-template-columns:1fr 1fr}.stoq-match-layout .stoq-filter-row .stoq-searchbox{grid-column:1/-1}.stoq-side-card{min-height:100px;border-radius:20px}} /* v0.6.9 unified navy controls */ :root{--stoq-navy:#0b1f3a;--stoq-navy-hover:#102b50;--stoq-control-radius:12px} .stoq-more-filters, .stoq-filter-close, .stoq-filter-actions .stoq-clear, .stoq-filter-actions .stoq-apply, .stoq-view{ border-radius:var(--stoq-control-radius)!important; background:var(--stoq-navy)!important; color:#fff!important; border:1px solid var(--stoq-navy)!important; font-weight:700; box-shadow:none!important; transition:background .18s ease,border-color .18s ease,transform .18s ease,opacity .18s ease; } .stoq-more-filters:hover, .stoq-filter-close:hover, .stoq-filter-actions .stoq-clear:hover, .stoq-filter-actions .stoq-apply:hover, .stoq-view:hover, .stoq-view.active{ background:var(--stoq-navy-hover)!important; border-color:var(--stoq-navy-hover)!important; color:#fff!important; transform:none!important; } .stoq-more-filters{padding:0 16px!important} .stoq-more-filters span{color:#fff!important} .stoq-filter-close{width:40px;height:40px;font-size:24px;line-height:1;display:grid;place-items:center;padding:0} .stoq-filter-actions .stoq-clear,.stoq-filter-actions .stoq-apply{height:48px;cursor:pointer} .stoq-view{width:40px;height:40px;font-size:18px;cursor:pointer;padding:0} .stoq-view:not(.active){opacity:.78} .stoq-view:focus-visible,.stoq-more-filters:focus-visible,.stoq-filter-close:focus-visible,.stoq-filter-actions button:focus-visible{outline:3px solid rgba(11,31,58,.2);outline-offset:2px} /* v0.7.0 sales advisor card */ .stoq-contact-card{display:flex;align-items:center;gap:18px;padding:20px 22px;overflow:hidden} .stoq-contact-avatar{flex:0 0 104px;width:104px;height:104px;border-radius:50%;overflow:hidden;background:#f2f4f7;border:4px solid #f5f2ff} .stoq-contact-avatar img{width:100%;height:100%;object-fit:cover;display:block} .stoq-contact-info{min-width:0;display:flex;flex-direction:column;align-items:flex-start} .stoq-contact-info>strong{font-size:19px;line-height:1.15;color:var(--stoq-navy,#0b1f3a);margin-bottom:4px} .stoq-contact-role{font-size:13px;color:var(--stoq-muted);margin-bottom:13px} .stoq-contact-links{display:flex;flex-direction:column;gap:8px;min-width:0;width:100%} .stoq-contact-links a{display:flex;align-items:center;gap:9px;min-width:0;color:var(--stoq-navy,#0b1f3a)!important;text-decoration:none;font-size:13px;font-weight:650} .stoq-contact-links a b{width:25px;height:25px;border-radius:8px;display:grid;place-items:center;background:#f1ebff;color:#6f3192;font-size:13px;flex:0 0 25px} .stoq-contact-links a.stoq-contact-whatsapp b{background:#e9f9ef;color:#18a957} .stoq-contact-links a span{overflow-wrap:anywhere} .stoq-contact-links a:hover span{text-decoration:underline} @media(max-width:1100px){.stoq-contact-card{min-height:auto}.stoq-contact-avatar{flex-basis:90px;width:90px;height:90px}.stoq-contact-links{flex-direction:row;flex-wrap:wrap;gap:10px 22px}} @media(max-width:700px){.stoq-contact-card{padding:16px;gap:14px}.stoq-contact-avatar{flex-basis:76px;width:76px;height:76px}.stoq-contact-info>strong{font-size:17px}.stoq-contact-role{margin-bottom:8px}.stoq-contact-links{flex-direction:column;gap:7px}} /* v0.7.1 contact actions */ .stoq-contact-links{gap:7px} .stoq-contact-links a{width:100%;min-height:36px;padding:7px 11px;border:1px solid #e2e6ec;border-radius:12px;background:#fff;transition:background .18s ease,border-color .18s ease,transform .18s ease} .stoq-contact-links a:hover{background:#f7f8fa;border-color:#cfd5dd;transform:translateY(-1px)} .stoq-contact-links a:hover span{text-decoration:none} .stoq-contact-links a b{display:grid;place-items:center} .stoq-contact-links a b svg{display:block} .stoq-contact-links a.stoq-contact-whatsapp b{background:#e9f9ef;color:#18a957} .stoq-contact-links a.stoq-contact-email b{background:#eef2ff;color:var(--stoq-navy,#0b1f3a)} @media(max-width:1100px){.stoq-contact-links{flex-direction:column;flex-wrap:nowrap;gap:7px}} /* v0.7.2 navy contact card + subtle radar pulse */ .stoq-contact-card{ position:relative; isolation:isolate; background:var(--stoq-navy,#0b1f3a)!important; border-color:var(--stoq-navy,#0b1f3a)!important; color:#fff; } .stoq-contact-card::before,.stoq-contact-card::after{ content:""; position:absolute; width:150px;height:150px; left:0;top:50%; border:1px solid rgba(255,255,255,.20); border-radius:50%; transform:translate(-14%,-50%) scale(.72); opacity:0; pointer-events:none; z-index:-1; animation:stoq-contact-radar 3.4s ease-out infinite; } .stoq-contact-card::after{animation-delay:1.7s} @keyframes stoq-contact-radar{ 0%{transform:translate(-14%,-50%) scale(.66);opacity:.48} 68%,100%{transform:translate(-14%,-50%) scale(1.42);opacity:0} } .stoq-contact-avatar{position:relative;z-index:1;background:#fff;border-color:rgba(255,255,255,.9);box-shadow:0 0 0 1px rgba(255,255,255,.16)} .stoq-contact-info{position:relative;z-index:1} .stoq-contact-info>strong{color:#fff} .stoq-contact-role{color:rgba(255,255,255,.72)} .stoq-contact-links a{ color:#fff!important; background:rgba(255,255,255,.08); border-color:rgba(255,255,255,.20); } .stoq-contact-links a:hover{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.34)} .stoq-contact-links a b,.stoq-contact-links a.stoq-contact-whatsapp b,.stoq-contact-links a.stoq-contact-email b{ background:rgba(255,255,255,.13); color:#fff; } @media (prefers-reduced-motion:reduce){.stoq-contact-card::before,.stoq-contact-card::after{animation:none;display:none}} /* v0.7.3 brand logos */ .stoq-hero-brand{display:block;width:min(230px,42vw);max-height:82px;object-fit:contain;object-position:left center;margin:0 0 18px} .stoq-contact-visual{position:relative;z-index:1;flex:0 0 112px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px} .stoq-contact-brand{display:block;width:76px;max-height:32px;object-fit:contain;filter:brightness(0) invert(1);position:relative;z-index:2} .stoq-contact-visual .stoq-contact-avatar{flex:0 0 96px;width:96px;height:96px} @media(max-width:1100px){.stoq-contact-visual{flex-basis:100px}.stoq-contact-brand{width:68px}.stoq-contact-visual .stoq-contact-avatar{width:86px;height:86px;flex-basis:86px}} @media(max-width:700px){.stoq-hero-brand{width:min(190px,55vw);margin-bottom:14px}.stoq-contact-visual{flex-basis:82px;gap:7px}.stoq-contact-brand{width:58px;max-height:26px}.stoq-contact-visual .stoq-contact-avatar{width:72px;height:72px;flex-basis:72px}} /* v0.7.4 hero and contact brand refinements */ .stoq-hero-brand{width:min(310px,50vw);max-height:108px;margin-bottom:18px} .stoq-discovery h2{font-size:clamp(30px,3.65vw,56px)} @media(max-width:700px){.stoq-hero-brand{width:min(245px,68vw);max-height:88px}.stoq-discovery h2{font-size:27px}} /* v0.7.5 hero typography + minimalist contact actions */ @import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@500;600;700&display=swap'); .stoq-hero-brand{width:min(350px,55vw);max-height:122px} .stoq-discovery h2{ font-family:'Plus Jakarta Sans',sans-serif; font-size:clamp(26px,3.25vw,50px); font-weight:600; letter-spacing:-.035em; } .stoq-contact-links{gap:2px} .stoq-contact-links a{ width:auto; min-height:28px; padding:3px 0; border:0!important; border-radius:0; background:transparent!important; box-shadow:none!important; gap:7px; } .stoq-contact-links a:hover{ background:transparent!important; border:0!important; transform:none; opacity:.78; } .stoq-contact-links a b, .stoq-contact-links a.stoq-contact-whatsapp b, .stoq-contact-links a.stoq-contact-email b{ width:22px; height:22px; flex:0 0 22px; border-radius:0; background:transparent!important; } @media(max-width:700px){ .stoq-hero-brand{width:min(275px,74vw);max-height:98px} .stoq-discovery h2{font-size:21px} } /* v0.7.7 inventory controls inside the 70% filter card */ .stoq-catalog-tools-row{ display:flex;align-items:center;justify-content:space-between;gap:16px; border-top:1px solid var(--stoq-line);margin-top:11px;padding-top:11px;min-height:40px } .stoq-catalog-tools-row .stoq-count-placeholder{font-size:13px;color:#596678;white-space:nowrap} .stoq-catalog-tools-row .stoq-count-placeholder strong{font-size:16px;color:var(--stoq-ink);font-weight:800} .stoq-catalog-tools-row .stoq-view-tools{margin-left:auto} .stoq-catalog-tools-row .stoq-sort{height:36px} .stoq-catalog-tools-row .stoq-view{width:36px;height:36px} .stoq-inventory-bar{display:none!important} .stoq-results{margin-top:20px} .stoq-results-head{display:none!important} @media(max-width:700px){ .stoq-catalog-tools-row{gap:9px;flex-wrap:wrap} .stoq-catalog-tools-row .stoq-count-placeholder{flex:1 1 100%;white-space:normal} .stoq-catalog-tools-row .stoq-view-tools{margin-left:0;width:100%;justify-content:flex-end} .stoq-catalog-tools-row .stoq-view{display:inline-flex;align-items:center;justify-content:center} .stoq-catalog-tools-row .stoq-sort{flex:1;min-width:0} } /* v0.7.8 centered view controls, unavailable state and favorites */ .stoq-catalog-tools-row .stoq-view{ display:inline-flex!important; align-items:center!important; justify-content:center!important; text-align:center; line-height:1!important; padding:0!important; font-family:Arial,sans-serif; } .stoq-card-unavailable{background:#dfe3e8;border-color:#cfd5dc;box-shadow:none} .stoq-card-unavailable:hover{transform:none;box-shadow:none} .stoq-card-unavailable .stoq-image{position:relative;background:#232a32} .stoq-card-unavailable .stoq-image img{filter:grayscale(1) brightness(.42);opacity:.82;transform:none!important} .stoq-card-unavailable .stoq-card-body{filter:grayscale(.35);opacity:.68} .stoq-card-unavailable .stoq-round-link{opacity:.55} .stoq-status-unavailable{background:#f28c28!important;color:#fff!important;letter-spacing:.05em} .stoq-favorite{ top:auto!important; bottom:10px!important; right:10px!important; width:36px!important; height:36px!important; display:flex!important; align-items:center!important; justify-content:center!important; padding:0!important; border:0!important; background:rgba(11,31,58,.68)!important; color:#fff!important; font-size:24px!important; line-height:1!important; box-shadow:none!important; backdrop-filter:blur(5px); -webkit-backdrop-filter:blur(5px); } .stoq-favorite.active{color:#e53935!important;background:rgba(11,31,58,.78)!important} .stoq-favorite:hover{background:rgba(11,31,58,.82)!important} /* v0.7.9 advisor speech cloud */ .stoq-contact-avatar-wrap{position:relative;z-index:4;display:flex;align-items:center;justify-content:center} .stoq-contact-avatar-wrap .stoq-contact-avatar{position:relative;z-index:3} .stoq-contact-speech{ position:absolute;z-index:8;left:calc(100% + 13px);top:-16px;width:190px;min-height:58px; display:flex;align-items:center;padding:11px 13px;border-radius:16px;background:#fff;color:#0b1f3a; box-shadow:0 10px 28px rgba(3,18,38,.18);font-size:12px;font-weight:700;line-height:1.35; opacity:0;visibility:hidden;transform:translate(-8px,8px) scale(.96);transform-origin:left bottom; transition:opacity .25s ease,transform .25s ease,visibility .25s ease;pointer-events:none } .stoq-contact-speech::after{content:"";position:absolute;left:-7px;bottom:15px;width:15px;height:15px;background:#fff;transform:rotate(45deg);border-radius:2px} .stoq-contact-speech span{position:relative;z-index:1} .stoq-contact-card.stoq-speaking .stoq-contact-speech{opacity:1;visibility:visible;transform:translate(0,0) scale(1)} .stoq-contact-card.stoq-speaking .stoq-contact-avatar{animation:stoq-advisor-talk .72s ease-in-out infinite alternate} @keyframes stoq-advisor-talk{0%{transform:translateY(0) rotate(-.35deg) scale(1)}100%{transform:translateY(-2px) rotate(.35deg) scale(1.015)}} @media(max-width:1100px){.stoq-contact-speech{width:175px;left:calc(100% + 10px);top:-12px}} @media(max-width:700px){ .stoq-contact-speech{left:50%;top:auto;bottom:calc(100% + 13px);width:min(210px,64vw);transform:translate(-50%,8px) scale(.96);transform-origin:center bottom} .stoq-contact-card.stoq-speaking .stoq-contact-speech{transform:translate(-50%,0) scale(1)} .stoq-contact-speech::after{left:50%;bottom:-7px;transform:translateX(-50%) rotate(45deg)} } @media(prefers-reduced-motion:reduce){.stoq-contact-card.stoq-speaking .stoq-contact-avatar{animation:none}.stoq-contact-speech{transition:none}} /* v0.8.0 managed advisor messages */ .stoq-contact-info{position:relative} .stoq-contact-info .stoq-contact-speech{position:relative;left:auto;top:auto;width:100%;min-height:0;margin:0 0 10px;padding:9px 11px;border-radius:13px;transform:translateY(5px) scale(.98);transform-origin:left bottom;flex:0 0 auto} .stoq-contact-info .stoq-contact-speech::after{left:18px;bottom:-6px;width:13px;height:13px} .stoq-contact-card.stoq-speaking .stoq-contact-info .stoq-contact-speech{transform:translateY(0) scale(1)} .stoq-contact-speech .stoq-speech-link{color:#0b1f3a!important;text-decoration:none;font-weight:750} .stoq-contact-speech .stoq-speech-link:hover{text-decoration:underline} @media(max-width:1100px){.stoq-contact-info .stoq-contact-speech{width:100%;left:auto;top:auto}} @media(max-width:700px){.stoq-contact-info .stoq-contact-speech{left:auto;top:auto;bottom:auto;width:100%;transform:translateY(5px) scale(.98);transform-origin:left bottom}.stoq-contact-card.stoq-speaking .stoq-contact-info .stoq-contact-speech{transform:translateY(0) scale(1)}.stoq-contact-info .stoq-contact-speech::after{left:18px;bottom:-6px;transform:rotate(45deg)}} /* v0.8.6 advisor messages — stable in-flow presentation */ .stoq-contact-info .stoq-contact-speech{ position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important; width:100%!important;box-sizing:border-box;margin:0 0 10px!important;padding:10px 12px!important; min-height:0!important;border-radius:13px;background:#fff;color:#0b1f3a; opacity:0;visibility:hidden;pointer-events:none;transform:translateY(4px) scale(.98)!important; transition:opacity .25s ease,transform .25s ease,visibility .25s ease; } .stoq-contact-card.stoq-speaking .stoq-contact-info .stoq-contact-speech{ opacity:1!important;visibility:visible!important;transform:none!important; } .stoq-contact-info .stoq-contact-speech::after{left:18px!important;right:auto!important;bottom:-6px!important;top:auto!important;transform:rotate(45deg)!important} @media(prefers-reduced-motion:reduce){.stoq-contact-info .stoq-contact-speech{transition:none!important}} /* v0.8.9 advisor messages — floating outside the contact card */ .stoq-contact-card{position:relative;overflow:visible!important} .stoq-contact-info{position:static!important} .stoq-contact-info .stoq-contact-speech{ position:absolute!important; left:auto!important; right:0!important; top:auto!important; bottom:calc(100% + 14px)!important; width:min(300px,calc(100vw - 48px))!important; margin:0!important; padding:12px 14px!important; box-sizing:border-box; border-radius:15px; background:#fff; color:#0b1f3a; box-shadow:0 12px 32px rgba(3,18,38,.18); opacity:0; visibility:hidden; pointer-events:none; transform:translateY(8px) scale(.98)!important; transform-origin:right bottom!important; transition:opacity .25s ease,transform .25s ease,visibility .25s ease; z-index:30; } .stoq-contact-card.stoq-speaking .stoq-contact-info .stoq-contact-speech{ opacity:1!important; visibility:visible!important; transform:translateY(0) scale(1)!important; pointer-events:auto; } .stoq-contact-info .stoq-contact-speech::after{ content:""; position:absolute!important; left:auto!important; right:32px!important; top:auto!important; bottom:-7px!important; width:15px!important; height:15px!important; background:#fff; transform:rotate(45deg)!important; border-radius:2px; } @media(max-width:1100px){ .stoq-contact-info .stoq-contact-speech{right:18px!important;width:min(310px,calc(100vw - 48px))!important} } @media(max-width:700px){ .stoq-contact-info .stoq-contact-speech{ left:50%!important;right:auto!important;bottom:calc(100% + 12px)!important; width:min(320px,calc(100vw - 42px))!important; transform:translate(-50%,8px) scale(.98)!important; transform-origin:center bottom!important; } .stoq-contact-card.stoq-speaking .stoq-contact-info .stoq-contact-speech{transform:translate(-50%,0) scale(1)!important} .stoq-contact-info .stoq-contact-speech::after{left:50%!important;right:auto!important;transform:translateX(-50%) rotate(45deg)!important} } /* v0.9.0 vehicle detail */ .stoq-vehicle-detail{max-width:1180px}.stoq-single-top{display:flex;justify-content:flex-start;align-items:center}.stoq-vehicle-head{margin:28px 0 24px}.stoq-vehicle-brand{font-size:13px;letter-spacing:.13em;font-weight:750;color:#677384}.stoq-vehicle-head h1{font-size:clamp(21px,calc(5vw - 15px),43px);margin:7px 0 8px}.stoq-vehicle-sub{font-size:18px;color:#596473}.stoq-price-status{display:flex;align-items:center;gap:16px;margin-top:15px}.stoq-price-status strong{font-size:31px}.stoq-price-status strong small{font-size:14px}.stoq-price-status span{background:#11a947;color:#fff;font-size:12px;font-weight:800;padding:8px 17px;border-radius:999px}.stoq-price-status span.is-unavailable{background:#f28c28}.stoq-detail-gallery{display:block}.stoq-detail-gallery .stoq-hero-media{width:100%;aspect-ratio:1.82;min-height:0}.stoq-gallery-count{position:absolute;right:16px;bottom:16px;background:rgba(20,24,29,.82);color:#fff;padding:7px 10px;border-radius:9px;font-size:12px}.stoq-detail-gallery .stoq-gallery{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:10px;max-height:none;overflow:visible}.stoq-detail-gallery .stoq-gallery-thumb{aspect-ratio:1.35;position:relative}.stoq-more-photos{position:absolute;inset:0;background:rgba(10,14,20,.62);color:#fff;display:grid;place-items:center;font-size:24px;font-weight:800}.stoq-quick-specs{display:grid;grid-template-columns:repeat(4,1fr);margin:28px 0 38px;border-top:1px solid var(--stoq-line);border-bottom:1px solid var(--stoq-line)}.stoq-quick-specs>div{text-align:center;padding:22px 12px;border-right:1px solid var(--stoq-line);display:grid;gap:5px}.stoq-quick-specs>div:last-child{border-right:0}.stoq-quick-specs i{font-style:normal;font-size:23px}.stoq-quick-specs strong{font-size:18px}.stoq-quick-specs span{font-size:12px;color:var(--stoq-muted)}.stoq-detail-columns{display:grid;grid-template-columns:minmax(0,1.6fr) 340px;gap:42px;align-items:start}.stoq-detail-section{padding-bottom:32px}.stoq-detail-section h2,.stoq-share h2{font-size:21px;margin:0 0 17px}.stoq-description{color:#4d5968;line-height:1.75}.stoq-description h3{font-size:18px;color:#111827;margin-top:28px}.stoq-detail-table{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}.stoq-detail-table>div{display:grid;grid-template-columns:42% 58%;border-bottom:1px solid var(--stoq-line);font-size:13px}.stoq-detail-table span,.stoq-detail-table strong{padding:11px 10px}.stoq-detail-table span{background:#f7f8fa;color:#384353}.stoq-advisor-card{border:1px solid var(--stoq-line);border-radius:18px;padding:22px;position:sticky;top:24px;background:#fff}.stoq-advisor-person{display:flex;gap:14px;align-items:center}.stoq-advisor-person img{width:82px;height:82px;border-radius:50%;object-fit:cover}.stoq-advisor-person div{display:grid;gap:3px}.stoq-advisor-person strong{font-size:18px}.stoq-advisor-person span{font-size:13px;color:var(--stoq-muted)}.stoq-advisor-card p{font-size:14px;line-height:1.5;margin:18px 0}.stoq-advisor-card>a{display:flex;justify-content:center;align-items:center;min-height:48px;border-radius:10px;text-decoration:none!important;font-weight:750;font-size:13px;margin-top:9px}.stoq-wa-action{background:#0caf49;color:#fff!important}.stoq-mail-action{border:1px solid var(--stoq-line);color:#17202b!important}.stoq-share{border-top:1px solid var(--stoq-line);margin-top:35px;padding-top:28px}.stoq-share>div{display:flex;gap:12px;flex-wrap:wrap}.stoq-share a,.stoq-share button{border:0;border-radius:10px;padding:13px 18px;font-weight:750;text-decoration:none!important;font-size:13px;cursor:pointer}.stoq-share-wa{background:#0caf49;color:#fff!important}.stoq-share-fb{background:#1877f2;color:#fff!important}.stoq-copy-link{background:#fff;border:1px solid var(--stoq-line)!important;color:#18212c}.stoq-copy-link.copied{background:#eef8f1;color:#12813c}.stoq-bottom-back{display:inline-block;margin-top:35px;padding:12px 17px;border:1px solid var(--stoq-line);border-radius:10px;text-decoration:none!important;color:#18212c!important;font-size:13px;font-weight:700}.stoq-mobile-cta{display:none} @media(max-width:760px){.stoq-vehicle-detail{padding:20px 14px 95px}.stoq-vehicle-head{margin:20px 0 16px}.stoq-vehicle-head h1{font-size:22px;letter-spacing:-.035em}.stoq-vehicle-sub{font-size:13px}.stoq-price-status{gap:10px}.stoq-price-status strong{font-size:24px}.stoq-price-status span{font-size:9px;padding:6px 10px}.stoq-detail-gallery .stoq-hero-media{aspect-ratio:1.35;border-radius:14px}.stoq-detail-gallery .stoq-gallery{grid-template-columns:repeat(5,1fr);gap:5px}.stoq-detail-gallery .stoq-gallery-thumb:nth-child(n+6){display:none}.stoq-quick-specs{grid-template-columns:1fr 1fr;margin:22px 0}.stoq-quick-specs>div:nth-child(2){border-right:0}.stoq-quick-specs>div:nth-child(-n+2){border-bottom:1px solid var(--stoq-line)}.stoq-quick-specs strong{font-size:14px}.stoq-detail-columns{display:flex;flex-direction:column;gap:15px}.stoq-detail-main,.stoq-advisor-card{width:100%}.stoq-detail-section{border-bottom:1px solid var(--stoq-line);padding:18px 0}.stoq-detail-section h2{font-size:16px}.stoq-detail-table{grid-template-columns:1fr}.stoq-advisor-card{position:static}.stoq-share>div{display:grid;grid-template-columns:1fr 1fr}.stoq-share button{grid-column:1/-1}.stoq-mobile-cta{position:fixed;display:flex;z-index:99990;left:0;right:0;bottom:0;background:#fff;border-top:1px solid #e3e7ed;padding:10px 14px calc(10px + env(safe-area-inset-bottom));align-items:center;justify-content:space-between;box-shadow:0 -8px 25px rgba(10,20,35,.08)}.stoq-mobile-cta strong{font-size:19px}.stoq-mobile-cta a{background:#0caf49;color:#fff!important;text-decoration:none!important;border-radius:10px;padding:12px 18px;font-weight:800;font-size:13px}} /* v0.9.1: hide the WordPress theme/site identity on STOQ vehicle pages */ body.single-stoq_item .site-header,body.single-stoq_item #masthead,body.single-stoq_item header#masthead,body.single-stoq_item .wp-site-blocks>header,body.single-stoq_item header.wp-block-template-part{display:none!important} /* v0.9.2 vehicle header alignment */ .stoq-vehicle-head{margin:28px 0 24px}.stoq-brand-row{display:flex;align-items:center;justify-content:space-between;gap:18px}.stoq-top-back{display:inline-flex;align-items:center;justify-content:center;padding:11px 16px;border:1px solid var(--stoq-line);border-radius:10px;text-decoration:none!important;color:#18212c!important;font-size:13px;font-weight:700;background:#fff;white-space:nowrap}.stoq-title-price-row{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:7px}.stoq-title-price-row h1{margin:0;min-width:0;flex:1}.stoq-title-price-row .stoq-price-status{margin-top:0;flex:0 0 auto;white-space:nowrap}.stoq-vehicle-sub{margin-top:8px} @media(max-width:760px){.stoq-brand-row{align-items:center}.stoq-top-back{padding:9px 11px;font-size:11px}.stoq-title-price-row{align-items:flex-start;gap:8px;flex-direction:column}.stoq-title-price-row .stoq-price-status{width:100%;justify-content:flex-start}.stoq-vehicle-sub{margin-top:7px}} /* v0.9.3 panoramic professional vehicle slider */ .stoq-detail-gallery{position:relative} .stoq-slider-stage{position:relative;width:100%;overflow:hidden;border-radius:16px;background:#f3f5f7;box-shadow:0 10px 34px rgba(20,31,46,.08)} .stoq-detail-gallery .stoq-slider-stage .stoq-hero-media{display:block;width:100%;aspect-ratio:2.35/1;min-height:0;border-radius:16px;overflow:hidden;background:#eef1f4;border:0;padding:0;cursor:zoom-in} .stoq-detail-gallery .stoq-slider-stage .stoq-hero-media>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:opacity .18s ease,transform .35s ease} .stoq-detail-gallery .stoq-slider-stage:hover .stoq-hero-media>img{transform:scale(1.012)} .stoq-slide-nav{position:absolute;z-index:4;top:50%;transform:translateY(-50%);width:42px;height:42px;border:1px solid rgba(255,255,255,.7);border-radius:50%;background:rgba(16,24,36,.46);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;font-size:30px;line-height:1;display:grid;place-items:center;cursor:pointer;opacity:.82;transition:opacity .18s ease,background .18s ease,transform .18s ease} .stoq-slide-nav:hover{opacity:1;background:rgba(16,24,36,.68);transform:translateY(-50%) scale(1.04)} .stoq-slide-prev{left:16px}.stoq-slide-next{right:16px} .stoq-gallery-count{z-index:5;background:rgba(16,24,36,.58);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);border:1px solid rgba(255,255,255,.18);padding:6px 10px;border-radius:999px} .stoq-detail-gallery .stoq-gallery{gap:8px;margin-top:10px} .stoq-detail-gallery .stoq-gallery-thumb{aspect-ratio:1.65;border-radius:9px;overflow:hidden;border:2px solid transparent;opacity:.78;transition:opacity .18s ease,border-color .18s ease,transform .18s ease} .stoq-detail-gallery .stoq-gallery-thumb:hover,.stoq-detail-gallery .stoq-gallery-thumb.is-current{opacity:1;border-color:#17202b;transform:translateY(-1px)} .stoq-detail-gallery .stoq-gallery-thumb img{width:100%;height:100%;object-fit:cover} @media(max-width:760px){.stoq-detail-gallery .stoq-slider-stage{border-radius:13px}.stoq-detail-gallery .stoq-slider-stage .stoq-hero-media{aspect-ratio:1.72/1;border-radius:13px}.stoq-slide-nav{width:36px;height:36px;font-size:26px}.stoq-slide-prev{left:9px}.stoq-slide-next{right:9px}.stoq-detail-gallery .stoq-gallery-thumb{aspect-ratio:1.45;border-radius:7px}} /* v0.9.4 automatic carousel + smaller vehicle title */ .stoq-vehicle-head .stoq-title-price-row h1{font-size:clamp(13px,calc(5vw - 23px),35px)} .stoq-detail-gallery .stoq-slide-nav{display:none!important} @media(max-width:760px){.stoq-vehicle-head .stoq-title-price-row h1{font-size:14px}} /* STOQ 0.9.9 · Botón regresar al inventario */ .stoq-brand-row{justify-content:flex-start} .stoq-top-back.stoq-inventory-back{background:#0b2345!important;color:#fff!important;border-color:#0b2345!important;font-weight:750;box-shadow:0 4px 12px rgba(11,35,69,.12);transition:transform .18s ease,box-shadow .18s ease,background .18s ease} .stoq-top-back.stoq-inventory-back:hover{background:#071a35!important;color:#fff!important;transform:translateY(-1px);box-shadow:0 6px 16px rgba(11,35,69,.18)} .stoq-top-back.stoq-inventory-back:focus-visible{outline:3px solid rgba(11,35,69,.22);outline-offset:3px} /* STOQ 0.10.0 · Vehicle detail — modern navy minimal system */ body.single-stoq_item{background:#f6f8fb!important;color:#0b1f3a} .stoq-vehicle-detail{--stoq-navy:#0b2345;--stoq-navy-dark:#071a35;--stoq-navy-soft:#eef3f8;--stoq-detail-line:#e2e8f0;max-width:1200px;padding:30px 24px 64px} .stoq-vehicle-head{background:#fff;border:1px solid var(--stoq-detail-line);border-radius:18px;padding:22px 24px;margin:24px 0 18px;box-shadow:0 8px 28px rgba(11,35,69,.055)} .stoq-brand-row{margin-bottom:15px} .stoq-top-back.stoq-inventory-back,.stoq-bottom-back{display:inline-flex;align-items:center;justify-content:center;background:var(--stoq-navy)!important;color:#fff!important;border:1px solid var(--stoq-navy)!important;border-radius:10px;padding:11px 16px;font-size:13px;font-weight:750;text-decoration:none!important;box-shadow:none;transition:background .18s ease,transform .18s ease} .stoq-top-back.stoq-inventory-back:hover,.stoq-bottom-back:hover{background:var(--stoq-navy-dark)!important;color:#fff!important;transform:translateY(-1px)} .stoq-title-price-row{gap:24px;margin-top:0} .stoq-vehicle-head .stoq-title-price-row h1{color:var(--stoq-navy);font-weight:800;letter-spacing:-.035em;line-height:1.08} .stoq-price-status strong{color:var(--stoq-navy);font-weight:800;letter-spacing:-.025em} .stoq-price-status span{box-shadow:none} .stoq-vehicle-sub{color:#66758a;font-size:14px;font-weight:550} .stoq-slider-stage{border:1px solid var(--stoq-detail-line);box-shadow:0 10px 30px rgba(11,35,69,.07);background:#fff} .stoq-gallery-count{background:rgba(11,35,69,.84)} .stoq-detail-gallery .stoq-gallery-thumb{background:#fff;border-color:transparent;box-shadow:0 2px 8px rgba(11,35,69,.05)} .stoq-detail-gallery .stoq-gallery-thumb:hover,.stoq-detail-gallery .stoq-gallery-thumb.is-current{border-color:var(--stoq-navy)} .stoq-quick-specs{background:#fff;border:1px solid var(--stoq-detail-line);border-radius:16px;overflow:hidden;margin:24px 0 34px;box-shadow:0 5px 20px rgba(11,35,69,.035)} .stoq-quick-specs>div{border-color:var(--stoq-detail-line);padding:20px 12px} .stoq-quick-specs i{color:var(--stoq-navy)} .stoq-quick-specs strong{color:var(--stoq-navy);font-weight:800} .stoq-quick-specs span{color:#738196} .stoq-detail-columns{gap:28px} .stoq-detail-main{background:#fff;border:1px solid var(--stoq-detail-line);border-radius:18px;padding:28px 30px;box-shadow:0 6px 24px rgba(11,35,69,.04)} .stoq-detail-section{padding-bottom:28px} .stoq-detail-section:last-child{padding-bottom:0} .stoq-detail-section h2,.stoq-share h2{color:var(--stoq-navy);font-weight:800;letter-spacing:-.02em} .stoq-description{color:#536176} .stoq-detail-table{gap:0 22px} .stoq-detail-table>div{border-color:var(--stoq-detail-line)} .stoq-detail-table span{background:var(--stoq-navy-soft);color:#536176;font-weight:600} .stoq-detail-table strong{color:var(--stoq-navy);font-weight:750;background:#fff} .stoq-advisor-card{border-color:var(--stoq-navy);border-radius:18px;background:var(--stoq-navy);color:#fff;box-shadow:0 12px 30px rgba(11,35,69,.14)} .stoq-advisor-person img{border:3px solid rgba(255,255,255,.9)} .stoq-advisor-person strong{color:#fff} .stoq-advisor-person span,.stoq-advisor-card p{color:rgba(255,255,255,.76)} .stoq-mail-action{border:1px solid rgba(255,255,255,.28)!important;color:#fff!important;background:rgba(255,255,255,.08)} .stoq-mail-action:hover{background:rgba(255,255,255,.14)} .stoq-share{background:#fff;border:1px solid var(--stoq-detail-line);border-radius:18px;margin-top:28px;padding:24px 26px;box-shadow:0 5px 20px rgba(11,35,69,.035)} .stoq-share a,.stoq-share button{border-radius:10px;transition:transform .18s ease,opacity .18s ease} .stoq-share a:hover,.stoq-share button:hover{transform:translateY(-1px)} .stoq-copy-link{border-color:#cfd8e4!important;color:var(--stoq-navy);font-weight:750} .stoq-bottom-back{margin-top:24px} @media(max-width:760px){ body.single-stoq_item{background:#fff!important} .stoq-vehicle-detail{padding:14px 12px 94px} .stoq-vehicle-head{padding:16px;border-radius:14px;margin:12px 0 14px;box-shadow:none} .stoq-brand-row{margin-bottom:12px} .stoq-top-back.stoq-inventory-back,.stoq-bottom-back{padding:10px 13px;font-size:11px} .stoq-detail-main{padding:18px 16px;border-radius:14px;box-shadow:none} .stoq-quick-specs{border-radius:14px;box-shadow:none} .stoq-advisor-card,.stoq-share{border-radius:14px} .stoq-share{padding:19px 16px} .stoq-mobile-cta strong{color:var(--stoq-navy)} } /* STOQ 0.10.1 · Gallery thumbnail interaction — navy only */ .stoq-detail-gallery .stoq-gallery-thumb:hover, .stoq-detail-gallery .stoq-gallery-thumb:focus, .stoq-detail-gallery .stoq-gallery-thumb:focus-visible, .stoq-detail-gallery .stoq-gallery-thumb:active, .stoq-detail-gallery .stoq-gallery-thumb.is-current{ background:#fff!important; border-color:#0b2345!important; outline:0!important; box-shadow:0 0 0 2px rgba(11,35,69,.10),0 4px 12px rgba(11,35,69,.08)!important; opacity:1!important; } .stoq-detail-gallery .stoq-gallery-thumb::-moz-focus-inner{border:0!important} /* STOQ 0.10.2 · Lightbox controls perfectly centered */ .stoq-lightbox .stoq-lb-close, .stoq-lightbox .stoq-lb-prev, .stoq-lightbox .stoq-lb-next{ display:flex!important; align-items:center!important; justify-content:center!important; padding:0!important; margin:0!important; line-height:1!important; text-align:center!important; font-family:Arial,Helvetica,sans-serif!important; box-sizing:border-box!important; background:#0b2345!important; color:#fff!important; } .stoq-lightbox .stoq-lb-close{font-size:0!important} .stoq-lightbox .stoq-lb-close::before{content:'×';font-size:26px;line-height:1;display:block;transform:translateY(-1px)} .stoq-lightbox .stoq-lb-prev,.stoq-lightbox .stoq-lb-next{font-size:0!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important} .stoq-lightbox .stoq-lb-prev::before{content:'‹';font-size:36px;line-height:1;display:block;transform:translateY(-2px)} .stoq-lightbox .stoq-lb-next::before{content:'›';font-size:36px;line-height:1;display:block;transform:translateY(-2px)} .stoq-lightbox .stoq-lb-close:hover,.stoq-lightbox .stoq-lb-prev:hover,.stoq-lightbox .stoq-lb-next:hover{background:#071a35!important} @media(max-width:700px){ .stoq-lightbox .stoq-lb-prev,.stoq-lightbox .stoq-lb-next{top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;width:44px;height:44px} .stoq-lightbox .stoq-lb-prev{left:10px}.stoq-lightbox .stoq-lb-next{right:10px} .stoq-lightbox .stoq-lb-close{right:14px;top:14px} } /* STOQ 0.10.3 · DCWEB footer + responsive tablet/mobile refinement */ .stoq-powered-footer{width:min(1180px,calc(100% - 40px));margin:44px auto 22px;padding:20px 16px;border-top:1px solid #e2e8f0;text-align:center;color:#748196;font-size:12px;line-height:1.5;letter-spacing:.01em} .stoq-powered-footer span{margin:0 6px;color:#a3adba}.stoq-powered-footer a{color:#0b2345!important;font-weight:800;text-decoration:none!important}.stoq-powered-footer a:hover{text-decoration:underline!important}.stoq-powered-footer-single{width:100%;margin:42px 0 0} /* Tablet */ @media (min-width:701px) and (max-width:1024px){ .stoq-discovery{min-height:310px}.stoq-hero-inner,.stoq-match-wrap,.stoq-results{width:calc(100% - 40px)} .stoq-discovery h2{font-size:clamp(30px,4.2vw,42px);max-width:620px} .stoq-match-wrap{margin-top:-44px}.stoq-match-layout{grid-template-columns:1fr!important;gap:14px} .stoq-match{padding:18px}.stoq-match-layout .stoq-filter-row{grid-template-columns:minmax(0,1.6fr) 1fr 1fr 132px!important} .stoq-side-card{min-height:150px}.stoq-contact-card{padding:18px 22px}.stoq-contact-info .stoq-contact-speech{max-width:300px} .stoq-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stoq-card{min-width:0} .stoq-vehicle-detail{padding:22px 20px 60px}.stoq-vehicle-head{padding:20px}.stoq-title-price-row{align-items:flex-start} .stoq-title-price-row .stoq-price-status{gap:10px}.stoq-price-status strong{font-size:25px} .stoq-detail-gallery .stoq-slider-stage .stoq-hero-media{aspect-ratio:2/1} .stoq-detail-gallery .stoq-gallery{display:flex;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:4px}.stoq-detail-gallery .stoq-gallery-thumb{flex:0 0 15%;scroll-snap-align:start} .stoq-quick-specs{grid-template-columns:repeat(4,minmax(0,1fr))}.stoq-detail-columns{grid-template-columns:minmax(0,1fr) 290px;gap:20px} .stoq-detail-main{padding:22px}.stoq-detail-table{grid-template-columns:1fr}.stoq-advisor-card{padding:18px}.stoq-advisor-person img{width:68px;height:68px} .stoq-share>div{gap:9px}.stoq-share a,.stoq-share button{padding:12px 14px} .stoq-powered-footer{width:calc(100% - 40px);margin-top:36px} } /* Phone */ @media (max-width:700px){ html,body{max-width:100%;overflow-x:hidden}.stoq-catalog,.stoq-vehicle-detail{overflow:visible} .stoq-discovery{min-height:285px;padding:28px 0 68px;background-position:center!important}.stoq-hero-inner,.stoq-match-wrap,.stoq-results{width:calc(100% - 24px)} .stoq-hero-brand{width:min(220px,70vw)!important;height:auto}.stoq-discovery h2{font-size:clamp(24px,8vw,31px)!important;line-height:1.08;max-width:92%;margin-top:8px} .stoq-match-wrap{margin-top:-48px}.stoq-match-layout{display:block}.stoq-match{padding:14px 12px;border-radius:16px} .stoq-match-layout .stoq-filter-row{grid-template-columns:1fr!important;gap:9px}.stoq-match-layout .stoq-filter-row .stoq-searchbox{grid-column:auto!important;width:100%;min-width:0} .stoq-filter-row>label{display:block!important}.stoq-filter-row select,.stoq-filter-row input{width:100%;min-width:0}.stoq-more-filters{width:100%;min-height:46px} .stoq-quick-row{gap:8px}.stoq-quick-filters{display:flex;overflow-x:auto;flex-wrap:nowrap;padding-bottom:3px;scrollbar-width:none}.stoq-quick-filters::-webkit-scrollbar{display:none}.stoq-quick-filters button{flex:0 0 auto;white-space:nowrap} .stoq-catalog-tools-row{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.stoq-count-placeholder{flex:1 1 100%}.stoq-view-tools{width:100%;display:flex}.stoq-sort{flex:1;min-width:0}.stoq-view{display:inline-flex!important} .stoq-side-card{margin-top:12px}.stoq-contact-card{min-height:0;padding:16px;border-radius:16px;align-items:center}.stoq-contact-visual{flex:0 0 78px!important}.stoq-contact-info{min-width:0}.stoq-contact-info .stoq-contact-speech{max-width:calc(100vw - 48px)} .stoq-contact-links a{font-size:12px}.stoq-results{margin-top:22px}.stoq-results-head{margin:0 0 14px!important;font-size:17px}.stoq-results-head strong{font-size:22px} .stoq-grid{grid-template-columns:1fr!important;gap:14px}.stoq-card{width:100%;min-width:0}.stoq-image{aspect-ratio:1.55}.stoq-card-body{padding:14px}.stoq-card h3{font-size:17px} .stoq-filter-panel{width:min(92vw,420px);max-width:100%;padding:18px 14px}.stoq-filter-fields{grid-template-columns:1fr!important}.stoq-filter-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px} .stoq-powered-footer{width:calc(100% - 24px);margin:32px auto 12px;padding:16px 8px;font-size:11px} .stoq-vehicle-detail{width:100%;max-width:100%;padding:10px 10px 96px}.stoq-vehicle-head{padding:14px;margin:8px 0 12px;border-radius:13px} .stoq-brand-row{margin-bottom:10px}.stoq-top-back.stoq-inventory-back{width:auto;max-width:100%;white-space:normal;text-align:center} .stoq-title-price-row{display:block}.stoq-vehicle-head .stoq-title-price-row h1{font-size:18px!important;line-height:1.15;margin-bottom:10px}.stoq-title-price-row .stoq-price-status{display:flex;width:100%;flex-wrap:wrap;align-items:center;gap:8px}.stoq-price-status strong{font-size:22px}.stoq-price-status span{font-size:9px} .stoq-vehicle-sub{font-size:12px;line-height:1.4}.stoq-slider-stage{border-radius:12px}.stoq-detail-gallery .stoq-slider-stage .stoq-hero-media{aspect-ratio:1.55/1!important;border-radius:12px}.stoq-detail-gallery .stoq-slider-stage .stoq-hero-media>img{object-fit:cover} .stoq-detail-gallery .stoq-gallery{display:flex!important;grid-template-columns:none!important;gap:6px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 1px 6px;max-width:100%;scrollbar-width:none}.stoq-detail-gallery .stoq-gallery::-webkit-scrollbar{display:none}.stoq-detail-gallery .stoq-gallery-thumb{display:block!important;flex:0 0 74px;aspect-ratio:1.4;scroll-snap-align:start} .stoq-quick-specs{grid-template-columns:1fr 1fr;margin:16px 0 18px}.stoq-quick-specs>div{padding:14px 8px;min-width:0}.stoq-quick-specs i{font-size:18px}.stoq-quick-specs strong{font-size:13px;overflow-wrap:anywhere}.stoq-quick-specs span{font-size:10px} .stoq-detail-columns{display:block}.stoq-detail-main{width:100%;padding:16px 14px;border-radius:13px}.stoq-detail-section{padding:14px 0}.stoq-detail-section h2,.stoq-share h2{font-size:17px}.stoq-description{font-size:14px;line-height:1.65;overflow-wrap:anywhere} .stoq-detail-table{display:block}.stoq-detail-table>div{grid-template-columns:42% 58%;font-size:12px}.stoq-detail-table span,.stoq-detail-table strong{padding:10px 8px;overflow-wrap:anywhere} .stoq-advisor-card{position:static;width:100%;margin-top:14px;padding:17px}.stoq-advisor-person{align-items:center}.stoq-advisor-person img{width:66px;height:66px}.stoq-advisor-person strong{font-size:16px}.stoq-advisor-card>a{min-height:46px} .stoq-share{margin-top:16px;padding:17px 14px}.stoq-share>div{display:grid;grid-template-columns:1fr!important;gap:8px}.stoq-share a,.stoq-share button{width:100%;text-align:center;justify-content:center;box-sizing:border-box}.stoq-share button{grid-column:auto!important} .stoq-bottom-back{width:100%;box-sizing:border-box;margin-top:16px}.stoq-powered-footer-single{width:100%;margin-top:28px} .stoq-mobile-cta{gap:10px;padding-left:12px;padding-right:12px}.stoq-mobile-cta strong{font-size:17px;white-space:nowrap}.stoq-mobile-cta a{padding:11px 15px;white-space:nowrap} .stoq-lightbox{padding:62px 8px 20px}.stoq-lightbox img{max-width:calc(100vw - 20px);max-height:calc(100vh - 105px);object-fit:contain}.stoq-lightbox .stoq-lb-prev,.stoq-lightbox .stoq-lb-next{width:42px;height:42px}.stoq-lightbox .stoq-lb-prev{left:8px}.stoq-lightbox .stoq-lb-next{right:8px} } /* Very small phones */ @media (max-width:390px){ .stoq-discovery h2{font-size:24px!important}.stoq-contact-card{display:grid;grid-template-columns:70px minmax(0,1fr);gap:11px}.stoq-contact-visual{width:70px!important;flex-basis:70px!important}.stoq-contact-visual .stoq-contact-avatar{width:64px;height:64px;flex-basis:64px}.stoq-contact-brand{width:54px} .stoq-quick-specs>div{padding:12px 5px}.stoq-price-status strong{font-size:20px}.stoq-mobile-cta strong{font-size:15px}.stoq-mobile-cta a{font-size:12px;padding:10px 12px} } /* STOQ 0.10.4 · Phone filters + hero crop/fog */ @media (max-width:700px){ .stoq-discovery{ background-position:center,right center!important; background-size:auto,cover!important; background-repeat:no-repeat!important; } .stoq-discovery:before{ content:""; position:absolute; inset:0; z-index:0; pointer-events:none; background:linear-gradient(90deg,rgba(241,246,250,.72) 0%,rgba(237,244,249,.60) 48%,rgba(232,241,247,.48) 100%); } .stoq-discovery:after{z-index:0} .stoq-hero-inner{z-index:1} .stoq-match-layout .stoq-filter-row{ grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important; gap:9px!important; } .stoq-match-layout .stoq-filter-row .stoq-searchbox{ grid-column:1/-1!important; } .stoq-match-layout .stoq-filter-row>label{ grid-column:auto!important; min-width:0!important; } .stoq-match-layout .stoq-filter-row .stoq-more-filters{ grid-column:1/-1!important; } } /* STOQ 0.10.5 · Phone — filter card closer to hero title */ @media (max-width:700px){ .stoq-match-wrap{margin-top:-86px!important} } /* STOQ 0.10.7 · Quick fuel searches + persistent filter labels */ .stoq-filter-row>label{overflow:visible!important;padding-top:8px!important} .stoq-filter-row>label>span{display:block!important;position:relative!important;z-index:2!important;margin:0 0 5px!important;line-height:1.15!important;color:#111827!important;background:transparent!important;white-space:nowrap!important} .stoq-filter-row>label .stoq-filter-select{display:block!important;position:relative!important;z-index:1!important;margin:0!important;min-height:32px!important;height:32px!important;line-height:32px!important;border:0!important;outline:0!important;box-shadow:none!important;background:#fff!important;padding:0 26px 0 0!important} @media(max-width:700px){ .stoq-filter-row>label{padding:8px 11px 9px!important;min-height:64px!important} .stoq-filter-row>label>span{font-size:11px!important;margin-bottom:4px!important} .stoq-filter-row>label .stoq-filter-select{min-height:30px!important;height:30px!important;line-height:30px!important;font-size:13px!important} } /* STOQ 0.12.1 · Search card: global search + quick searches / More filters */ .stoq-match-layout .stoq-filter-row.stoq-search-row{ display:block!important; grid-template-columns:none!important; } .stoq-match-layout .stoq-filter-row.stoq-search-row .stoq-searchbox{ width:100%!important; grid-column:auto!important; } .stoq-match .stoq-quick-row{ display:flex!important; align-items:center!important; justify-content:space-between!important; gap:14px!important; margin-top:10px!important; } .stoq-match .stoq-quick-filters{ min-width:0; flex:1 1 auto; display:flex; align-items:center; gap:8px; flex-wrap:wrap; } .stoq-match .stoq-quick-label{ display:inline-flex!important; align-items:center; flex:0 0 auto; width:auto!important; margin:0 4px 0 0!important; font-size:12px; font-weight:700; color:#536173; white-space:nowrap; } .stoq-match .stoq-quick-row>.stoq-more-filters{ flex:0 0 auto; min-height:40px!important; height:40px; padding:0 17px!important; white-space:nowrap; } /* Drawer fields now include Brand and Model */ .stoq-filter-fields label{display:block;min-width:0} .stoq-filter-fields label>span{display:block;font-size:12px;font-weight:700;color:#344256;margin:0 0 6px} .stoq-filter-fields .stoq-filter-select{width:100%;height:50px!important;min-height:50px!important;border:1px solid var(--stoq-line)!important;border-radius:12px!important;background:#fff!important;padding:0 12px!important;color:#283343!important} @media(max-width:700px){ .stoq-match .stoq-quick-row{align-items:center!important;gap:8px!important;overflow:hidden} .stoq-match .stoq-quick-filters{flex-wrap:nowrap!important;overflow-x:auto!important;padding-bottom:3px;scrollbar-width:none} .stoq-match .stoq-quick-filters::-webkit-scrollbar{display:none} .stoq-match .stoq-quick-label{position:sticky;left:0;z-index:2;background:#fff;padding-right:4px} .stoq-match .stoq-quick-filters button{flex:0 0 auto;white-space:nowrap} .stoq-match .stoq-quick-row>.stoq-more-filters{height:38px;min-height:38px!important;padding:0 13px!important;font-size:11px} } /* STOQ 0.12.2 · Compact filter card: quick filters + More filters only */ .stoq-match .stoq-quick-row{margin-top:0!important;} .stoq-match .stoq-quick-filters{justify-content:flex-start;} @media(max-width:700px){ .stoq-match .stoq-quick-label{display:none!important;} } /* v0.12.3 · compact filter card + minimalist catalog controls */ @media (min-width:1101px){ .stoq-match-layout{ grid-template-columns:minmax(0,44fr) minmax(420px,56fr)!important; } } .stoq-catalog-tools-row .stoq-sort{ height:42px!important; min-height:42px!important; border:1px solid #dfe5ec!important; border-radius:12px!important; background:#fff!important; color:#283343!important; padding:0 38px 0 14px!important; box-shadow:none!important; outline:0!important; } .stoq-catalog-tools-row .stoq-sort:focus{ border-color:#c7d0dc!important; box-shadow:0 0 0 3px rgba(11,31,58,.06)!important; } .stoq-catalog-tools-row .stoq-view, .stoq-catalog-tools-row .stoq-view:hover, .stoq-catalog-tools-row .stoq-view.active{ width:38px!important; height:38px!important; min-width:38px!important; padding:0!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; color:#111827!important; font-size:24px!important; font-weight:700!important; opacity:1!important; transform:none!important; } .stoq-catalog-tools-row .stoq-view:hover{opacity:.62!important} .stoq-catalog-tools-row .stoq-view.active{color:#000!important} .stoq-catalog-tools-row .stoq-view:focus-visible{ outline:2px solid rgba(17,24,39,.28)!important; outline-offset:2px!important; } @media(max-width:1100px){ .stoq-match-layout{grid-template-columns:1fr!important} } /* STOQ 0.12.4 · Desktop catalog cards proportion: Filters 60% / Contact 40% */ @media (min-width:1101px){ .stoq-match-layout{ grid-template-columns:minmax(0,3fr) minmax(0,2fr)!important; } } \n\n/* STOQ 0.12.5 · Contact card horizontal redesign */ @media (min-width:701px){ .stoq-contact-card{display:grid!important;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:18px;padding:18px 22px!important;background:#fff!important;border:1px solid #e1e6ed!important;border-radius:18px!important;box-shadow:none!important;color:#0b1f3a!important;overflow:visible!important} .stoq-contact-card::before,.stoq-contact-card::after{display:none!important} .stoq-contact-visual{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:16px!important;flex:0 0 auto!important;width:auto!important} .stoq-contact-brand{order:1;width:82px!important;max-height:38px!important;filter:none!important;object-fit:contain} .stoq-contact-avatar-wrap{order:2} .stoq-contact-visual .stoq-contact-avatar{width:86px!important;height:86px!important;flex-basis:86px!important;border:3px solid #e2e7ed!important;box-shadow:none!important} .stoq-contact-info{position:relative!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;min-width:0} .stoq-contact-info>strong{color:#0b1f3a!important;font-size:19px!important;margin:0 0 3px!important} .stoq-contact-role{color:#7a8492!important;margin:0 0 11px!important} .stoq-contact-links{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%!important} .stoq-contact-links a{min-height:42px!important;justify-content:center!important;border-radius:10px!important;font-size:12px!important;font-weight:750!important;padding:8px 10px!important} .stoq-contact-links a.stoq-contact-whatsapp{background:#18a957!important;border-color:#18a957!important;color:#fff!important} .stoq-contact-links a.stoq-contact-whatsapp b{background:transparent!important;color:#fff!important} .stoq-contact-links a.stoq-contact-email{background:#fff!important;border:1px solid #d8dee7!important;color:#0b1f3a!important} .stoq-contact-links a.stoq-contact-email b{background:transparent!important;color:#0b1f3a!important} } @media (max-width:700px){ .stoq-contact-card{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;background:#fff!important;border:1px solid #e1e6ed!important;border-radius:18px!important;color:#0b1f3a!important;padding:18px 16px!important;gap:10px!important;box-shadow:none!important} .stoq-contact-card::before,.stoq-contact-card::after{display:none!important} .stoq-contact-visual{display:flex!important;flex-direction:column!important;align-items:center!important;width:100%!important;flex:0 0 auto!important;gap:8px!important} .stoq-contact-avatar-wrap{order:1} .stoq-contact-brand{order:2;width:68px!important;max-height:30px!important;filter:none!important} .stoq-contact-visual .stoq-contact-avatar{width:82px!important;height:82px!important;flex-basis:82px!important;border:3px solid #e2e7ed!important;box-shadow:none!important} .stoq-contact-info{position:relative!important;display:flex!important;align-items:center!important;width:100%!important} .stoq-contact-info>strong{color:#0b1f3a!important;font-size:18px!important;margin-bottom:3px!important} .stoq-contact-role{color:#7a8492!important;margin-bottom:10px!important} .stoq-contact-links{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%!important} .stoq-contact-links a{justify-content:center!important;min-height:42px!important;padding:8px!important;border-radius:10px!important;font-size:11px!important} .stoq-contact-links a.stoq-contact-whatsapp{background:#18a957!important;border-color:#18a957!important;color:#fff!important} .stoq-contact-links a.stoq-contact-whatsapp b{background:transparent!important;color:#fff!important} .stoq-contact-links a.stoq-contact-email{background:#fff!important;border:1px solid #d8dee7!important;color:#0b1f3a!important} .stoq-contact-links a.stoq-contact-email b{background:transparent!important;color:#0b1f3a!important} } \n\n/* STOQ 0.12.6 · Advisor card faithful to approved mockup */ @media (min-width:701px){ .stoq-match-layout>.stoq-contact-card{display:grid!important;grid-template-columns:minmax(72px,.75fr) minmax(86px,.9fr) minmax(160px,1.8fr)!important;align-items:center!important;column-gap:16px!important;row-gap:0!important;min-height:168px!important;padding:22px 24px!important;background:#fff!important;border:1px solid #dfe4ea!important;border-radius:22px!important;box-shadow:0 5px 18px rgba(11,35,69,.025)!important;text-align:left!important} .stoq-match-layout>.stoq-contact-card .stoq-contact-visual{display:contents!important} .stoq-match-layout>.stoq-contact-card .stoq-contact-brand{grid-column:1!important;grid-row:1!important;order:initial!important;width:min(100%,104px)!important;max-height:48px!important;justify-self:center!important;filter:none!important;object-fit:contain!important} .stoq-match-layout>.stoq-contact-card .stoq-contact-avatar-wrap{grid-column:2!important;grid-row:1!important;order:initial!important;justify-self:center!important} .stoq-match-layout>.stoq-contact-card .stoq-contact-avatar{width:100px!important;height:100px!important;flex-basis:100px!important;border:3px solid #e2e6eb!important;background:#f5f7f9!important;box-shadow:none!important} .stoq-match-layout>.stoq-contact-card .stoq-contact-info{grid-column:3!important;grid-row:1!important;align-self:center!important;align-items:flex-start!important;width:100%!important;min-width:0!important} .stoq-match-layout>.stoq-contact-card .stoq-contact-info>strong{font-size:clamp(17px,1.45vw,23px)!important;line-height:1.08!important;letter-spacing:-.025em!important;color:#071a35!important;font-weight:800!important;margin:0 0 5px!important;white-space:normal!important} .stoq-match-layout>.stoq-contact-card .stoq-contact-role{font-size:14px!important;line-height:1.2!important;color:#7b8490!important;margin:0 0 14px!important} .stoq-match-layout>.stoq-contact-card .stoq-contact-links{display:grid!important;grid-template-columns:minmax(0,1.25fr) minmax(0,.9fr)!important;gap:9px!important;width:100%!important} .stoq-match-layout>.stoq-contact-card .stoq-contact-links a{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:44px!important;padding:8px 12px!important;border-radius:11px!important;text-decoration:none!important;font-size:12px!important;font-weight:800!important;line-height:1!important;white-space:nowrap!important} .stoq-match-layout>.stoq-contact-card .stoq-contact-links a b{display:grid!important;place-items:center!important;width:22px!important;height:22px!important;flex:0 0 22px!important;background:transparent!important;border-radius:0!important} .stoq-match-layout>.stoq-contact-card .stoq-contact-whatsapp{background:#18a957!important;border:1px solid #18a957!important;color:#fff!important} .stoq-match-layout>.stoq-contact-card .stoq-contact-whatsapp b{color:#fff!important} .stoq-match-layout>.stoq-contact-card .stoq-contact-call{background:#fff!important;border:1px solid #d4d9df!important;color:#111827!important} .stoq-match-layout>.stoq-contact-card .stoq-contact-call b{color:#4b5563!important} .stoq-match-layout>.stoq-contact-card .stoq-contact-links a:hover span{text-decoration:none!important} .stoq-match-layout>.stoq-contact-card .stoq-contact-whatsapp:hover{background:#148d49!important} .stoq-match-layout>.stoq-contact-card .stoq-contact-call:hover{background:#f7f8fa!important} } @media (max-width:700px){ .stoq-match-layout>.stoq-contact-card{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:0!important;padding:22px 16px 18px!important;background:#fff!important;border:1px solid #dfe4ea!important;border-radius:20px!important;box-shadow:none!important} .stoq-match-layout>.stoq-contact-card .stoq-contact-visual{display:flex!important;flex-direction:column!important;align-items:center!important;gap:9px!important;width:100%!important} .stoq-match-layout>.stoq-contact-card .stoq-contact-avatar-wrap{order:1!important} .stoq-match-layout>.stoq-contact-card .stoq-contact-avatar{width:96px!important;height:96px!important;flex-basis:96px!important;border:3px solid #e2e6eb!important;box-shadow:none!important} .stoq-match-layout>.stoq-contact-card .stoq-contact-brand{order:2!important;width:78px!important;max-height:34px!important;margin:0 auto 12px!important;filter:none!important;object-fit:contain!important} .stoq-match-layout>.stoq-contact-card .stoq-contact-info{display:flex!important;flex-direction:column!important;align-items:center!important;width:100%!important} .stoq-match-layout>.stoq-contact-card .stoq-contact-info>strong{font-size:20px!important;line-height:1.1!important;color:#071a35!important;font-weight:800!important;margin:0 0 4px!important} .stoq-match-layout>.stoq-contact-card .stoq-contact-role{font-size:13px!important;color:#7b8490!important;margin:0 0 14px!important} .stoq-match-layout>.stoq-contact-card .stoq-contact-links{display:grid!important;grid-template-columns:minmax(0,1.25fr) minmax(0,.9fr)!important;gap:8px!important;width:100%!important} .stoq-match-layout>.stoq-contact-card .stoq-contact-links a{display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-height:44px!important;padding:8px 9px!important;border-radius:11px!important;text-decoration:none!important;font-size:11px!important;font-weight:800!important;white-space:nowrap!important} .stoq-match-layout>.stoq-contact-card .stoq-contact-links a b{display:grid!important;place-items:center!important;width:20px!important;height:20px!important;flex:0 0 20px!important;background:transparent!important} .stoq-match-layout>.stoq-contact-card .stoq-contact-whatsapp{background:#18a957!important;border:1px solid #18a957!important;color:#fff!important} .stoq-match-layout>.stoq-contact-card .stoq-contact-whatsapp b{color:#fff!important} .stoq-match-layout>.stoq-contact-card .stoq-contact-call{background:#fff!important;border:1px solid #d4d9df!important;color:#111827!important} .stoq-match-layout>.stoq-contact-card .stoq-contact-call b{color:#4b5563!important} .stoq-match-layout>.stoq-contact-card .stoq-contact-links a:hover span{text-decoration:none!important} } /* STOQ 0.12.7 · Approved contact composition: brand | portrait | identity + actions */ @media (min-width:701px){ .stoq-match-layout>.stoq-contact-card{ display:grid!important; grid-template-columns:minmax(72px,.8fr) minmax(92px,.95fr) minmax(0,2.25fr)!important; align-items:center!important; gap:16px!important; padding:20px 22px!important; } .stoq-match-layout>.stoq-contact-card .stoq-contact-visual{display:contents!important} .stoq-match-layout>.stoq-contact-card .stoq-contact-brand{grid-column:1!important;grid-row:1!important;width:min(100%,108px)!important;justify-self:center!important} .stoq-match-layout>.stoq-contact-card .stoq-contact-avatar-wrap{grid-column:2!important;grid-row:1!important;justify-self:center!important} .stoq-match-layout>.stoq-contact-card .stoq-contact-avatar{width:104px!important;height:104px!important;flex-basis:104px!important} .stoq-match-layout>.stoq-contact-card .stoq-contact-info{grid-column:3!important;grid-row:1!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;width:100%!important;min-width:0!important} .stoq-match-layout>.stoq-contact-card .stoq-contact-info>strong{font-size:clamp(18px,1.55vw,24px)!important;margin:0 0 5px!important} .stoq-match-layout>.stoq-contact-card .stoq-contact-role{font-size:14px!important;margin:0 0 13px!important} .stoq-match-layout>.stoq-contact-card .stoq-contact-links{display:grid!important;grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr)!important;gap:9px!important;width:100%!important;max-width:360px!important} .stoq-match-layout>.stoq-contact-card .stoq-contact-links a{min-height:44px!important} } @media (min-width:701px) and (max-width:1100px){ .stoq-match-layout>.stoq-contact-card{grid-template-columns:90px 104px minmax(0,1fr)!important} .stoq-match-layout>.stoq-contact-card .stoq-contact-brand{width:84px!important} .stoq-match-layout>.stoq-contact-card .stoq-contact-avatar{width:92px!important;height:92px!important;flex-basis:92px!important} .stoq-match-layout>.stoq-contact-card .stoq-contact-links{max-width:330px!important} } \n\n/* STOQ 0.12.8 · Mobile catalog simplification */ .stoq-filter-label-mobile{display:none} @media (max-width:700px){ /* Hero: keep image/brand but remove the cover title on phones */ .stoq-discovery h2{display:none!important} /* Hide quick-search chips and turn their row into a compact filter trigger */ .stoq-match .stoq-quick-row{display:flex!important;align-items:center!important;justify-content:flex-end!important;overflow:visible!important;gap:0!important} .stoq-match .stoq-quick-filters{display:none!important} .stoq-match .stoq-quick-row>.stoq-more-filters{display:inline-flex!important;width:auto!important;min-width:132px!important;height:42px!important;min-height:42px!important;padding:0 16px!important;border-radius:12px!important;gap:8px!important;font-size:12px!important} .stoq-filter-label-desktop{display:none!important} .stoq-filter-label-mobile{display:inline!important} .stoq-more-filters .stoq-filter-icon{display:inline-grid!important;place-items:center!important;color:#fff!important;font-size:16px!important;line-height:1!important} /* Grid is the only mobile catalog view; hide Grid/List controls */ .stoq-catalog-tools-row .stoq-view{display:none!important} .stoq-catalog-tools-row .stoq-view-tools{width:100%!important;justify-content:flex-start!important} .stoq-catalog-tools-row .stoq-sort{width:100%!important;flex:1 1 100%!important} } \n\n/* STOQ 0.12.9 · Phone catalog: sticky filter card only */ @media (max-width:700px){ /* Remove the complete catalog cover on phones, including its brand/logo. */ .stoq-catalog{overflow:visible!important} .stoq-discovery{display:none!important} .stoq-hero-inner,.stoq-hero-brand,.stoq-discovery-copy{display:none!important} /* On phones the top catalog area contains only the filter card. */ .stoq-match-wrap{ position:sticky!important; top:0!important; z-index:9990!important; width:100%!important; margin:0 auto 14px!important; padding:8px 10px 0!important; background:#f8fafc!important; } .stoq-match-layout{display:block!important} .stoq-match-layout>.stoq-contact-card{display:none!important} .stoq-match{ display:grid!important; grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important; grid-template-rows:auto auto!important; column-gap:10px!important; row-gap:9px!important; width:100%!important; padding:11px 12px 10px!important; border:1px solid #e1e6ed!important; border-radius:16px!important; background:#fff!important; box-shadow:0 7px 20px rgba(11,35,69,.07)!important; } /* Row 1: Ver filtros | Más recientes */ .stoq-match .stoq-quick-row{ grid-column:1!important; grid-row:1!important; display:block!important; margin:0!important; min-width:0!important; } .stoq-match .stoq-quick-filters{display:none!important} .stoq-match .stoq-quick-row>.stoq-more-filters{ display:flex!important; align-items:center!important; justify-content:center!important; width:100%!important; min-width:0!important; height:42px!important; min-height:42px!important; margin:0!important; padding:0 12px!important; border:0!important; border-radius:11px!important; background:#0b2345!important; color:#fff!important; gap:7px!important; font-size:12px!important; font-weight:800!important; white-space:nowrap!important; } .stoq-filter-label-desktop{display:none!important} .stoq-filter-label-mobile{display:inline!important;color:#fff!important;margin:0!important} .stoq-more-filters .stoq-filter-icon{display:inline-grid!important;place-items:center!important;color:#fff!important;margin:0!important;font-size:15px!important;line-height:1!important} .stoq-catalog-tools-row{display:contents!important} .stoq-catalog-tools-row .stoq-view-tools{ grid-column:2!important; grid-row:1!important; display:block!important; width:100%!important; min-width:0!important; margin:0!important; } .stoq-catalog-tools-row .stoq-sort{ display:block!important; width:100%!important; min-width:0!important; height:42px!important; min-height:42px!important; margin:0!important; padding:0 32px 0 12px!important; border:1px solid #dfe5ec!important; border-radius:11px!important; background-color:#fff!important; color:#283343!important; font-size:12px!important; } .stoq-catalog-tools-row .stoq-view{display:none!important} /* Row 2: dynamic result count. */ .stoq-catalog-tools-row .stoq-count-placeholder{ grid-column:1 / -1!important; grid-row:2!important; display:flex!important; align-items:center!important; min-height:24px!important; margin:0!important; padding:0 2px!important; color:#596678!important; font-size:12px!important; line-height:1.3!important; } .stoq-catalog-tools-row .stoq-count-placeholder>div{display:flex!important;align-items:baseline!important;gap:4px!important} .stoq-catalog-tools-row .stoq-count-placeholder strong{color:#0b2345!important;font-size:13px!important;font-weight:800!important} /* Results begin directly below the sticky controls. */ .stoq-results{width:calc(100% - 20px)!important;margin:0 auto!important;padding-top:0!important} .stoq-results-head{display:none!important} } /* STOQ 0.13.0 · Mobile: sticky filter only; keep advisor contact card */ @media (max-width:700px){ .stoq-match-wrap{ position:relative!important; top:auto!important; z-index:auto!important; padding:8px 10px 0!important; background:#f8fafc!important; } .stoq-match-layout{display:block!important} .stoq-match-layout>.stoq-contact-card{ display:flex!important; position:relative!important; width:100%!important; margin:12px 0 0!important; } .stoq-match{ position:relative!important; top:auto!important; z-index:1!important; } } /* STOQ 0.13.1 · Mobile correction: preserve filters + advisor card */ @media (max-width:700px){ .stoq-discovery{display:none!important} .stoq-match-wrap{position:relative!important;top:auto!important;z-index:auto!important;background:#f8fafc!important;padding:8px 10px 0!important;margin:0 auto 14px!important;overflow:visible!important} .stoq-match-layout{display:block!important} .stoq-match{position:relative!important;top:auto!important;z-index:1!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;grid-template-rows:auto auto!important;gap:9px 10px!important;background:#fff!important;border:1px solid #e1e6ed!important;border-radius:16px!important;padding:11px 12px 10px!important;box-shadow:0 7px 20px rgba(11,35,69,.07)!important} .stoq-match .stoq-quick-filters{display:none!important} .stoq-match .stoq-quick-row{display:block!important;grid-column:1!important;grid-row:1!important;margin:0!important} .stoq-match .stoq-more-filters{display:flex!important;width:100%!important;min-width:0!important;height:42px!important;align-items:center!important;justify-content:center!important;background:#0b2345!important;color:#fff!important;border:0!important;border-radius:11px!important} .stoq-filter-label-desktop{display:none!important}.stoq-filter-label-mobile{display:inline!important} .stoq-catalog-tools-row{display:contents!important} .stoq-catalog-tools-row .stoq-view-tools{display:block!important;grid-column:2!important;grid-row:1!important;width:100%!important} .stoq-catalog-tools-row .stoq-sort{display:block!important;width:100%!important;height:42px!important;border:1px solid #dfe5ec!important;border-radius:11px!important;background:#fff!important;padding:0 30px 0 12px!important} .stoq-catalog-tools-row .stoq-view{display:none!important} .stoq-catalog-tools-row .stoq-count-placeholder{display:flex!important;grid-column:1/-1!important;grid-row:2!important;min-height:24px!important;padding:0 2px!important;color:#596678!important;font-size:12px!important} /* Contact card remains exactly below the filter card. */ .stoq-match-layout>.stoq-contact-card{display:flex!important;position:relative!important;z-index:1!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;width:100%!important;margin:12px 0 0!important;padding:22px 16px 18px!important;text-align:center!important;background:#fff!important;border:1px solid #dfe4ea!important;border-radius:20px!important;box-shadow:none!important} .stoq-match-layout>.stoq-contact-card .stoq-contact-visual{display:flex!important;flex-direction:column!important;align-items:center!important;gap:9px!important;width:100%!important} .stoq-match-layout>.stoq-contact-card .stoq-contact-avatar-wrap{order:1!important} .stoq-match-layout>.stoq-contact-card .stoq-contact-brand{display:block!important;order:2!important;width:78px!important;max-height:34px!important;margin:0 auto 12px!important;object-fit:contain!important} .stoq-match-layout>.stoq-contact-card .stoq-contact-info{display:flex!important;flex-direction:column!important;align-items:center!important;width:100%!important} .stoq-match-layout>.stoq-contact-card .stoq-contact-links{display:grid!important;grid-template-columns:minmax(0,1.25fr) minmax(0,.9fr)!important;gap:8px!important;width:100%!important} /* Drawer remains available above sticky controls/contact. */ .stoq-filter-drawer{display:block!important;position:fixed!important;inset:0!important;z-index:10050!important;pointer-events:none!important;visibility:hidden!important} .stoq-filter-drawer.open{pointer-events:auto!important;visibility:visible!important} .stoq-filter-drawer .stoq-filter-backdrop{display:block!important} .stoq-filter-drawer .stoq-filter-panel{display:block!important} } /* STOQ 0.13.2 · Mobile persistent filters + advisor logo/avatar row */ @media (max-width:700px){ /* Smaller, regular-weight mobile filter trigger text. */ .stoq-match .stoq-more-filters, .stoq-match .stoq-more-filters .stoq-filter-label-mobile{ font-size:11px!important; font-weight:400!important; } /* JS promotes the filter card to fixed so it is not constrained by its parent. */ .stoq-match.stoq-mobile-filter-fixed{ position:fixed!important; top:0!important; left:10px!important; right:10px!important; width:auto!important; z-index:9990!important; margin:0!important; border-radius:0 0 16px 16px!important; box-shadow:0 8px 22px rgba(11,35,69,.12)!important; } .stoq-mobile-filter-spacer{display:none;height:0} .stoq-mobile-filter-spacer.is-active{display:block} /* Ford logo and Carmela's profile photo share the first row. */ .stoq-match-layout>.stoq-contact-card .stoq-contact-visual{ display:flex!important; flex-direction:row!important; align-items:center!important; justify-content:center!important; gap:18px!important; width:100%!important; margin:0 0 12px!important; } .stoq-match-layout>.stoq-contact-card .stoq-contact-brand{ order:1!important; width:82px!important; max-height:38px!important; margin:0!important; } .stoq-match-layout>.stoq-contact-card .stoq-contact-avatar-wrap{ order:2!important; margin:0!important; } .stoq-match-layout>.stoq-contact-card .stoq-contact-avatar{ width:88px!important; height:88px!important; flex-basis:88px!important; } } /* STOQ 0.13.3 · Mobile filters scroll normally (not sticky/fixed). */ @media (max-width:700px){ .stoq-match, .stoq-match.stoq-mobile-filter-fixed{ position:relative!important; top:auto!important;right:auto!important;left:auto!important; width:auto!important; z-index:1!important; } .stoq-mobile-filter-spacer,.stoq-mobile-filter-spacer.is-active{display:none!important;height:0!important} } /* STOQ 0.13.4 · Mobile-only full-width filter card + Ford2 contact logo */ .stoq-contact-brand-mobile{display:none!important} @media (max-width:700px){ /* Full viewport width filter/contact section without changing desktop/tablet. */ .stoq-match-wrap{ width:100vw!important; max-width:none!important; margin-left:calc(50% - 50vw)!important; margin-right:calc(50% - 50vw)!important; padding-left:0!important; padding-right:0!important; } .stoq-match-layout{width:100%!important;max-width:none!important} .stoq-match{ width:100%!important; max-width:none!important; margin-left:0!important; margin-right:0!important; box-sizing:border-box!important; border-left:0!important; border-right:0!important; border-radius:0!important; } /* Ford2 is used only on phone. Desktop keeps the original Ford logo. */ .stoq-contact-brand-desktop{display:none!important} .stoq-contact-brand-mobile{display:block!important} } \n\n/* STOQ 0.13.5 · Mobile-only contact centering + email CTA + tighter filter controls */ .stoq-contact-email{display:flex!important} @media (max-width:700px){ /* Keep the two controls closer together while preserving the full-width card. */ .stoq-match{ grid-template-columns:minmax(0,132px) minmax(0,150px)!important; justify-content:center!important; column-gap:6px!important; } .stoq-match .stoq-quick-row, .stoq-catalog-tools-row .stoq-view-tools{width:100%!important} /* Center Ford2 + advisor portrait as one visual group. */ .stoq-match-layout>.stoq-contact-card .stoq-contact-visual{ display:flex!important; flex-direction:row!important; align-items:center!important; justify-content:center!important; width:100%!important; gap:16px!important; margin:0 auto 12px!important; } .stoq-match-layout>.stoq-contact-card .stoq-contact-brand-mobile{ display:block!important; width:82px!important; max-height:38px!important; margin:0!important; flex:0 0 auto!important; } .stoq-match-layout>.stoq-contact-card .stoq-contact-avatar-wrap{ margin:0!important; flex:0 0 auto!important; } /* Phone uses email instead of call. Desktop/tablet keep the existing call CTA. */ .stoq-contact-email{display:flex!important} } /* STOQ 0.13.6 · Mobile-only CTA row + wider sort control */ @media (max-width:700px){ /* Give “Más recientes” enough room while keeping both controls together. */ .stoq-match{ grid-template-columns:minmax(0,118px) minmax(0,174px)!important; justify-content:center!important; column-gap:7px!important; } .stoq-catalog-tools-row .stoq-sort{ width:100%!important; min-width:174px!important; padding-left:12px!important; padding-right:28px!important; font-size:12px!important; } /* Mobile contact actions: WhatsApp + email on the same row; never show Call. */ .stoq-match-layout>.stoq-contact-card .stoq-contact-links{ display:grid!important; grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important; gap:8px!important; width:100%!important; align-items:stretch!important; } .stoq-match-layout>.stoq-contact-card .stoq-contact-links .stoq-contact-whatsapp, .stoq-match-layout>.stoq-contact-card .stoq-contact-links .stoq-contact-email{ display:flex!important; align-items:center!important; justify-content:center!important; width:100%!important; min-width:0!important; margin:0!important; white-space:nowrap!important; box-sizing:border-box!important; } } /* STOQ 0.13.7 · Contact actions on every viewport: WhatsApp + email only */ .stoq-match-layout>.stoq-contact-card .stoq-contact-links{ display:grid!important; grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important; gap:8px!important; align-items:stretch!important; } .stoq-match-layout>.stoq-contact-card .stoq-contact-email{ display:flex!important; align-items:center!important; justify-content:center!important; } /* STOQ 0.13.8 · Mobile-only: center Ford2 + advisor portrait as one group */ @media (max-width:700px){ .stoq-match-layout>.stoq-contact-card .stoq-contact-visual{ display:inline-flex!important; flex-direction:row!important; align-items:center!important; justify-content:center!important; align-self:center!important; width:auto!important; max-width:100%!important; gap:16px!important; margin:0 auto 12px!important; } .stoq-match-layout>.stoq-contact-card .stoq-contact-brand-mobile, .stoq-match-layout>.stoq-contact-card .stoq-contact-avatar-wrap{ flex:0 0 auto!important; margin:0!important; justify-self:auto!important; } } /* STOQ 0.13.10 · Mobile-only: exact 6px gap between filter and sort controls */ @media (max-width:700px){ .stoq-match{ grid-template-columns:minmax(0,118px) minmax(0,174px)!important; justify-content:center!important; column-gap:6px!important; } } /* STOQ 0.13.11 · Mobile-only: real 20px visual separation between filter and sort */ @media (max-width:700px){ .stoq-match{ grid-template-columns:minmax(0,1fr) minmax(0,174px)!important; column-gap:20px!important; row-gap:9px!important; justify-content:stretch!important; } .stoq-match .stoq-quick-row, .stoq-catalog-tools-row .stoq-view-tools{ min-width:0!important; margin:0!important; } .stoq-match .stoq-quick-row>.stoq-more-filters, .stoq-catalog-tools-row .stoq-sort{ width:100%!important; min-width:0!important; max-width:none!important; margin:0!important; box-sizing:border-box!important; } } /* STOQ 0.13.12 · Desktop-only filter/contact cleanup */ .stoq-wa-label-mobile{display:none} @media (min-width:701px){ /* Defensive rule: if legacy markup renders another filter trigger, keep only the first. */ .stoq-catalog .stoq-more-filters ~ .stoq-more-filters{display:none!important} .stoq-wa-label-desktop{display:inline!important} .stoq-wa-label-mobile{display:none!important} .stoq-match-layout>.stoq-contact-card .stoq-contact-whatsapp{ background:#18a957!important;border:1px solid #18a957!important;color:#fff!important; } .stoq-match-layout>.stoq-contact-card .stoq-contact-whatsapp b{background:transparent!important;color:#fff!important} .stoq-match-layout>.stoq-contact-card .stoq-contact-email{ background:#fff!important;border:1px solid #d9dee5!important;color:#111!important; } .stoq-match-layout>.stoq-contact-card .stoq-contact-email b{background:transparent!important;color:#111!important} } @media (max-width:700px){ .stoq-wa-label-desktop{display:none!important} .stoq-wa-label-mobile{display:inline!important} } /* STOQ 0.13.13 · Desktop-only rounded contact action buttons */ @media (min-width:701px){ .stoq-match-layout>.stoq-contact-card .stoq-contact-links .stoq-contact-whatsapp, .stoq-match-layout>.stoq-contact-card .stoq-contact-links .stoq-contact-email{ border-radius:999px!important; } } /* STOQ 0.13.14 · Desktop contact actions match “Más filtros” radius and center content */ @media (min-width:701px){ .stoq-match-layout>.stoq-contact-card .stoq-contact-links .stoq-contact-whatsapp, .stoq-match-layout>.stoq-contact-card .stoq-contact-links .stoq-contact-email{ border-radius:999px!important; /* same radius as .stoq-more-filters */ display:flex!important; align-items:center!important; justify-content:center!important; gap:8px!important; text-align:center!important; line-height:1!important; } .stoq-match-layout>.stoq-contact-card .stoq-contact-links .stoq-contact-whatsapp b, .stoq-match-layout>.stoq-contact-card .stoq-contact-links .stoq-contact-email b, .stoq-match-layout>.stoq-contact-card .stoq-contact-links .stoq-contact-whatsapp span, .stoq-match-layout>.stoq-contact-card .stoq-contact-links .stoq-contact-email span{ margin:0!important; flex:0 0 auto!important; } .stoq-match-layout>.stoq-contact-card .stoq-contact-links .stoq-contact-whatsapp b, .stoq-match-layout>.stoq-contact-card .stoq-contact-links .stoq-contact-email b{ display:inline-flex!important; align-items:center!important; justify-content:center!important; line-height:1!important; } } /* STOQ 0.13.15 · Desktop/tablet: hide Más filtros trigger; mobile keeps Ver filtros */ @media (min-width:701px){ .stoq-catalog .stoq-more-filters{display:none!important;} } /* STOQ 0.13.16 · Desktop: Ver filtros at end of quick-search row */ @media (min-width:701px){ .stoq-catalog .stoq-quick-row>.stoq-more-filters{ display:inline-flex!important; align-items:center!important; justify-content:center!important; flex:0 0 auto!important; } } /* STOQ 0.13.17 · One filter label per breakpoint */ .stoq-filter-label-mobile{display:none!important;} @media (max-width:700px){ .stoq-filter-label-desktop{display:none!important;} .stoq-filter-label-mobile{display:inline!important;} } /* STOQ 0.13.18 · Ver filtros: smaller, regular weight */ .stoq-catalog .stoq-more-filters .stoq-filter-label-desktop, .stoq-catalog .stoq-more-filters .stoq-filter-label-mobile{ font-size:12px!important; font-weight:400!important; } /* STOQ 0.13.19 · Desktop-only refinements */ @media (min-width:701px){ .stoq-catalog .stoq-more-filters .stoq-filter-label-desktop{ text-transform:uppercase!important; } .stoq-match-layout>.stoq-contact-card .stoq-contact-links .stoq-contact-email{ padding-left:18px!important; padding-right:18px!important; min-width:126px!important; } } \n\n/* STOQ 0.13.20 · Advisor speech originates from profile photo */ .stoq-contact-avatar-wrap{position:relative!important;overflow:visible!important;z-index:40!important} .stoq-contact-avatar-wrap>.stoq-contact-speech{ position:absolute!important; left:calc(100% + 14px)!important; right:auto!important; top:50%!important; bottom:auto!important; width:min(300px,calc(100vw - 48px))!important; margin:0!important; padding:12px 14px!important; box-sizing:border-box!important; border-radius:15px!important; background:#fff!important; color:#0b1f3a!important; box-shadow:0 12px 32px rgba(3,18,38,.18)!important; opacity:0!important; visibility:hidden!important; pointer-events:none!important; transform:translate(-8px,-50%) scale(.98)!important; transform-origin:left center!important; transition:opacity .25s ease,transform .25s ease,visibility .25s ease!important; z-index:50!important; font-size:12px!important; font-weight:700!important; line-height:1.35!important; } .stoq-contact-card.stoq-speaking .stoq-contact-avatar-wrap>.stoq-contact-speech{ opacity:1!important;visibility:visible!important;pointer-events:auto!important; transform:translate(0,-50%) scale(1)!important; } .stoq-contact-avatar-wrap>.stoq-contact-speech::after{ content:""!important;position:absolute!important;left:-7px!important;right:auto!important; top:50%!important;bottom:auto!important;width:15px!important;height:15px!important; background:#fff!important;transform:translateY(-50%) rotate(45deg)!important;border-radius:2px!important; } .stoq-contact-avatar-wrap>.stoq-contact-speech .stoq-speech-link{color:#0b1f3a!important;text-decoration:none!important;font-weight:750!important} .stoq-contact-avatar-wrap>.stoq-contact-speech .stoq-speech-link:hover{text-decoration:underline!important} @media(max-width:700px){ .stoq-contact-avatar-wrap>.stoq-contact-speech{ left:50%!important;right:auto!important;top:auto!important;bottom:calc(100% + 14px)!important; width:min(320px,calc(100vw - 42px))!important; transform:translate(-50%,8px) scale(.98)!important;transform-origin:center bottom!important; } .stoq-contact-card.stoq-speaking .stoq-contact-avatar-wrap>.stoq-contact-speech{ transform:translate(-50%,0) scale(1)!important; } .stoq-contact-avatar-wrap>.stoq-contact-speech::after{ left:50%!important;right:auto!important;top:auto!important;bottom:-7px!important; transform:translateX(-50%) rotate(45deg)!important; } } @media(prefers-reduced-motion:reduce){.stoq-contact-avatar-wrap>.stoq-contact-speech{transition:none!important}} /* STOQ 0.13.21 · Speech bubble above advisor portrait + slightly larger email action */ .stoq-contact-avatar-wrap>.stoq-contact-speech{ left:50%!important; right:auto!important; top:auto!important; bottom:calc(100% + 14px)!important; width:min(300px,calc(100vw - 42px))!important; transform:translate(-50%,8px) scale(.98)!important; transform-origin:center bottom!important; } .stoq-contact-card.stoq-speaking .stoq-contact-avatar-wrap>.stoq-contact-speech{ transform:translate(-50%,0) scale(1)!important; } .stoq-contact-avatar-wrap>.stoq-contact-speech::after{ left:50%!important; right:auto!important; top:auto!important; bottom:-7px!important; transform:translateX(-50%) rotate(45deg)!important; } @media (min-width:701px){ .stoq-match-layout>.stoq-contact-card .stoq-contact-links .stoq-contact-email{ min-width:138px!important; padding-left:22px!important; padding-right:22px!important; } } /* STOQ 0.13.23 · Visible speech bubble above advisor portrait + continuous portrait bounce */ .stoq-contact-speech-portal{ position:fixed!important; right:auto!important; bottom:auto!important; margin:0!important; padding:12px 14px!important; box-sizing:border-box!important; border-radius:15px!important; background:#fff!important; color:#0b1f3a!important; box-shadow:0 12px 32px rgba(3,18,38,.20)!important; opacity:0!important; visibility:hidden!important; pointer-events:none!important; transform:translate(-50%,-100%) scale(.97)!important; transform-origin:center bottom!important; transition:opacity .22s ease,transform .22s ease,visibility .22s ease!important; z-index:2147483000!important; font-size:12px!important; font-weight:700!important; line-height:1.4!important; } .stoq-contact-speech-portal.is-visible{ opacity:1!important; visibility:visible!important; pointer-events:auto!important; transform:translate(-50%,-100%) scale(1)!important; } .stoq-contact-speech-portal::after{ content:""!important; position:absolute!important; left:50%!important; right:auto!important; top:auto!important; bottom:-7px!important; width:15px!important; height:15px!important; background:#fff!important; transform:translateX(-50%) rotate(45deg)!important; border-radius:2px!important; } .stoq-contact-speech-portal .stoq-speech-link{color:#0b1f3a!important;text-decoration:none!important;font-weight:750!important} .stoq-contact-speech-portal .stoq-speech-link:hover{text-decoration:underline!important} .stoq-contact-avatar-bounce{ animation:stoq-profile-bounce 1.35s ease-in-out infinite!important; transform-origin:center bottom!important; will-change:transform; } @keyframes stoq-profile-bounce{ 0%,100%{transform:translateY(0)} 45%{transform:translateY(-7px)} 62%{transform:translateY(-3px)} } @media(max-width:700px){ .stoq-contact-speech-portal{font-size:12px!important} } @media(prefers-reduced-motion:reduce){ .stoq-contact-avatar-bounce{animation:none!important} .stoq-contact-speech-portal{transition:none!important} } /* STOQ 0.13.24 · Mobile-only contact composition: portrait over Ford2, identity at right */ @media (max-width:700px){ .stoq-match-layout>.stoq-contact-card{ display:grid!important; grid-template-columns:96px minmax(0,1fr)!important; column-gap:16px!important; row-gap:10px!important; align-items:center!important; } .stoq-match-layout>.stoq-contact-card .stoq-contact-visual{ grid-column:1!important; display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:center!important; align-self:center!important; width:96px!important; max-width:96px!important; gap:7px!important; margin:0!important; } .stoq-match-layout>.stoq-contact-card .stoq-contact-avatar-wrap{ order:1!important; margin:0!important; } .stoq-match-layout>.stoq-contact-card .stoq-contact-brand-mobile{ order:2!important; display:block!important; width:64px!important; max-height:28px!important; margin:0 auto!important; } .stoq-match-layout>.stoq-contact-card .stoq-contact-brand-desktop{display:none!important} .stoq-match-layout>.stoq-contact-card .stoq-contact-info{ grid-column:2!important; align-self:center!important; width:100%!important; min-width:0!important; align-items:flex-start!important; text-align:left!important; margin:0!important; } .stoq-match-layout>.stoq-contact-card .stoq-contact-info>strong, .stoq-match-layout>.stoq-contact-card .stoq-contact-role{ width:100%!important; text-align:left!important; } } /* STOQ 0.13.30 - portada configurable */ .stoq-discovery h2{color:var(--stoq-hero-title-color,#101722)}