/* =========================================================
   3US Investments | custom.css
   Secções incluídas neste bloco:
   1) Footer: barra de apoios (logos)
   2) #apoios: secção de apoios (card + lista)
========================================================= */

/* =========================================================
   1) Footer - barra de apoios (logos)
========================================================= */
footer .footer-bottom-container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    background-color: #000;
    padding: 20px;
}

footer .footer-bottom-container a {
    display: inline-flex;
    align-items: center;
    height: 40px;
}

footer .footer-bottom-container .img-apoios {
    height: 40px;
    width: auto;
    display: block;
}
@media screen and (max-width: 500px) {
    footer .footer-bottom-container .img-apoios {
        height: auto;
        width: 100%;
    }
}

/* =========================================================
   2) Secção Apoios (#apoios)
   Objetivo: look consistente com o tema, sem depender do template antigo
========================================================= */

#apoios {
    padding: 48px 0;
}

/* Card container (a caixa branca) */
#apoios .box-shadow-quadruple-large {
    width: min(70%, 1100px);
    margin: 0 auto;

    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-radius: 16px;
    box-shadow: 0 18px 60px rgba(0, 0, 0, 0.08);

    padding: 42px;
}

/* Responsivo: largura e padding */
@media (max-width: 1200px) {
    #apoios .box-shadow-quadruple-large {
        width: 80%;
    }
}

@media (max-width: 992px) {
    #apoios .box-shadow-quadruple-large {
        width: 90%;
        padding: 28px;
    }

    #apoios .text-end {
        text-align: left;
    }

    #apoios .text-lg-start {
        text-align: left;
    }
}

@media (max-width: 576px) {
    #apoios .box-shadow-quadruple-large {
        width: 100%;
        padding: 20px;
    }

    #apoios .text-center {
        text-align: left;
    }
}

/* Badge (pill) */
#apoios .bg-solitude-blue {
    background: rgba(0, 51, 82, 0.07);
}

#apoios .text-uppercase {
    text-transform: uppercase;
}

#apoios .fs-13 {
    font-size: 12px;
    letter-spacing: 0.08em;
}

#apoios .text-base-color {
    color: var(--wp--preset--color--base, #003352);
}

#apoios .border-radius-100px {
    border-radius: 999px;
}

/* O teu HTML usa lh-40 e sm-lh-55, aqui fica consistente */
#apoios .lh-40 {
    line-height: 40px;
}

#apoios .sm-lh-55 {
    line-height: 40px;
}

@media (max-width: 576px) {
    #apoios .sm-lh-55 {
        line-height: 44px;
    }
}

/* Título e texto */
#apoios .text-dark-gray {
    color: var(--wp--preset--color--heading, #003352);
}

#apoios .fw-700 {
    font-weight: 700;
}

#apoios .ls-minus-1px {
    letter-spacing: -0.02em;
}

#apoios .fs-50 {
    font-size: clamp(26px, 2.6vw, 40px);
    line-height: 1.1;
}

#apoios p {
    color: rgba(0, 0, 0, 0.65);
}

/* Lista de apoios (a que estás a usar agora) */
.apoios-list {
    list-style: none;
    padding: 0;
    margin: 30px 0 0px;
}

.apoios-list li {
    padding: 10px 0;
    border-bottom: 1px solid #e5e5e5;
}

.apoios-list li:last-child {
    border-bottom: 0;
}

.apoios-list a {
    display: inline-block;
    color: #0f2e3d;
    font-weight: 500;
    text-decoration: none;
    transition:
        transform 0.2s ease,
        color 0.2s ease;
}

.apoios-list a:hover {
    color: #0b3d46;
    transform: translateX(4px);
}

/* Nota */
#apoios .text-medium-gray {
    color: rgba(0, 0, 0, 0.55);
}

#apoios .apoios-chip {
    display: inline-flex;
    align-items: center;
    padding: 10px 20px;
    border-radius: 999px;
    background: rgba(0, 51, 82, 0.07);
    font-size: 12px;
    letter-spacing: 0.08em;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--wp--preset--color--base, #003352);
    margin-bottom: 10px;
}

/* Header mobile: não esmagar com padding gigante */
@media (max-width: 768px) {
    header.wp-block-template-part .wp-block-group {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
}
/* Header layout consistente */
header.wp-block-template-part .wrapper-menu {
    align-items: center;
}

/* Coluna do logo: não usar margin:auto em mobile */
@media (max-width: 768px) {
    header.wp-block-template-part .wp-block-column[style*='flex-basis:200px'] {
        flex: 0 0 auto !important;
        margin: 0 !important;
    }
}

/* Logo: limitar sem desaparecer */
header.wp-block-template-part .wp-block-site-logo img.custom-logo {
    height: auto;
    max-width: 190px;
    width: 100%;
}

@media (max-width: 768px) {
    header.wp-block-template-part .wp-block-site-logo img.custom-logo {
        max-width: 150px;
    }
}

/* Botão hamburguer: garantir que fica por cima e clicável */
.wp-block-navigation__responsive-container-open {
    position: relative;
    z-index: 1000;
    pointer-events: auto;
}
@media (max-width: 768px) {
    header.wp-block-template-part .wp-block-group.is-layout-constrained {
        padding: 10px 20px !important;
    }
}
@media (max-width: 768px) {
    .wrapper-menu {
        padding: 2px 4px !important;
    }
}