.container-header {
    background-color: #0091FF;
    background-image: none;
}

/* 2. MARCA D'ÁGUA DO GARRAFÃO */
:root {
    --body-bg: transparent;
}

body.site {
    background-color: transparent !important;
    background-image:
        linear-gradient(
            rgba(255, 255, 255, 0.85),
            rgba(255, 255, 255, 0.85)
        ),
        url('/joomla/images/slideshow/background-banner-home.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
}

/* Cor do botão da Pesquisa Inteligente */
.mod-finder__search .btn {
    background-color: #F8BB19;
    border-color: #F8BB19;
}

/* Forçar a alteração através das variáveis nativas do Cassiopeia */
body {
    --cassiopeia-color-primary: #2B2B2B !important;
}

/* Alvo direto na estrutura de grelha do footer */
.footer, 
footer,
.container-footer {
    background: #2B2B2B !important;
    background-color: #2B2B2B !important;
    color: #FFFFFF !important;
}

/* Garante que os links herdam a cor branca */
.footer a, footer a {
    color: #FFFFFF !important;
}

/* Cor padrão do botão de contacto */
.contact-form .btn-primary,
div.contact-form button.btn {
    background-color: #F8BB19 !important;
    border-color: #F8BB19 !important;
    color: #FFFFFF !important;
}

/* Cor ao passar o rato (hover) e quando o botão está focado/ativo */
.contact-form .btn-primary:hover,
.contact-form .btn-primary:focus,
.contact-form .btn-primary:active {
    background-color: #0091FF !important;
    border-color: #3C43B8 !important;
    color: #FFFFFF !important;
}

/* =========================================================
   TV LIGUEGELAGUA - Títulos dos módulos
   Fundo cinza 50% - #808080
   TESTE B - 28/08/2026
   ========================================================= */

.sidebar-left.card .card-header,
.sidebar-right.card .card-header {
    background-color: #808080;
    color: #ffffff;
}

/* =========================================================
   HOME — BOTÃO PESQUISAR — EFEITO MOUSE-OVER
   Cor: #0091FF
   ========================================================= */

.mod-finder__search button:hover,
.mod-finder__search .btn:hover {
    background-color: #0091FF;
    border-color: #0091FF;
}

/* Botão nativo "Voltar ao topo" — Mouse Over */
.back-to-top-link:hover {
    background-color: #0191FF;
    border-color: #F8BB19 !important;
}

/* =====================================================
   HEADER SITE — CORREÇÃO GLOBAL PARA JOOMLA 6
   ===================================================== */
.topbar,
.container-header,
header.header {
    grid-column: start / end !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

.topbar .mod-custom,
.topbar .mod-custom img,
.topbar .mod-custom p img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
}

/* Centralizar somente o mapa da HOME */
#OMapsID_135 {
    margin-left: auto !important;
    margin-right: auto !important;
}

/* =========================================================
   PÁGINA SERVIÇOS — ajuste da largura do conteúdo
   TESTE B
   ========================================================= */

.com-content-category-blog {
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.com-content-category-blog .blog-item {
    width: 100%;
}

/* =====================================================
   CABEÇALHO — MENU PRINCIPAL E BANNER
   ===================================================== */

.header {
    max-width: 1100px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
}

.container-header {
    max-width: 1100px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

/* =====================================================
   CONTATO — FORMULÁRIO E ÁREA DE CONTEÚDO
   ===================================================== */

@media (min-width: 992px) {
    body.site.com_contact.view-contact .site-grid {
        grid-template-columns: [full-start] minmax(0, 1fr) [main-start] minmax(0, 1100px) [main-end] minmax(0, 1fr) [full-end] !important;
    }
}

body.site.com_contact.view-contact .main-content {
    grid-column: main-start / main-end !important;
    width: 100% !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
    padding: 0 15px !important;
}

body.site.com_contact.view-contact #contact-form {
    max-width: 100% !important;
}