/* SmartSpark – cores da marca (azul-petróleo do logótipo) no lugar do laranja do template. 25/10/2026
   Para voltar ao laranja basta retirar a ligação a este ficheiro nas páginas. */
:root{--bs-primary:#0A7F99;--bs-primary-rgb:10,127,153}
a{color:#0A7F99}
.btn-primary{background-color:#0A7F99!important;border-color:#0A7F99!important;color:#fff!important}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active{background-color:#086A80!important;border-color:#086A80!important;color:#fff!important}
.btn-outline-primary{color:#0A7F99!important;border-color:#0A7F99!important}
.btn-outline-primary:hover{background-color:#0A7F99!important;color:#fff!important}
.btn-link{color:#0A7F99}
.text-primary{color:#0A7F99!important}
.bg-primary{background-color:#0A7F99!important}
.border-primary{border-color:#0A7F99!important}
.dropdown-item.active,.dropdown-item:active{background-color:#0A7F99}
.form-control:focus,.form-select:focus,.form-check-input:focus{border-color:#7FC3D2;box-shadow:0 0 0 .25rem rgba(10,127,153,.25)}
.form-check-input:checked{background-color:#0A7F99;border-color:#0A7F99}
.btn:focus,.btn-check:focus+.btn{box-shadow:0 0 0 .25rem rgba(10,127,153,.25)}
/* logótipo no telemóvel: usar a versão completa e legível */
.navbar-brand-2 img{width:170px;max-width:none;height:auto;border-radius:4px}
/* cabeçalho das páginas interiores (fundo azul): página atual a branco */
.bg-breadcrumb .breadcrumb-item.active{color:rgba(255,255,255,.75)!important}
.bg-breadcrumb .breadcrumb-item+.breadcrumb-item::before{color:rgba(255,255,255,.6)}
/* botão da loja online nos cartões de CCTV e Intrusão */
.ss-loja{margin-left:.5rem}
@media (max-width:420px){.ss-loja{margin-left:0;margin-top:.5rem}}
/* faixa "Tem um projeto em mente?": foto real em vez do logótipo gigante */
.banner{background-image:linear-gradient(rgba(5,28,34,.82),rgba(5,28,34,.82)),url(/img/quadros-gerais.jpg)!important;background-size:cover!important;background-position:center!important}

/* faixa de marcas e avaliações do Google (Início e Sobre nós) */
.ss-trust{background:#f5f8f9}
.ss-logos{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
@media (max-width:991px){.ss-logos{grid-template-columns:repeat(4,1fr)}}
@media (max-width:575px){.ss-logos{grid-template-columns:repeat(3,1fr);gap:8px}}
.ss-logo{background:#fff;border:1px solid #dde8eb;border-radius:8px;height:84px;display:flex;align-items:center;justify-content:center;padding:14px}
.ss-logo img{width:100%;height:38px;object-fit:contain;filter:grayscale(1);opacity:.85;transition:filter .2s,opacity .2s}
.ss-logo:hover img{filter:none;opacity:1}
@media (max-width:575px){.ss-logo{height:64px;padding:10px}.ss-logo img{height:28px}}
.ss-google{background:#fff;border:1px solid #dde8eb;border-radius:8px;padding:20px 24px;display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px}
.ss-google .ss-nota{font-size:40px;font-weight:700;line-height:1;color:#1d2b33}
.ss-google .ss-estrelas{color:#F5B301;font-size:20px;letter-spacing:2px;line-height:1}
.ss-google .ss-acoes{margin-left:auto;display:flex;flex-wrap:wrap;gap:8px}
@media (max-width:575px){.ss-google .ss-acoes{margin-left:0}}
/* Logótipo do rodapé (versão branca) */
.ss-footer-logo{width:220px;max-width:100%;height:auto;display:block}/* Logótipo do topo */
.navbar-brand img.ss-header-logo{width:250px;max-width:100%;height:auto;max-height:none}
.navbar-brand-2 img.ss-header-logo{width:150px;height:auto;border-radius:0}