.secretarios-container {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    box-sizing: border-box;
}

.pesquisa-secretarios {
    display: flex;
    flex-direction: column;
    align-items: center;
    /* Align items horizontally in the center */
    gap: 0.75rem;
    /* Gap between search box and button */
}

.destaque-governo {
    width: 100%;
    /* Take full width of parent */
    max-width: 65.4375rem;
    /* But don't exceed this width */
    margin-left: auto;
    /* Center the element */
    margin-right: auto;
    /* Center the element */
    margin-top: 0.625rem;
    height: auto;
    opacity: 1;
    border-radius: 1rem;
    border: 0.0625rem solid #C5C5C5;
    padding: 1.5rem;
    background: #FEFEFE;
    display: flex;
    /* To arrange perfil-redes-sociais and governo-bio side-by-side */
    justify-content: flex-start;
    align-items: flex-start;
    gap: 2rem;
}


.destaque-governo .perfil-redes-sociais {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
}

.destaque-governo .governo-foto {
    width: 18.75rem;
    height: 25rem;
    object-fit: cover;
    border-radius: 0.25rem;
}

.destaque-governo .governo-nome {
    font-family: Kanit, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 2rem;
    line-height: 100%;
    letter-spacing: 0;
    color: #26323F;
    text-align: left;
    margin-top: 0.5rem;
}

.destaque-governo .governo-redes-sociais {
    display: flex;
    gap: 0.5rem;
}

