.elementor-55115 .elementor-element.elementor-element-6aab4d6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:80px;--padding-right:80px;}:root{--page-title-display:none;}/* Start custom CSS *//* =================================================================== */
/* CSS ADICIONAL PARA A PÁGINA "ATALHOS E ACESSOS"                     */
/* =================================================================== */

.shortcuts-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
    margin: 40px 0;
}

.shortcut-button {
    display: flex;
    align-items: center;
    background-color: #f7f7f7;
    border: 1px solid #e0e0e0;
    padding: 20px;
    border-radius: 8px;
    text-decoration: none;
    color: #333 !important;
    font-weight: 600;
    font-size: 1.1em;
    transition: all 0.3s ease;
}

.shortcut-button:hover {
    border-color: var(--cor-primaria);
    background-color: #eef7ff;
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.08);
}

.shortcut-button i {
    font-size: 1.8em;
    color: var(--cor-primaria);
    margin-right: 20px;
    width: 40px; /* Garante alinhamento mesmo com ícones de larguras diferentes */
    text-align: center;
}/* End custom CSS */