.elementor-426 .elementor-element.elementor-element-879c629{--display:flex;--min-height:100vh;--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;--overlay-opacity:0.79;}.elementor-426 .elementor-element.elementor-element-879c629:not(.elementor-motion-effects-element-type-background), .elementor-426 .elementor-element.elementor-element-879c629 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://wydfamily.com.br/wp-content/uploads/2026/06/donate-1.webp");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-426 .elementor-element.elementor-element-879c629::before, .elementor-426 .elementor-element.elementor-element-879c629 > .elementor-background-video-container::before, .elementor-426 .elementor-element.elementor-element-879c629 > .e-con-inner > .elementor-background-video-container::before, .elementor-426 .elementor-element.elementor-element-879c629 > .elementor-background-slideshow::before, .elementor-426 .elementor-element.elementor-element-879c629 > .e-con-inner > .elementor-background-slideshow::before, .elementor-426 .elementor-element.elementor-element-879c629 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}#elementor-popup-modal-426{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-426 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-426 .dialog-close-button{display:flex;font-size:50px;}#elementor-popup-modal-426 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-426 .dialog-close-button i{color:#FFFFFF;}#elementor-popup-modal-426 .dialog-close-button svg{fill:#FFFFFF;}@media(min-width:768px){.elementor-426 .elementor-element.elementor-element-879c629{--content-width:100vw;}}/* Start custom CSS for html, class: .elementor-element-42060e6 *//* Estilo do container principal */
#menu-container {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 20px;
}

/* Menu principal */
.menu {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
}

/* Itens principais */
.menu-item {
    position: relative;
}

.menu-link {
    display: flex;
    align-items: center;

    background: rgba(85, 5, 4, 0.18);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.45);

    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);

    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.12);

    padding: 15px 20px;
    text-decoration: none;

    color: #d0d0d0;

    transition: all 0.3s ease;
    min-width: 150px;
}

/* Hover principal */
.menu-link:hover {
    background-image: linear-gradient(
        45deg,
        #2a0202,
        #550504,
        #7a0908,
        #550504,
        #2a0202
    );

    box-shadow:
        0 0 15px rgba(85, 5, 4, 0.8),
        0 0 30px rgba(122, 9, 8, 0.6),
        0 0 45px rgba(85, 5, 4, 0.4);

    border-color: rgba(170, 30, 30, 0.8);

    color: #ffffff;
}

/* Ícone */
.menu-icon {
    width: 60px;
    height: 80px;
    margin-right: 1px;
}

/* Texto */
.menu-text {
    display: flex;
    flex-direction: column;
}

.menu-title {
    font-size: 18px;
    font-weight: bold;
}

.menu-subtitle {
    font-size: 12px;
    color: rgba(220, 220, 220, 0.75);
}

/* Submenu */
.submenu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 999;

    background: rgba(8, 8, 8, 0.92);

    box-shadow:
        0 8px 32px rgba(0, 0, 0, 0.6),
        0 0 15px rgba(85, 5, 4, 0.25);

    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);

    border-radius: 10px;
    border: 1px solid rgba(85, 5, 4, 0.5);

    display: none;
    flex-direction: column;

    list-style: none;
    padding: 10px;
    min-width: 200px;
}

.submenu li {
    margin: 5px 0;
}

.submenu a {
    white-space: nowrap;
    text-decoration: none;

    color: #d0d0d0;

    padding: 10px 15px;
    border-radius: 8px;

    transition: all 0.3s ease;
}

.submenu a:hover {
    background: rgba(85, 5, 4, 0.4);
    color: #ffffff;

    box-shadow:
        inset 0 0 10px rgba(122, 9, 8, 0.4),
        0 0 10px rgba(85, 5, 4, 0.5);
}

/* Exibir submenu */
.menu-item:hover .submenu {
    display: flex;
}

/* Responsivo */
@media (max-width: 768px) {
    .menu {
        flex-direction: column;
        gap: 5px;
    }

    .menu-link {
        justify-content: flex-start;
    }
}/* End custom CSS */