.social-icon-container {
    width: 3.0625rem;
    height: 3.0625rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.destaque-governo .governo-redes-sociais img {
    width: 1.8125rem;
    height: 1.8125rem;
}

.destaque-governo .governo-redes-sociais img.social-instagram {
    width: 2.1875rem;
    height: 2.1875rem;
}

.destaque-governo .governo-redes-sociais img.social-twitter {
    width: 1.8125rem;
    height: 1.8125rem;
}

.destaque-governo .governo-redes-sociais .social-email-icon {
    width: 2.1875rem;
    height: 2.1875rem;
    color: #1B7727 !important;
    stroke: #1B7727 !important;
}

.destaque-governo .governo-bio {
    flex-grow: 1;
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    color: #4F4F4F;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.destaque-governo .governo-orgao {
    /* width: 5.6875rem; */
    height: 1.5rem;
    padding: 0 0.5rem;
    border-radius: 0.5rem;
    background: #1B7727;
    color: #FEFEFE;
    font-family: Kanit;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 100%;
    display: inline-flex;
    /* Changed to inline-flex to shrink-wrap content */
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    /* Prevent text from wrapping */
    overflow: hidden;
    /* Hide overflowing content */
    text-overflow: ellipsis;
    /* Show ellipsis for truncated text */
    align-self: flex-start;
    /* Make it shrink-wrap within its flex parent */
}

.destaque-vice-governo {
    height: auto;
    opacity: 1;
    border-radius: 1rem;
    border: 0.0625rem solid #C5C5C5;
    padding: 1.5rem;
    background: #FEFEFE;
    display: flex;
    /* To arrange perfil-redes-sociais and vice-governo-bio side-by-side */
    justify-content: flex-start;
    align-items: flex-start;
    gap: 2rem;
}

.destaque-vice-governo .perfil-redes-sociais {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    width: 15.625rem;
    height: 24.625rem;
}

.destaque-vice-governo .vice-governo-foto {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0.25rem;
}

.destaque-vice-governo .vice-governo-nome {
    font-family: Kanit, sans-serif;
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 1.2;
    color: #26323F;
    text-align: left;
}

.destaque-vice-governo .vice-governo-redes-sociais {
    display: flex;
    gap: 0.5rem;
}

.destaque-vice-governo .vice-governo-redes-sociais img {
    width: 1.5rem;
    height: 1.5rem;
}

.destaque-vice-governo .vice-governo-bio {
    flex-grow: 1;
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    color: #4F4F4F;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.div-listagem-cards-secretarios {
    display: flex;
    overflow: visible;
    /* Gap between the cards grid and the scrollbar div */
    align-items: flex-start;
    /* Align items to the top */
    justify-content: center;
    /* Center cards horizontally */
}

.div-listagem-cards-secretarios {
    display: flex;
    width: 100%;
    justify-content: center;
    /* Center cards horizontally */
}

.secretarios-grid {
    display: grid;
    grid-template-columns: 1fr;
    /* Default to one column for mobile */
    gap: 0.75rem;
    margin-top: 2rem;
    padding-right: 0.75rem;
    /* Space between cards and scrollbar */
    flex-grow: 1;
    overflow-y: auto;
    /* Scrollbar enabled in all breakpoints */
    overflow-x: hidden;
    /* Hide horizontal scrollbar */
    max-height: 40.4375rem;
    /* Height limit in all breakpoints */
    justify-items: center;
    /* Center cards horizontally in mobile */
    align-items: start;
    /* Align items to the top of their grid area */
}

/* Hide native scrollbar for WebKit browsers */
.secretarios-grid::-webkit-scrollbar {
    /* display: none; */
    width: 0.5625rem;
    /* Largura da barra de rolagem */
}

.secretarios-grid::-webkit-scrollbar-track {
    background: #E3E3E3;
    /* Cor da trilha */
    border-radius: 0.625rem;
}

.secretarios-grid::-webkit-scrollbar-thumb {
    background: #C5C5C5;
    /* Cor do "polegar" */
    border-radius: 0.625rem;
}

.secretarios-grid::-webkit-scrollbar-thumb:hover {
    background: #C5C5C5;
    /* Cor do "polegar" ao passar o mouse */
}

.div-custom-scrollbar {
    width: 0.5938rem;
    height: 38.9375rem;
    background-color: #E3E3E3;
    /* Track color */
    position: relative;
    /* Needed for absolute positioning of the thumb */
}







/* Base styles for secretario-card (applies to all screen sizes) */
.secretario-card {
    background: #FEFEFE;
    border: 0.0625rem solid #C5C5C5;
    border-radius: 1rem;
    padding: 1rem 1.5rem 1rem 1rem;
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
    display: flex;
    align-items: center;
    gap: 1.5625rem;
    width: 100%;
    /* Ensure it takes full width of its grid column */
    height: auto;
    /* Height adjusts to content */
}

/* Desktop styles for secretario-card */
@media (min-width: 64.0625rem) {
    .secretario-card {
        max-width: 32.375rem;
        min-height: 11.875rem;
        flex-direction: row;
        /* Ensure horizontal layout on desktop */
        aspect-ratio: 518 / 192;
        /* Maintain aspect ratio */
    }

    /* Hide mobile-specific divs on desktop */
    .secretario-top-informacoes-mobile,
    .secretario-contato-redes-mobile {
        display: none !important;
    }

    /* Show desktop-specific info div */
    .secretario-perfil {
        display: block;
        /* Ensure profile image is visible */
        width: 10rem;
        height: 10rem;
    }

    .secretario-informacoes {
        display: block;
        /* Ensure desktop info is visible */
        text-align: left;
        width: 100%;
        max-width: 17.875rem;
        min-height: 9.4375rem;
        height: auto;
    }

    .secretarios-grid {
        grid-template-columns: repeat(2, 1fr);
        /* Two columns for desktop */
        gap: 0.5rem;
        max-height: 40.4375rem;
        overflow-y: auto;
        /* Enable scrollbar only on desktop */
    }

    .caixa-de-pesquisa-secretarios {
        display: flex;
        align-items: center;
        gap: 0.75rem;
        width: 100%;
        /* Gap between input and button */
    }

    .input-pesquisa-secretarios {
        width: 100%;
        max-width: 54.4375rem;
        height: 3.5rem;
        padding: 0.75rem 1rem;
        border-radius: 0.5rem;
        border: 0.0625rem solid #C5C5C5;
        background: #FEFEFE;
        opacity: 1;
        display: flex;
        align-items: center;
        gap: 0.5rem;
        position: relative;
        flex: 1;
        /* Added for potential absolute positioning of input */
    }

    .input-pesquisa-secretarios .material-symbols-outlined {
        color: #929292;
    }

    .input-pesquisa-secretarios input.placeholder-texto-pesquisa {
        color: #757575;
        font-family: Kanit;
        font-weight: 300;
        font-size: 0.875rem;
        line-height: 100%;
    }

    .container-botao-buscar {
        flex-shrink: 0;
    }

    .container-botao-buscar .botao-buscar {
        background: #1B7727;
        border-radius: 0.5rem;
        opacity: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0.625rem;
        color: #FEFEFE;
        font-family: Kanit;
        font-weight: 400;
        font-size: 1.25rem;
        line-height: 100%;
        padding: 0.5rem 3.3125rem;
        width: 10.4375rem;
        height: 3.5rem;
    }

    .container-botao-buscar .botao-buscar .icone-buscar {
        display: none;
    }

}

.input-pesquisa-secretarios input[type="text"] {
    border: none;
    background: transparent;
    outline: none;
    width: 100%;
    /* Fill available space */
    height: 100%;
    /* Fill available space */
    padding: 0;
    /* Remove default input padding */
    margin: 0;
    /* Remove default input margin */
    font-family: inherit;
    /* Inherit font from parent */
    font-size: inherit;
    /* Inherit font size from parent */
    color: inherit;
    /* Inherit color from parent */
}

.input-pesquisa-secretarios input[type="text"]::placeholder {
    color: #757575;
    /* Apply placeholder color */
    font-family: Kanit;
    font-weight: 300;
    font-size: 0.875rem;
    line-height: 100%;
}

/* Tablet styles for iPad Air and similar devices (48rem - 64rem) */
@media (min-width: 48rem) and (max-width: 64rem) {
    .secretario-card {
        max-width: 100%;
        min-height: auto;
        aspect-ratio: auto;
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
        padding: 1rem;
    }

    .secretarios-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 0.75rem;
        max-height: 40.4375rem;
        overflow-y: auto;
    }

    .secretario-card>.secretario-perfil {
        display: none !important;
    }

    .secretario-informacoes {
        display: none !important;
    }

    .secretario-top-informacoes-mobile {
        display: flex !important;
        align-items: center;
        gap: 1rem;
        width: 100%;
    }

    .secretario-top-informacoes-mobile .secretario-perfil {
        display: block !important;
        width: 5rem;
        height: 5rem;
        flex-shrink: 0;
    }

    .secretario-contato-redes-mobile {
        display: flex !important;
        flex-direction: column;
        gap: 0.5rem;
        width: 100%;
    }
}

