/* Container Principal (O Cartão) */
.design-block.card-submenus .card-menus {
    max-width: 490px;
    width: 100%;
    padding: 0; /* Removido o padding para a imagem encostar nas bordas se necessário */
    background-color: #f3f6f9; /* Cor de fundo do site */
    margin: auto;
    height: 100%;
    transition: background-color 0.3s ease;
}

/* O "Shape" que envolve a imagem e o texto */
.design-block.card-submenus .row {
    background-color: #ffffff; /* Fundo branco para bater com o fundo da imagem */
    margin: 0;
    padding: 20px; /* Padding interno para dar respiro ao logo */
    display: flex;
    height: 100%;
}

/* Ajuste da Imagem para não sobrar espaço */
.design-block.card-submenus img {
    width: 100%;
    max-width: 450px;
    height: auto; /* Mantém a proporção real do logo */
    object-fit: contain;
    display: block;
    margin-bottom: 20px;
}

/* Estilo dos Links (Menu) */
.design-block.card-submenus a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    color: #004986 !important;
    padding: 15px 0; /* Padding vertical apenas */
    font-family: PrimaryFont !important;
    font-size: 20px !important;
    text-decoration: none;
    border-top: 1px solid #eee; /* Linha sutil separando o logo do link */
    transition: all 0.2s ease;
}

/* Efeito Hover: O "Shape" reage por inteiro ou o link se destaca */
.design-block.card-submenus a:hover {
    background-color: #f8f9fa; /* Um cinza bem claro ao passar o mouse */
    padding-left: 10px; /* Efeito de deslocamento suave */
    color: #002d54 !important;
}

/* Seta do menu */
.design-block.card-submenus a::after {
    content: ">";
    font-weight: bold;
    font-size: 18px;
}

/* Remove a borda do primeiro link para não colar no logo de forma estranha */
.design-block.card-submenus a:first-of-type {
    border-top: 1px solid #eee; 
    margin-top: 10px;
}

/* Esconder elementos vazios */
.design-block.card-submenus .ds-none {
    display: none !important;
}