(function(){
"use strict";
var root=document.getElementById("cc911-header");
if(!root)return;
if(root.dataset.cc911Initialized==="1")return;
root.dataset.cc911Initialized="1";
var HOME="https://compramoscarros911.miami/";
var HOME_URL=new URL(HOME);
var button=root.querySelector("#cc911-menu-toggle");
var mobile=root.querySelector("#cc911-mobile-nav");
/* ========================================
CORREÇÃO PRINCIPAL
Move o header para o BODY e retira
o elemento dos containers Elementor
que podem criar stacking context.
Não executa essa movimentação dentro
do editor visual para facilitar a edição.
======================================== */
function fixHeaderLayer(){
if(!document.body)return;
var isEditor=
document.body.classList.contains("elementor-editor-active") ||
document.body.classList.contains("elementor-editor-preview");
if(!isEditor && root.parentElement!==document.body){
document.body.appendChild(root);
}
root.style.setProperty(
"position","fixed","important"
);
root.style.setProperty(
"z-index","2147483000","important"
);
root.style.setProperty(
"left","0","important"
);
root.style.setProperty(
"right","0","important"
);
root.style.setProperty(
"width","100%","important"
);
root.style.setProperty(
"visibility","visible","important"
);
root.style.setProperty(
"opacity","1","important"
);
}
fixHeaderLayer();
/* ========================================
MENU MOBILE
======================================== */
function closeMenu(){
if(mobile){
mobile.classList.remove("is-open");
}
if(button){
button.setAttribute("aria-expanded","false");
button.textContent="☰";
}
}
if(button&&mobile){
button.addEventListener("click",function(){
var open=mobile.classList.toggle("is-open");
button.setAttribute(
"aria-expanded",
open?"true":"false"
);
button.textContent=open?"×":"☰";
});
mobile.querySelectorAll("a").forEach(function(link){
link.addEventListener("click",function(){
closeMenu();
});
});
}
document.addEventListener("click",function(event){
if(root.contains(event.target))return;
root.querySelectorAll("details").forEach(function(el){
el.open=false;
});
closeMenu();
});
document.addEventListener("keydown",function(event){
if(event.key==="Escape"){
root.querySelectorAll("details").forEach(function(el){
el.open=false;
});
closeMenu();
}
});
/* ========================================
DETECTAR HOME
======================================== */
function isHome(){
var path=window.location.pathname.replace(/\/+/g,"/");
return (
window.location.hostname===HOME_URL.hostname &&
(path==="/"||path==="")
);
}
/* ========================================
SEÇÕES COM ÂNCORAS
======================================== */
function findSection(id){
var aliases={
"contact":["contact","cc911-contact"],
"vehicles":["vehicles","vehicles-we-buy"],
"about":["about"],
"services":["services"],
"how-it-works":["how-it-works"],
"reviews":["reviews"],
"faq":["faq"],
"why-choose":["why-choose"],
"areas":["areas"]
};
var ids=aliases[id]||[id];
for(var i=0;i<ids.length;i++){
var section=document.getElementById(ids[i]);
if(section)return section;
}
return null;
}
/* ========================================
SCROLL COM COMPENSAÇÃO DO HEADER
======================================== */
function scrollToSection(section,smooth){
if(!section)return;
var headerHeight=root.querySelector(".cc911-wrap")
.getBoundingClientRect().height;
var adminBar=document.getElementById("wpadminbar");
var adminHeight=adminBar
?adminBar.getBoundingClientRect().height
:0;
var top=
section.getBoundingClientRect().top+
window.scrollY-
headerHeight-
adminHeight-
18;
window.scrollTo({
top:Math.max(0,top),
behavior:smooth?"smooth":"auto"
});
}
/* ========================================
LINKS DO MENU PARA A HOME
======================================== */
root.querySelectorAll("a[data-home-section]").forEach(
function(link){
link.addEventListener("click",function(event){
var id=link.getAttribute("data-home-section");
if(!id||!isHome())return;
var section=findSection(id);
if(!section)return;
event.preventDefault();
closeMenu();
root.querySelectorAll("details").forEach(function(el){
el.open=false;
});
var hash="#"+encodeURIComponent(id);
if(window.location.hash!==hash){
history.pushState(null,"",hash);
}
scrollToSection(section,true);
});
}
);
/* ========================================
ABRIR ANCORAS VINDAS DE OUTRAS PAGINAS
======================================== */
function scrollFromURL(){
if(!isHome()||!location.hash)return;
var id;
try{
id=decodeURIComponent(location.hash.slice(1));
}catch(e){
return;
}
var section=findSection(id);
if(section){
scrollToSection(section,false);
}
}
window.addEventListener("load",function(){
fixHeaderLayer();
if(location.hash){
setTimeout(scrollFromURL,180);
setTimeout(scrollFromURL,650);
}
});
window.addEventListener("hashchange",function(){
setTimeout(scrollFromURL,80);
});
/* ========================================
NOMES OFICIAIS DAS CIDADES
======================================== */
var officialNames={
"coral-gables":"Coral Gables",
"doral":"Doral",
"miami":"Miami",
"hialeah":"Hialeah",
"kendall":"Kendall",
"miramar":"Miramar",
"opa-locka":"Opa-locka",
"sweetwater":"Sweetwater",
"miami-beach":"Miami Beach",
"miami-lakes":"Miami Lakes",
"north-miami":"North Miami",
"miami-gardens":"Miami Gardens",
"pembroke-pines":"Pembroke Pines",
"hialeah-gardens":"Hialeah Gardens"
};
var pathParts=location.pathname
.replace(/^\/+|\/+$/g,"")
.split("/");
var currentCity=pathParts[pathParts.length-1]||"";
function restoreCityNames(){
root.querySelectorAll("a[data-city]").forEach(
function(link){
var slug=link.getAttribute("data-city");
var name=officialNames[slug];
if(!name)return;
var label=link.querySelector(".cc911-place-name");
if(!label){
label=document.createElement("span");
label.className="cc911-place-name notranslate";
label.setAttribute("translate","no");
link.textContent="";
link.appendChild(label);
}
if(!label.classList.contains("notranslate")){
label.classList.add("notranslate");
}
if(label.getAttribute("translate")!=="no"){
label.setAttribute("translate","no");
}
if(label.textContent!==name){
label.textContent=name;
}
var active=slug===currentCity;
link.classList.toggle(
"cc911-current-city",
active
);
if(active){
link.setAttribute("aria-current","page");
}else{
link.removeAttribute("aria-current");
}
}
);
}
/* ========================================
MENU ATIVO
======================================== */
function highlightSection(){
var currentHash=location.hash.slice(1);
root.querySelectorAll("a[data-home-section]").forEach(
function(link){
var active=
isHome() &&
link.getAttribute("data-home-section")===currentHash;
link.classList.toggle("cc911-active",active);
}
);
}
/* ========================================
ATUALIZAÇÃO APÓS GTRANSLATE
======================================== */
var pending=false;
function scheduleUpdate(){
if(pending)return;
pending=true;
setTimeout(function(){
pending=false;
restoreCityNames();
highlightSection();
},120);
}
new MutationObserver(scheduleUpdate).observe(root,{
subtree:true,
childList:true,
characterData:true
});
document.addEventListener("click",function(){
setTimeout(scheduleUpdate,350);
setTimeout(scheduleUpdate,1100);
},true);
window.addEventListener("hashchange",highlightSection);
setInterval(scheduleUpdate,1800);
restoreCityNames();
highlightSection();
})();
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
#cc911-work,#cc911-work *{box-sizing:border-box}
/* FULL WIDTH: rompe el contenedor de Elementor y quita los bordes blancos */
html,body{background:#09090B!important;overflow-x:hidden}
html body #cc911-work{
width:100vw!important;max-width:100vw!important;
margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;
}
#cc911-work{
--gold:#FFC400;
position:relative;width:100%;
background:#09090B;color:#fff;
padding:160px 22px 70px;
font-family:Inter,Arial,sans-serif;overflow:hidden;
}
#cc911-work a{text-decoration:none!important}
#cc911-work a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
#cc911-work .wk-container{max-width:1300px;margin:auto}
/* Encabezados */
#cc911-work .wk-header{max-width:870px;margin:0 auto 35px;text-align:center}
#cc911-work .wk-eyebrow{
display:inline-flex;justify-content:center;align-items:center;gap:9px;
margin-bottom:13px;color:var(--gold);font-size:11px;
font-weight:800;letter-spacing:1.5px;text-transform:uppercase;
}
#cc911-work .wk-eyebrow:before,#cc911-work .wk-eyebrow:after{
content:"";width:24px;height:3px;background:var(--gold);border-radius:4px;
}
#cc911-work .wk-title{
color:#fff;font-size:clamp(30px,3vw,44px);font-weight:900;
line-height:1.18;letter-spacing:-1.2px;margin:0 0 13px;
}
#cc911-work .wk-title span{color:var(--gold)}
#cc911-work .wk-description{
max-width:800px;margin:auto;color:#C9C9D0;font-size:13px;line-height:1.85;
}
#cc911-work .wk-description strong{color:#fff}
/* Chips / salto a cada widget */
#cc911-work .wk-chips{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;margin-top:20px}
#cc911-work .wk-chip{
display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border-radius:999px;
background:#19191B;border:1px solid #39393C;color:#EEE!important;font-size:11px;font-weight:700;
transition:.22s;
}
#cc911-work .wk-chip b{color:var(--gold)}
#cc911-work .wk-chip:hover{background:#302914;border-color:var(--gold);transform:translateY(-2px)}
/* Tarjetas que enmarcan cada widget */
#cc911-work .wk-block{scroll-margin-top:110px}
#cc911-work .wk-block + .wk-block{margin-top:45px}
#cc911-work .wk-card{
border:1px solid #38383B;border-radius:15px;overflow:hidden;
background:#18181A;box-shadow:0 8px 26px #0005;
}
#cc911-work .wk-card-top{
display:flex;align-items:center;gap:12px;min-height:68px;
padding:14px 18px;background:#252527;border-bottom:3px solid var(--gold);
}
#cc911-work .wk-icon{
display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;
background:var(--gold);color:#080808;border-radius:10px;font-size:19px;
}
#cc911-work .wk-card-top strong{display:block;color:#fff;font-size:14px;font-weight:800}
#cc911-work .wk-card-top small{display:block;margin-top:4px;color:#C9C9CB;font-size:11px}
#cc911-work .wk-badge{
margin-left:auto;display:inline-flex;align-items:center;gap:7px;
padding:7px 12px;border-radius:999px;background:#302914;border:1px solid var(--gold);
color:#fff;font-size:11px;font-weight:800;white-space:nowrap;
}
#cc911-work .wk-badge:before{
content:"";width:8px;height:8px;border-radius:50%;background:var(--gold);
box-shadow:0 0 0 4px #FFC40033;
}
#cc911-work .wk-widget{background:#fff;padding:14px;min-height:420px}
#cc911-work .wk-widget iframe{display:block;width:100%!important;border:0!important}
/* Separador entre widgets */
#cc911-work .wk-divider{
display:flex;align-items:center;gap:14px;margin:0 0 22px;
}
#cc911-work .wk-divider:before,#cc911-work .wk-divider:after{
content:"";flex:1;height:1px;background:#2E2E31;
}
#cc911-work .wk-divider span{
color:var(--gold);font-size:11px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;
}
/* CTA inferior */
#cc911-work .wk-bottom{
display:flex;align-items:center;justify-content:space-between;gap:20px;
margin-top:35px;padding:24px 26px;border-radius:15px;
background:#19191B;border:1px solid #39393C;
}
#cc911-work .wk-bottom h3{margin:0 0 5px;color:#fff;font-size:18px;font-weight:900}
#cc911-work .wk-bottom p{margin:0;color:#C3C3C7;font-size:12px;line-height:1.7}
#cc911-work .wk-actions{display:flex;gap:10px;flex-wrap:wrap}
#cc911-work .wk-btn{
display:inline-flex;align-items:center;justify-content:center;gap:8px;
padding:13px 21px;border-radius:8px;font-size:12px;font-weight:900;transition:.22s;
}
#cc911-work .wk-btn-gold{background:var(--gold);color:#080808!important}
#cc911-work .wk-btn-gold:hover{background:#FFD447;transform:translateY(-2px)}
#cc911-work .wk-btn-dark{background:#161616;color:#fff!important;border:1px solid var(--gold);border-radius:9px;font-weight:800}
#cc911-work .wk-btn-dark:hover{background:#302914;transform:translateY(-2px)}
@media(max-width:767px){
#cc911-work{padding:125px 16px 49px}
#cc911-work .wk-title{font-size:29px}
#cc911-work .wk-description{font-size:12px}
#cc911-work .wk-badge{display:none}
#cc911-work .wk-widget{padding:8px}
#cc911-work .wk-block + .wk-block{margin-top:35px}
#cc911-work .wk-bottom{flex-direction:column;text-align:center;padding:24px 17px}
#cc911-work .wk-actions{justify-content:center}
}
@media(max-width:430px){
#cc911-work .wk-actions{width:100%;flex-direction:column}
#cc911-work .wk-btn{width:100%}
}
Our Work in South Florida
Our Photo Gallery & Work Map
Browse real vehicles bought by Compramos Carros and see where our team has
recently picked up junk, used, damaged and non-running cars across
Miami-Dade County.