/* Tablet styles for iPad Air and similar devices (48rem - 64rem) */
@media (min-width: 48rem) and (max-width: 64rem) {
    .caixa-de-pesquisa-secretarios {
        display: flex;
        align-items: center;
        gap: 0.625rem;
        width: 90%;
        margin: 0 auto;
    }

    .input-pesquisa-secretarios {
        width: 100%;
        max-width: 37.5rem;
        height: 3.125rem;
        padding: 0.75rem 1rem;
        border-radius: 0.5rem;
        border: 0.0625rem solid #C5C5C5;
        background: #FEFEFE;
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }

    .container-botao-buscar .botao-buscar {
        width: auto;
        padding: 0.5rem 1.5rem;
        height: 3.125rem;
    }

    .container-botao-buscar .botao-buscar .texto-buscar {
        display: inline;
    }
}

/* Mobile styles for secretario-card and its internal structure */
@media (max-width: 47.9375rem) {
    .div-custom-scrollbar {
        display: none !important;
    }

    .div-listagem-cards-secretarios {
        justify-content: center;
        /* Center cards on mobile */
    }

    .destaque-governo {
        width: 24.625rem;
        height: auto;
        gap: 2rem;
        opacity: 1;
        border-radius: 1rem;
        border: 0.0625rem solid #C5C5C5;
        padding: 1.5rem;
        flex-direction: column;
        /* Stack elements vertically on mobile */
    }

    .destaque-vice-governo {
        width: 24.625rem;
        height: 69.6458rem;
        gap: 2rem;
        opacity: 1;
        border-radius: 1rem;
        border: 0.0625rem solid #C5C5C5;
        padding: 1.5rem;
    }

    .secretario-card {
        flex-direction: column;
        align-items: flex-start;
        /* Align items to the start when stacked */
        padding: 1rem;
        /* Adjust padding for smaller screens */
        gap: 1rem;
        /* Add gap between child elements */
        max-width: 24.625rem;
        /* Specific width for smaller screens */
        min-height: 12.125rem;
        /* Specific height for smaller screens */
        aspect-ratio: 394 / 194;
        /* Maintain aspect ratio */
    }

    .secretarios-grid {
        max-height: 40.4375rem;
        overflow-y: auto;
    }

    .secretarios-grid::-webkit-scrollbar {
        display: none;
        /* Hide scrollbar on mobile */
    }

    .caixa-de-pesquisa-secretarios {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        /* Gap between input and button */
    }

    .input-pesquisa-secretarios {
        width: 18.9375rem;
        height: 3.5rem;
        padding: 0.75rem 1rem;
        border-radius: 0.5rem;
        border: 0.0625rem solid #C5C5C5;
        background: #FEFEFE;
        opacity: 1;
        display: flex;
        align-items: center;
        gap: 0.5rem;
        position: relative;
        /* Added for potential absolute positioning of input */
    }

    .input-pesquisa-secretarios .material-symbols-outlined {
        color: #929292;
    }

    .input-pesquisa-secretarios input.placeholder-texto-pesquisa {
        color: #757575;
        font-family: Kanit;
        font-weight: 300;
        font-size: 0.875rem;
        line-height: 100%;
    }

    .container-botao-buscar {
        flex-shrink: 0;
    }

    .container-botao-buscar .botao-buscar {
        width: 3.6875rem;
        height: 3.5rem;
        padding: 0.5rem 2rem;
        gap: 0.5rem;
        border-radius: 0.5rem;
        background: #1B7727;
        opacity: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #FEFEFE;
    }

    .container-botao-buscar .botao-buscar .texto-buscar {
        display: none;
    }



    /* Hide desktop-specific info div on mobile */
    .secretario-card>.secretario-perfil,
    .secretario-informacoes {
        display: none !important;
    }

    /* Show mobile-specific divs on mobile */
    .secretario-top-informacoes-mobile {
        display: flex !important;
        align-items: center;
        gap: 1rem;
        /* Adjust gap as needed */
        width: 100%;
        /* Fill available width */
        max-width: 22.125rem;
        /* Specific width for this section */
        min-height: 4.0625rem;
        /* Specific height for this section */
    }

    .secretario-top-informacoes-mobile .secretario-perfil {
        width: 4.0625rem;
        height: 4.0625rem;
        flex-shrink: 0;
        /* Prevent shrinking */
    }

    .secretario-nome-orgao-mobile {
        display: flex !important;
        flex-direction: column;
        justify-content: center;
        gap: 0.5rem;
        width: 100%;
        /* Fill available width */
        max-width: 16.0625rem;
        /* Specific width for this section */
        min-height: 3.875rem;
        /* Specific height for this section */
    }

    .secretario-orgao {
        font-family: Kanit, sans-serif;
        font-weight: 500;
        font-size: 0.875rem;
        line-height: 1.5rem;
        text-align: center;
        color: #FEFEFE;
        background: #1B7727;
        padding: 0 0.5rem;
        border-radius: 0.5rem;
        height: 1.5rem;
        margin-bottom: 0.5rem;
        align-self: flex-start;
        /* Shrink-wrap content horizontally */
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .secretario-contato-redes-mobile {
        display: flex !important;
        flex-direction: column;
        justify-content: center;
        gap: 0.5rem;
        width: 100%;
        /* Fill available width */
        max-width: 22.125rem;
        /* Specific width for this section */
        min-height: 5.0625rem;
        /* Specific height for this section */
    }

    .email-secretario a {
        font-size: 0.875rem;
    }

}

/* Styles that apply to both desktop and mobile, or are independent of the new structure */
.secretario-foto {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0;
    /* Resetar se houver algum padrão */
    margin: 0;
    display: block;
}

.secretario-nome {
    font-family: Kanit, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.25rem;
    line-height: 1em;
    color: #26323F;
    margin: 0 0 0.25rem 0;
}

.secretario-cargo {
    color: #555;
    margin: 0 0 1rem 0;
    font-size: 0.9rem;
}

.secretario-contato a,
.secretario-redes-sociais a {
    display: inline-block;
    margin: 0 0.5rem;
    color: #0073aa;
    text-decoration: none;
}

.secretario-redes-sociais {
    width: auto;
    height: 3.125rem;
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.secretario-redes-sociais img.social-twitter {
    width: 1.5rem;
    height: 1.5rem;
}

.secretario-redes-sociais img.social-instagram {
    width: 1.875rem;
    height: 1.875rem;
}

.secretario-redes-sociais .secretario-social-email {
    width: 1.8125rem;
    height: 1.8125rem;
    color: #1B7727 !important;
    stroke: #1B7727 !important;
}

.secretario-orgao {
    display: inline-block;
    height: 1.5rem;
    padding: 0 0.5rem;
    border-radius: 0.5rem;
    background: #1B7727;
    color: #FEFEFE;
    font-family: Kanit, sans-serif;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.5rem;
    text-align: left;
    /* Changed to left for better alignment with full text */
    white-space: nowrap;
    /* Prevent text from wrapping */
    overflow: hidden;
    /* Hide overflowing content */
    text-overflow: ellipsis;
    /* Show ellipsis for truncated text */
    margin-bottom: 0.5rem;
    /* Adiciona um espaço abaixo da tag */
    align-self: flex-start;
    /* Make it shrink-wrap within its flex parent */
}

.email-secretario {
    display: flex;
    align-items: center;
    height: auto;
    margin-top: 0.5rem;
    overflow: hidden;
    white-space: nowrap;
    /* Espaço abaixo do nome */
}

/* Mobile: overflow auto mas scrollbar invisível */
@media (max-width: 47.9375rem) {
    .email-secretario {
        overflow: auto;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .email-secretario::-webkit-scrollbar {
        display: none;
    }
}

.email-secretario .material-symbols-outlined {
    font-size: 1.5rem;
    color: #1B7727;
    margin-right: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.email-secretario a {
    font-family: Kanit, sans-serif;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 132%;
    text-decoration: underline;
    color: #1B7727;
}

/* Base styles for Governor Bio Paragraphs */
.destaque-governo .governo-bio-texto p {
    font-family: Kanit, sans-serif;
    font-weight: 300;
    font-size: 0.875rem;
    line-height: 175%;
    letter-spacing: 0;
    color: #465564;
    margin-bottom: 1.75em;
    /* One line space between paragraphs */
}

.destaque-governo .governo-bio-texto p strong {
    font-weight: 500;
}

/* Styles for Vice-Governor Card (to match Governor) */
.destaque-vice-governo {
    height: auto;
    opacity: 1;
    border-radius: 1rem;
    border: 0.0625rem solid #C5C5C5;
    padding: 1.5rem;
    background: #FEFEFE;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 2rem;
    margin-top: 1.25rem;
    /* Space between governor and vice-governor */
}

.destaque-vice-governo .perfil-redes-sociais {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
}

.destaque-vice-governo .vice-governo-foto {
    width: 18.75rem;
    height: 25rem;
    object-fit: cover;
    border-radius: 0.25rem;
}

.destaque-vice-governo .vice-governo-nome {
    font-family: Kanit, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 2rem;
    line-height: 100%;
    letter-spacing: 0;
    color: #26323F;
    text-align: left;
    margin-top: 0.5rem;
}

.destaque-vice-governo .vice-governo-redes-sociais {
    display: flex;
    gap: 0.5rem;
}

.destaque-vice-governo .vice-governo-redes-sociais img {
    width: 1.8125rem;
    height: 1.8125rem;
}

.destaque-vice-governo .vice-governo-bio {
    flex-grow: 1;
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    color: #4F4F4F;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.destaque-vice-governo .vice-governo-orgao {
    width: auto;
    /* Adjust width to content */
    height: 1.5rem;
    padding: 0 0.5rem;
    border-radius: 0.5rem;
    background: #1B7727;
    color: #FEFEFE;
    font-family: Kanit;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.destaque-vice-governo .vice-governo-bio-texto p {
    font-family: Kanit, sans-serif;
    font-weight: 300;
    font-size: 0.875rem;
    line-height: 175%;
    letter-spacing: 0;
    color: #465564;
    margin-bottom: 1.75em;
}

.destaque-vice-governo .vice-governo-bio-texto p strong {
    font-weight: 500;
}

/* Mobile styles for Vice-Governor */
@media (max-width: 47.9375rem) {
    .destaque-vice-governo {
        flex-direction: column;
        height: auto;
        /* Adjust height for mobile */
    }
}

/* Alternating layout for highlighted cards */
.destaque-governo.layout-alternating .perfil-redes-sociais {
    order: 1;
    /* Move the photo/social block to the right */
}

.destaque-governo.layout-alternating .governo-orgao {
    align-self: flex-end;
    /* Align the agency name to the right in alternating layout */
}

.destaque-governo.layout-alternating .governo-nome {
    text-align: right;
    /* Align the name to the right in alternating layout */
}

/* Title for Secretarios section */
.secretarios-title {
    font-family: Kanit, sans-serif;
    font-weight: 400;
    font-style: normal;
    /* Regular */
    font-size: 2rem;
    letter-spacing: 0%;
    color: #26323F;
    text-align: left;
    /* Aligned to the left */
}

.pre-destaque-wrapper {
    width: 100%;
    max-width: 65.4375rem;
    height: 7.25rem;
    gap: 1.25rem;
    /* This property won't do anything on its own, but I'll include it as requested */
    padding-bottom: 1.5rem;
    margin: auto;
    /* To center it */
    box-sizing: border-box;
}

.secretarios-title-wrapper {
    width: 66.9375rem;
    height: 3rem;
    opacity: 1;
    transform: rotate(0deg);
    margin: 0 auto;
    /* para centralizar caso necessário */

}

@media (max-width: 47.9375rem) {
    .secretarios-title-wrapper {
        width: 24.625rem;
        height: 3rem;
        opacity: 1;
        transform: rotate(0deg);
        margin: 0 auto;
    }
}


.governo-title {
    font-family: Kanit, sans-serif;
    font-weight: 600;
    font-size: 2.5rem;
    line-height: 100%;
    letter-spacing: 0%;
    color: #465564;
    width: 100%;
    max-width: 66.9375rem;
    height: 3.75rem;
    margin: 0;
    /* Reset default margin */
}

.ver-mais-wrapper {
    width: 100%;
    max-width: 65.4375rem;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 1.5rem 0;
    margin: 0 auto;
    box-sizing: border-box;
}

/* Tablet styles for iPad Air and similar devices (48rem - 64rem) */
@media (min-width: 48rem) and (max-width: 64rem) {
    .ver-mais-wrapper {
        max-width: 95%;
        height: auto;
        gap: 1rem;
        padding: 1.25rem 1rem;
    }

    .ver-mais-card {
        width: 100%;
        max-width: none;
        height: auto;
        padding: 1rem;
    }

    .ver-mais-cards-container {
        flex-wrap: wrap;
        gap: 0.75rem;
    }
}

@media (max-width: 47.9375rem) {
    .ver-mais-wrapper {
        height: auto;
        max-width: 100%;
        padding: 1rem;
        gap: 0.75rem;
        margin: 0 auto;
    }

    .ver-mais-card {
        max-width: 100%;
        width: 24.625rem;
        height: 5.5rem;
        padding: 0.75rem;
        box-sizing: border-box;
    }

    .ver-mais-cards-container {
        flex-direction: column;
        gap: 0.75rem;
    }
}

.Titulo-area {
    font-family: Kanit, sans-serif;
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 100%;
    letter-spacing: 0%;
    color: #465564;
}

.ver-mais-card {
    width: 32.3438rem;
    height: 5.5rem;
    border-radius: 1rem;
    border: 0.0625rem solid #C5C5C5;
    background: #FEFEFE;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.875rem;
}

.ver-mais-card:hover {
    background: #FAFFFA;
}

.ver-mais-card:active {
    background: linear-gradient(90deg, #EEEEEE 14.54%, #D9F2EF 99.65%);
}

.ver-mais-card:focus {
    outline: 0.125rem solid #545FFF;
    outline-offset: 0.125rem;
}

.ver-mais-cards-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0.75rem;
    width: 100%;
    /* Spacing between cards */
}

/* Tablet styles for iPad Air and similar devices (48rem - 64rem) */
@media (min-width: 48rem) and (max-width: 64rem) {
    .ver-mais-cards-container {
        flex-wrap: wrap;
        gap: 0.75rem;
    }
}

@media (max-width: 47.9375rem) {
    .ver-mais-cards-container {
        flex-direction: column;
        gap: 0.75rem;
    }
}

.ver-mais-icon-left,
.ver-mais-icon-right {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    /* Default icon size */
    color: #465564;
    /* Default icon color */
}

.ver-mais-description {
    flex-grow: 1;
    /* Allow description to take available space */
    font-family: Kanit, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    color: #4F4F4F;
}

/* Custom styles for the first 'ver-mais-card' icon */
.ver-mais-cards-container .ver-mais-card:first-child .ver-mais-icon-left .material-symbols-outlined {
    font-size: 1.6669rem;
    color: #1B7727;
}

@media (max-width: 47.9375rem) {
    .destaque-governo.layout-alternating .perfil-redes-sociais {
        order: 0;
        /* Reset to default order */
    }

    .destaque-governo.layout-alternating .governo-orgao {
        align-self: flex-start;
        /* Reset to default alignment */
    }

    .destaque-governo.layout-alternating .governo-nome {
        text-align: left;
        /* Reset to default text alignment */
    }

    .ver-mais-cards-container {
        flex-direction: column;
        /* Stack cards vertically on mobile */
    }

    .ver-mais-card {
        max-width: 100%;
        max-width: 100%;
        width: 24.625rem;
        height: 5.5rem;
        padding: 0.75rem;
        box-sizing: border-box;

    }
}

/* ====== Alto Contraste ====== */
body.body-contraste .secretarios-container {
    background-color: #000 !important;
    color: #fff !important;
}

body.body-contraste .destaque-governo,
body.body-contraste .destaque-vice-governo,
body.body-contraste .secretario-card,
body.body-contraste .ver-mais-card {
    background-color: #000 !important;
    border: 1px solid #fff !important;
    color: #fff !important;
}

body.body-contraste .destaque-governo .governo-nome,
body.body-contraste .destaque-vice-governo .vice-governo-nome,
body.body-contraste .secretario-nome,
body.body-contraste .secretarios-title,
body.body-contraste .Titulo-area {
    color: #fff !important;
}

body.body-contraste .destaque-governo .governo-bio-texto p,
body.body-contraste .destaque-vice-governo .vice-governo-bio-texto p,
body.body-contraste .destaque-governo .governo-bio,
body.body-contraste .destaque-vice-governo .vice-governo-bio,
body.body-contraste .ver-mais-description div {
    color: #fff !important;
}

body.body-contraste .governo-orgao,
body.body-contraste .vice-governo-orgao,
body.body-contraste .secretario-orgao {
    background-color: #fff !important;
    color: #000 !important;
}

body.body-contraste .email-secretario a,
body.body-contraste .email-secretario .material-symbols-outlined {
    color: #fff !important;
}

body.body-contraste .input-pesquisa-secretarios {
    background-color: #000 !important;
    border: 1px solid #fff !important;
}

body.body-contraste .input-pesquisa-secretarios input,
body.body-contraste .input-pesquisa-secretarios .material-symbols-outlined,
body.body-contraste .input-pesquisa-secretarios input::placeholder {
    color: #fff !important;
}

body.body-contraste .container-botao-buscar .botao-buscar {
    background-color: #fff !important;
    color: #000 !important;
    border: 1px solid #fff !important;
}

body.body-contraste .secretario-redes-sociais img,
body.body-contraste .governo-redes-sociais img,
body.body-contraste .vice-governo-redes-sociais img,
body.body-contraste .ver-mais-icon-left img {
    filter: brightness(0) invert(1) !important;
}

body.body-contraste .social-email-icon,
body.body-contraste .destaque-governo .governo-redes-sociais .social-email-icon {
    stroke: #fff !important;
}

body.body-contraste .ver-mais-card:hover {
    background-color: #333 !important;
}

body.body-contraste .ver-mais-icon-right .material-symbols-outlined {
    color: #fff !important;
}

body.body-contraste .secretarios-grid::-webkit-scrollbar-track {
    background: #333 !important;
}

body.body-contraste .secretarios-grid::-webkit-scrollbar-thumb {
    background: #fff !important;
}