html {
    scroll-behavior: smooth;
}
div#onesignal-bell-container {
    visibility: hidden;
    display: none;
}

a.disabled { pointer-events: none;}

textarea.materialize-textarea{
    min-height: 8rem;
}


.ajax-progress {
    height: 1px;
    background-color: #d4a6dc !important;
    margin: 0px !important;
}
.ajax-progress .indeterminate {
    background-color: #9c27b0 !important;
}


#toast-container{
    z-index: 999999999999;
}
.chips .input {
    width: 200px !important;
}



.toast {
    background: #ffffff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    color: #707070;
    margin: 30px auto 10px;
    display: block;
    width: auto;
    min-width: 100px;
    height: 34px;
    line-height: 25px;
    font-size: 12px;
    text-transform: capitalize;
    border-radius: 2em;
    font-weight:bold ;
}

.useronline{
    width: 14px;
    height: 14px;
    background-color: #4CAF50;
    border-radius: 50%;
    position: absolute;
    top: 10px;
    left: 21px;
    border: 2.5px solid #fff;
}

.lds-facebook {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 35px;
    top: -13px;
}
.lds-facebook div {
    display: inline-block;
    position: absolute;
    left: 6px;
    width: 13px;
    background: #fff;
    animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
.lds-facebook div:nth-child(1) {
    left: 6px;
    animation-delay: -0.24s;
}
.lds-facebook div:nth-child(2) {
    left: 26px;
    animation-delay: -0.12s;
}
.lds-facebook div:nth-child(3) {
    left: 45px;
    animation-delay: 0;
}
@keyframes lds-facebook {
    0% {
        top: 6px;
        height: 51px;
    }
    50%, 100% {
        top: 19px;
        height: 26px;
    }
}


.lds-heart {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px;
    transform: rotate(45deg);
    transform-origin: 32px 32px;
}
.lds-heart div {
    top: 23px;
    left: 19px;
    position: absolute;
    width: 26px;
    height: 26px;
    background: #fff;
    animation: lds-heart 1.2s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
}
.lds-heart div:after,
.lds-heart div:before {
    content: " ";
    position: absolute;
    display: block;
    width: 26px;
    height: 26px;
    background: #fff;
}
.lds-heart div:before {
    left: -17px;
    border-radius: 50% 0 0 50%;
}
.lds-heart div:after {
    top: -17px;
    border-radius: 50% 50% 0 0;
}
@keyframes lds-heart {
    0% {
        transform: scale(0.95);
    }
    5% {
        transform: scale(1.1);
    }
    39% {
        transform: scale(0.85);
    }
    45% {
        transform: scale(1);
    }
    60% {
        transform: scale(0.95);
    }
    100% {
        transform: scale(0.9);
    }
}

.btn_wo{
    background-color: #f4eeee;
}
.btn_social.btn_wo {
    background-color: #dedede;
}


.page-margin {
    margin-top: 20px;
    margin-bottom: 20px;
}
.sidebar-page-data {position:relative}

.hidden-mobile-image {
    width: 100%;
}



@media (max-width:990px) {
    .hidden-mobile-image,.second-footer{display:none}
}
.btn-white{
    color: #ffffff;
    line-height: 1px;
}

.cc-window{opacity:1;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{transition:transform 1s ease}.cc-animate.cc-revoke.cc-top{transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-top,.cc-revoke:hover{transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;transition:max-height 1s}
.cc-link,.cc-revoke:hover{text-decoration:underline}.cc-revoke,.cc-window{position:fixed;overflow:hidden;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:16px;line-height:1.5em;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:1em 1.8em;width:100%;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;padding:.2em}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}.cc-banner .cc-btn:last-child{min-width:140px}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:hover{opacity:1}
.cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-banner{-ms-flex-align:center;-ms-grid-row-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{-ms-flex:1;flex:1}.cc-compliance{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-compliance>.cc-btn{-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em}
@media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-ms-flex-align:unset;-ms-grid-row-align:unset;align-items:unset}}
.cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block}
.cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em 2em 1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}


.cc-bottom {

    bottom: 1em;

}

.sk-circle{margin:100px auto;width:40px;height:40px;position:relative}
.sk-circle .sk-child{width:100%;height:100%;position:absolute;left:0;top:0}
.sk-circle .sk-child:before{content:'';display:block;margin:0 auto;width:15%;height:15%;background-color:#333;border-radius:100%;animation:sk-circleBounceDelay 1.2s infinite ease-in-out both}
.sk-circle .sk-circle2{transform:rotate(30deg)}
.sk-circle .sk-circle2:before{animation-delay:-1.1s}
.sk-circle .sk-circle3{transform:rotate(60deg)}
.sk-circle .sk-circle3:before{animation-delay:-1s}
.sk-circle .sk-circle4{transform:rotate(90deg)}
.sk-circle .sk-circle4:before{animation-delay:-.9s}
.sk-circle .sk-circle5{transform:rotate(120deg)}
.sk-circle .sk-circle5:before{animation-delay:-.8s}
.sk-circle .sk-circle6{transform:rotate(150deg)}
.sk-circle .sk-circle6:before{animation-delay:-.7s}
.sk-circle .sk-circle7{transform:rotate(180deg)}
.sk-circle .sk-circle7:before{animation-delay:-.6s}
.sk-circle .sk-circle8{transform:rotate(210deg)}
.sk-circle .sk-circle8:before{animation-delay:-.5s}
.sk-circle .sk-circle9{transform:rotate(240deg)}
.sk-circle .sk-circle9:before{animation-delay:-.4s}
.sk-circle .sk-circle10{transform:rotate(270deg)}
.sk-circle .sk-circle10:before{animation-delay:-.3s}
.sk-circle .sk-circle11{transform:rotate(300deg)}
.sk-circle .sk-circle11:before{animation-delay:-.2s}
.sk-circle .sk-circle12{transform:rotate(330deg)}
.sk-circle .sk-circle12:before{animation-delay:-.1s}
@-webkit-keyframes sk-circleBounceDelay {
    0%,100%,80%{transform:scale(0)}
    40%{transform:scale(1)}
}
@keyframes sk-circleBounceDelay {
    0%,100%,80%{transform:scale(0)}
    40%{transform:scale(1)}
}


#gify_box {
    max-width: 700px;
    width: 100%;
    margin: 0 auto;
    height: 100%;
}

#gify_box .modal-content h5 {
    font-size: 16px;
    font-weight: 500;
    margin: 0px 0px 14px;
    display: flex;
    align-items: center;
}

#gify_box .stiker_imgprogress, .dt_msg_box .modal-content .chat_message_upload_media_imgprogress {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
}
#gify_box .modal-content h5 > div {
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: white;
    background-color: #8bc34a;
    margin: 1px 8px 0 0;
}
#gifylist img {
    width: 100px;
    height: 106px;
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
    cursor: pointer;
    /* user-select: none; */
    border-radius: 5px;
    border: 1px solid #9C27B0;
    pointer-events: inherit!important;
}

.message.gifimg {
    padding: 0px;
    background: transparent!important;
    border-radius: 5px !important;
    overflow: hidden;
    line-height: unset;
    height: 100%;
    width: 30%;
    display: flex;
    max-width: 55%;
    padding: 0px !important;
}

.dt_msg_box .modal-content .chat_conversations .chat_container .chat_body .chat_body_content .messages .message.gifimg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px;
    margin-top: 5px;
}


[type="checkbox"].filled-in:checked+span:not(.lever):after {
    top: 0;
    width: 20px;
    height: 20px;
    border: 2px solid #9C27B0;
    background-color: #9C27B0;
    z-index: 0;
}

nav .header_notifications .dt_notifs .n_detail p {
    max-width: 277px;
}

a.cc-link {
    color: #333 !important;
}
.cc-window {
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
    border-radius: 7px;
}

.cc-floating .cc-message {
    color: #333 !important;
}

.lk_active svg{
    background-color: #e3e9ea!important;
}

.dk_active svg{
    background-color: #e3e9ea!important;
}


/*Fancybox*/
.fancybox-button svg.feather {
	margin: auto;
    width: 15px;
    height: 15px;stroke-width: 2.5;
}
.qdt_lbox_prvtLoader {
	position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
}
.qdt_lbox_prvtLoader svg {
	fill: white;
    width: 90px;
    height: 25px;
}
.qdt_hdr_auth_btns {
	border-radius: 2em;
    margin: -6px 6px 0 !important;
    text-transform: capitalize;
    height: 41px;
    font: normal normal 500 15px/41px Montserrat;
}
.qdt_hdr_auth_btns:not(.btn_primary) {
	/*background: #fff;*/
}
.carousel .carousel-item{
    visibility: visible!important;
}

img {
    pointer-events: none;
}

#stikerlist embed {
    display: inline-block;
    width: 20%;
    height: 130px;
    cursor: pointer;
    padding: 5px;
    object-fit: cover;
    border-radius: 10px;
    transition: all 0.1s;
}

/* Prevenção de corte e rolagem horizontal na Home e páginas do tema Love */
html, body {
    overflow-x: hidden !important;
    max-width: 100vw !important;
    width: 100% !important;
}

body > #container {
    overflow-x: hidden !important;
    max-width: 100vw !important;
}

.white_bg,
.header_bg,
.dt_header_short_desc,
.dt_header_how_works,
.dt_header_how_works_side,
.dt_test_white_bg,
.dt_how_work,
.dt_index_foot,
.main_header_nav {
    overflow-x: hidden !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

.header_svg_circle,
.dt_header_short_desc > svg,
.dt_header_how_works > svg,
.dt_index_foot > svg {
    pointer-events: none;
}

/* Seção Institucional: Centralizada e Sem Imagens de Membros */
.dt_header_short_desc {
    padding: 70px 0 !important;
}
.dt_header_short_desc_innr {
    text-align: center !important;
    max-width: 780px !important;
    margin: 0 auto !important;
    padding: 20px 0 !important;
}
.dt_header_short_desc_innr h2 {
    font-size: 34px !important;
    line-height: 44px !important;
    font-weight: 700 !important;
    color: #433e42 !important;
    margin-bottom: 12px !important;
}
.dt_header_short_desc_innr p {
    font-size: 17px !important;
    line-height: 26px !important;
    color: #666666 !important;
}

/* ==========================================================================
   Adaptação Mobile: Exibição Elegante de Participantes em Carrossel Touch
   ========================================================================== */
@media (max-width: 992px) {
    /* Títulos mobile de identificação das seções de membros */
    .mobile_users_headline {
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        color: #86168b !important;
        margin: 25px 0 4px 0 !important;
        padding: 0 4px !important;
    }
    .live_pulse_dot {
        width: 8px !important;
        height: 8px !important;
        background: #25d366 !important;
        border-radius: 50% !important;
        display: inline-block !important;
        box-shadow: 0 0 0 2px rgba(37, 211, 102, 0.25) !important;
        animation: pulseDot 2s infinite !important;
    }
    @keyframes pulseDot {
        0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7); }
        70% { transform: scale(1); box-shadow: 0 0 0 6px rgba(37, 211, 102, 0); }
        100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(37, 211, 102, 0); }
    }

    /* Reordenação do Hero: Apresentação inicial + Filtros primeiro, participantes logo abaixo */
    .header_bg {
        display: flex !important;
        flex-direction: column !important;
        padding: 70px 16px 20px 16px !important;
    }
    .header_bg .home_pz_rel {
        order: 1 !important;
        width: 100% !important;
    }
    .header_bg .dt_hdr_filters {
        margin: 25px 0 0 !important;
    }

    /* Carrossel Horizontal Deslizante de Membros Recentes */
    .dt_index_random_users {
        order: 2 !important;
        display: flex !important;
        float: none !important;
        margin: 20px -16px 10px -16px !important;
        max-width: 100vw !important;
        width: calc(100% + 32px) !important;
        overflow-x: auto !important;
        scroll-snap-type: x mandatory !important;
        -webkit-overflow-scrolling: touch !important;
        gap: 12px !important;
        padding: 8px 16px 20px 16px !important;
        box-sizing: border-box !important;
        scrollbar-width: none !important;
    }
    .dt_index_random_users::-webkit-scrollbar {
        display: none !important;
    }
    .dt_index_random_users > div {
        flex: 0 0 135px !important;
        max-width: 135px !important;
        margin: 0 !important;
        padding: 0 !important;
        scroll-snap-align: start !important;
    }
    .dt_index_random_users .user {
        background: #ffffff !important;
        border-radius: 16px !important;
        overflow: hidden !important;
        margin-bottom: 0 !important;
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1) !important;
        border: 1px solid rgba(204, 66, 189, 0.15) !important;
        transition: transform 0.2s ease !important;
    }
    .dt_index_random_users .user a {
        display: block !important;
    }
    .dt_index_random_users .user img {
        width: 100% !important;
        height: 140px !important;
        aspect-ratio: 1 !important;
        object-fit: cover !important;
        display: block !important;
        border-radius: 15px 15px 0 0 !important;
    }
    .dt_index_random_users .user .padd {
        padding: 8px 8px 10px 8px !important;
        text-align: center !important;
        background: #ffffff !important;
    }
    .dt_index_random_users .user h6 {
        margin: 0 0 3px 0 !important;
        font-size: 11px !important;
        color: #777777 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        max-height: 16px !important;
    }
    .dt_index_random_users .user p {
        margin: 0 !important;
        font-size: 12.5px !important;
        font-weight: 700 !important;
        color: #86168b !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    /* Seção Institucional de Apresentação no Mobile */
    .dt_header_short_desc {
        padding: 40px 16px !important;
    }
    .dt_header_short_desc .row {
        display: block !important;
    }
    .dt_header_short_desc_innr {
        padding: 10px 0 !important;
        text-align: center !important;
    }
    .dt_header_short_desc_innr h2 {
        font-size: 24px !important;
        line-height: 32px !important;
    }
    .dt_header_short_desc_innr p {
        font-size: 14.5px !important;
        line-height: 22px !important;
        margin-top: 8px !important;
    }
    .dt_index_pro_users {
        display: flex !important;
        margin: 15px -16px 20px -16px !important;
        max-width: 100vw !important;
        width: calc(100% + 32px) !important;
        overflow-x: auto !important;
        scroll-snap-type: x mandatory !important;
        -webkit-overflow-scrolling: touch !important;
        gap: 12px !important;
        padding: 8px 16px 20px 16px !important;
        box-sizing: border-box !important;
        scrollbar-width: none !important;
    }
    .dt_index_pro_users::-webkit-scrollbar {
        display: none !important;
    }
    .dt_index_pro_users > div {
        flex: 0 0 135px !important;
        max-width: 135px !important;
        margin: 0 !important;
        padding: 0 !important;
        scroll-snap-align: start !important;
    }
    .dt_index_pro_users .user {
        background: #ffffff !important;
        border-radius: 16px !important;
        overflow: hidden !important;
        margin-bottom: 0 !important;
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1) !important;
        border: 1px solid rgba(204, 66, 189, 0.2) !important;
        position: relative !important;
    }
    .dt_index_pro_users .user::after {
        content: "DESTAQUE";
        position: absolute;
        top: 6px;
        right: 6px;
        background: linear-gradient(135deg, #e91e63, #9c27b0);
        color: #ffffff;
        font-size: 8px;
        font-weight: 800;
        padding: 2px 6px;
        border-radius: 8px;
        letter-spacing: 0.5px;
        box-shadow: 0 2px 6px rgba(0,0,0,0.25);
    }
    .dt_index_pro_users .user a {
        display: block !important;
    }
    .dt_index_pro_users .user img {
        width: 100% !important;
        height: 140px !important;
        aspect-ratio: 1 !important;
        object-fit: cover !important;
        display: block !important;
        border-radius: 15px 15px 0 0 !important;
    }
    .dt_index_pro_users .user .padd {
        padding: 8px 8px 10px 8px !important;
        text-align: center !important;
        background: #ffffff !important;
    }
    .dt_index_pro_users .user h6 {
        margin: 0 0 3px 0 !important;
        font-size: 11px !important;
        color: #777777 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        max-height: 16px !important;
    }
    .dt_index_pro_users .user p {
        margin: 0 !important;
        font-size: 12.5px !important;
        font-weight: 700 !important;
        color: #86168b !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
}
/* ==========================================================================
   REVISÃO COMPLETA DO TEMA: NAVBAR, LOGOTIPO, HERO, CARDS E ANIMAÇÕES
   ========================================================================== */

/* 1. Contenção e Alinhamento Perfeito do Logotipo (Nunca sobrepõe o Hero) */
.main_header_nav {
    position: relative !important;
    z-index: 100 !important;
    padding: 4px 0 !important;
}
.main_header_nav nav {
    background: transparent !important;
    box-shadow: none !important;
    height: 84px !important;
    line-height: 84px !important;
}
.main_header_nav nav .nav-wrapper {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    height: 100% !important;
    padding: 0 40px !important;
    max-width: 1320px !important;
    margin: 0 auto !important;
}
.main_header_nav nav .header_logo {
    height: 100% !important;
    max-width: none !important;
    width: auto !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    float: none !important;
}
.main_header_nav nav .brand-logo {
    position: static !important;
    transform: none !important;
    display: flex !important;
    align-items: center !important;
    padding: 0 !important;
    height: auto !important;
}
.main_header_nav nav .brand-logo img,
nav .brand-logo img,
nav .header_logo a.brand-logo img {
    height: 68px !important;
    max-height: 70px !important;
    width: auto !important;
    max-width: 300px !important;
    object-fit: contain !important;
    margin: 0 !important;
    display: block !important;
    border-radius: 8px !important;
    filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.08)) !important;
    transition: transform 0.25s ease !important;
}
.main_header_nav nav .brand-logo img:hover,
nav .brand-logo img:hover {
    transform: scale(1.02) !important;
}

/* Caixa rosa de autenticação (Entrar e Registrar) com alinhamento e botões proporcionais */
.main_header_nav .not_usr_nav {
    background: #cc42bd !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 6px 14px !important;
    margin: 0 !important;
    min-width: auto !important;
    border-radius: 28px !important;
    box-shadow: 0 4px 15px rgba(204, 66, 189, 0.28) !important;
    mix-blend-mode: normal !important;
}
.main_header_nav .not_usr_nav li {
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    height: auto !important;
    line-height: normal !important;
}
.main_header_nav .not_usr_nav li a.btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 32px !important;
    line-height: 32px !important;
    padding: 0 14px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    border-radius: 18px !important;
    box-shadow: none !important;
    text-transform: none !important;
    margin: 0 !important;
    transition: all 0.2s ease !important;
}
.main_header_nav .not_usr_nav li a.btn-flat {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.18) !important;
    border: 1px solid rgba(255, 255, 255, 0.35) !important;
}
.main_header_nav .not_usr_nav li a.btn-flat:hover {
    background: rgba(255, 255, 255, 0.28) !important;
    color: #ffffff !important;
}
.main_header_nav .not_usr_nav li a.btn.white {
    background: #ffffff !important;
    color: #86168b !important;
    font-weight: 700 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12) !important;
}
.main_header_nav .not_usr_nav li a.btn.white:hover {
    background: #fff8fc !important;
    color: #cc42bd !important;
    transform: translateY(-1px) !important;
}

/* 2. Animações Globais e Efeitos Visuais */
@keyframes cardFloat1 {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-8px); }
}
@keyframes cardFloat2 {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-11px); }
}
@keyframes cardFloat3 {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-7px); }
}
@keyframes radarBreath {
    0% { transform: scale(1); opacity: 0.8; }
    50% { transform: scale(1.025) rotate(0.4deg); opacity: 0.95; }
    100% { transform: scale(1); opacity: 0.8; }
}
@keyframes livePulse {
    0% { box-shadow: 0 0 0 0 rgba(76, 175, 80, 0.65); }
    70% { box-shadow: 0 0 0 6px rgba(76, 175, 80, 0); }
    100% { box-shadow: 0 0 0 0 rgba(76, 175, 80, 0); }
}

.header_svg_circle {
    position: absolute !important;
    right: -60px !important;
    top: -40px !important;
    pointer-events: none !important;
    z-index: 1 !important;
    animation: radarBreath 9s ease-in-out infinite alternate !important;
    transform-origin: center center !important;
}

/* 3. Estilização dos Cards de Membros (Fotos, Badges, Textos e Efeitos) */
.user_card_img_wrap {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 17px 17px 0 0 !important;
    background: #fdf5fc !important;
}
.dt_index_random_users .user, .dt_index_pro_users .user {
    background: #ffffff !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.07), 0 2px 6px rgba(204, 66, 189, 0.08) !important;
    border: 1px solid rgba(204, 66, 189, 0.16) !important;
    margin-bottom: 0 !important;
    transition: transform 0.35s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.35s ease !important;
    position: relative !important;
}
.dt_index_random_users .user:hover, .dt_index_pro_users .user:hover {
    transform: translateY(-8px) scale(1.025) !important;
    box-shadow: 0 20px 42px rgba(134, 22, 139, 0.24), 0 4px 12px rgba(204, 66, 189, 0.15) !important;
    z-index: 10 !important;
}
.dt_index_random_users .user img, .dt_index_pro_users .user img {
    width: 100% !important;
    height: 165px !important;
    aspect-ratio: 1 !important;
    object-fit: cover !important;
    object-position: top center !important;
    display: block !important;
    transition: transform 0.4s ease !important;
}
.dt_index_random_users .user:hover img, .dt_index_pro_users .user:hover img {
    transform: scale(1.06) !important;
}

.user_card_badge {
    position: absolute !important;
    bottom: 8px !important;
    right: 8px !important;
    background: rgba(255, 255, 255, 0.94) !important;
    backdrop-filter: blur(4px) !important;
    font-size: 10.5px !important;
    font-weight: 700 !important;
    color: #2e7d32 !important;
    padding: 2px 8px !important;
    border-radius: 20px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.14) !important;
    pointer-events: none !important;
}
.user_card_badge.pro_badge {
    color: #b77202 !important;
}
.badge_dot {
    width: 6px !important;
    height: 6px !important;
    background: #4caf50 !important;
    border-radius: 50% !important;
    display: inline-block !important;
    animation: livePulse 2s infinite !important;
}

.dt_index_random_users .user .padd, .dt_index_pro_users .user .padd {
    padding: 10px 10px 12px 10px !important;
    text-align: center !important;
    background: #ffffff !important;
}
.dt_index_random_users .user h6, .dt_index_pro_users .user h6 {
    margin: 0 0 5px 0 !important;
    font-size: 11.5px !important;
    line-height: 1.35em !important;
    color: #666666 !important;
    font-weight: 500 !important;
    font-family: 'Montserrat', sans-serif !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    height: 2.7em !important;
    word-break: break-word !important;
    text-align: center !important;
}
.dt_index_random_users .user p, .dt_index_pro_users .user p {
    margin: 0 !important;
    font-size: 12.5px !important;
    line-height: 1.25em !important;
    font-weight: 700 !important;
    color: #86168b !important;
    font-family: 'Montserrat', sans-serif !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    text-align: center !important;
}

/* 4. Título, Botões e Conteúdo do Hero */
.home_pz_rel h1.header {
    font-size: 46px !important;
    line-height: 1.16em !important;
    font-weight: 800 !important;
    letter-spacing: -0.5px !important;
    margin: 0 0 16px 0 !important;
    color: #2e112d !important;
    font-family: 'Montserrat', sans-serif !important;
}
.home_pz_rel h1.header span {
    color: #cc42bd !important;
    background: linear-gradient(135deg, #cc42bd 0%, #86168b 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}
.home_pz_rel h5.header {
    font-size: 17px !important;
    line-height: 1.55em !important;
    color: #624b61 !important;
    margin: 0 0 24px 0 !important;
    font-weight: 400 !important;
    font-family: 'Montserrat', sans-serif !important;
    max-width: 440px !important;
}
.hero_btns_wrap {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    margin-bottom: 8px !important;
}
.main-hdr-bttn {
    background: linear-gradient(135deg, #d83bbd 0%, #86168b 100%) !important;
    border-radius: 50px !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    padding: 0 34px !important;
    height: 50px !important;
    line-height: 50px !important;
    box-shadow: 0 8px 24px rgba(204, 66, 189, 0.35) !important;
    color: #ffffff !important;
    transition: all 0.3s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
    border: none !important;
    display: inline-block !important;
    text-transform: capitalize !important;
}
.main-hdr-bttn:hover {
    transform: translateY(-3px) scale(1.02) !important;
    box-shadow: 0 14px 30px rgba(134, 22, 139, 0.45) !important;
}
.main-know-bttn {
    font-weight: 600 !important;
    font-size: 15px !important;
    color: #86168b !important;
    padding: 12px 26px !important;
    border-radius: 50px !important;
    border: 1.5px solid rgba(134, 22, 139, 0.3) !important;
    background: rgba(255, 255, 255, 0.8) !important;
    backdrop-filter: blur(6px) !important;
    transition: all 0.25s ease !important;
    display: inline-block !important;
}
.main-know-bttn:hover {
    background: #86168b !important;
    color: #ffffff !important;
    border-color: #86168b !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 18px rgba(134, 22, 139, 0.2) !important;
}

/* 5. Barra de Busca e Filtros Unificada */
.dt_hdr_filters {
    background: linear-gradient(135deg, #a3229b 0%, #76157b 100%) !important;
    border-radius: 20px !important;
    padding: 24px 30px !important;
    margin: 25px 0 0 0 !important;
    box-shadow: 0 16px 40px rgba(118, 21, 123, 0.22) !important;
    position: relative !important;
    z-index: 5 !important;
}
.dt_hdr_filters .row {
    margin: 0 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-end !important;
    gap: 15px !important;
}
.dt_hdr_filters .row .col.input-field {
    flex: 1 1 150px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    position: relative !important;
}
.dt_hdr_filters .row .col.dt_hdr_btn_col {
    flex: 1 1 170px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: flex-end !important;
}
.dt_hdr_filters .input-field label {
    position: static !important;
    color: rgba(255, 255, 255, 0.95) !important;
    font-size: 13px !important;
    margin-bottom: 6px !important;
    display: block !important;
    font-weight: 600 !important;
    order: -1 !important;
    transform: none !important;
    height: auto !important;
}
.dt_hdr_filters .select-wrapper input.select-dropdown {
    background: #ffffff !important;
    border-radius: 12px !important;
    border: none !important;
    height: 46px !important;
    line-height: 46px !important;
    padding: 0 15px !important;
    font-weight: 600 !important;
    color: #443343 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
    box-sizing: border-box !important;
}
.dt_hdr_filters .select-wrapper .caret {
    fill: #86168b !important;
    right: 12px !important;
}
.dt_hdr_filters .btn {
    width: 100% !important;
    min-height: 46px !important;
    height: 46px !important;
    line-height: 1.25 !important;
    padding: 6px 12px !important;
    background: #500a54 !important;
    border-radius: 12px !important;
    font-weight: 700 !important;
    font-size: 13.5px !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25) !important;
    text-transform: none !important;
    transition: all 0.25s ease !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}
.dt_hdr_filters .btn:hover {
    background: #38043b !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.35) !important;
}

/* 6. Comportamento Responsivo Desktop (>= 993px) */
@media (min-width: 993px) {
    .header_bg {
        padding: 20px 40px 40px 40px !important;
        position: relative !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }
    .hero_main_container {
        max-width: 1360px !important;
        margin: 0 auto !important;
        position: relative !important;
        z-index: 2 !important;
    }
    .hero_top_flex {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 36px !important;
        min-height: 480px !important;
        margin-bottom: 10px !important;
    }
    .hero_top_flex .home_pz_rel {
        flex: 0 0 360px !important;
        max-width: 380px !important;
        position: relative !important;
        z-index: 3 !important;
        float: none !important;
    }
    .hero_cards_side {
        flex: 1 1 auto !important;
        width: calc(100% - 396px) !important;
        max-width: 100% !important;
        position: relative !important;
        z-index: 3 !important;
        margin-left: 0 !important;
        overflow: visible !important;
        display: flex !important;
        align-items: center !important;
    }
    .dt_index_random_users {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        justify-content: flex-start !important;
        align-items: stretch !important;
        gap: 10px !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        position: relative !important;
        z-index: 3 !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scroll-behavior: smooth !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
        padding: 6px 2px 10px 2px !important;
    }
    .dt_index_random_users::-webkit-scrollbar {
        display: none !important;
    }
    .dt_index_random_users > div,
    .dt_index_random_users > div:nth-child(n),
    .hero_user_card_item {
        flex: 0 0 118px !important;
        max-width: 118px !important;
        min-width: 118px !important;
        width: 118px !important;
        padding: 0 !important;
        margin: 0 !important;
        margin-top: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 0 !important;
        display: block !important;
        animation: none !important;
        transform: none !important;
        top: auto !important;
        left: auto !important;
    }
    .dt_index_random_users .user {
        border-radius: 12px !important;
        overflow: hidden !important;
        background: #ffffff !important;
        box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08) !important;
        border: 1px solid rgba(0, 0, 0, 0.06) !important;
        transition: transform 0.25s ease, box-shadow 0.25s ease !important;
    }
    .dt_index_random_users .user:hover {
        transform: translateY(-4px) !important;
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.14) !important;
    }
    .dt_index_random_users .user img {
        height: 114px !important;
        width: 100% !important;
        object-fit: cover !important;
    }
    .dt_index_random_users .user .padd {
        padding: 5px 6px 6px 6px !important;
    }
    .dt_index_random_users .user h6 {
        font-size: 10px !important;
        line-height: 1.25 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        margin: 0 0 2px 0 !important;
    }
    .dt_index_random_users .user p {
        font-size: 9.5px !important;
        line-height: 1.2 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        margin: 0 !important;
    }
    .dt_index_random_users .user_card_badge {
        font-size: 8.5px !important;
        padding: 2px 6px !important;
        bottom: 5px !important;
        right: 5px !important;
        gap: 3px !important;
    }
    .dt_index_random_users .badge_dot {
        width: 5px !important;
        height: 5px !important;
    }

    .hero_carousel_nav {
        position: absolute !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        width: 34px !important;
        height: 34px !important;
        border-radius: 50% !important;
        background: rgba(255, 255, 255, 0.95) !important;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.16) !important;
        border: none !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        cursor: pointer !important;
        z-index: 10 !important;
        color: #333333 !important;
        transition: all 0.2s ease !important;
        opacity: 0.8 !important;
    }
    .hero_cards_side:hover .hero_carousel_nav {
        opacity: 1 !important;
    }
    .hero_carousel_nav:hover {
        background: #ffffff !important;
        transform: translateY(-50%) scale(1.1) !important;
        box-shadow: 0 6px 18px rgba(0, 0, 0, 0.24) !important;
    }
    .hero_carousel_nav.prev {
        left: -18px !important;
    }
    .hero_carousel_nav.next {
        right: -18px !important;
    }
    @media (max-width: 992px) {
        .hero_carousel_nav {
            display: none !important;
        }
    }

    /* Cards de Membros em Destaque (PRO) no Desktop */
    .dt_index_pro_users {
        display: flex !important;
        flex-wrap: nowrap !important;
        margin: 0 !important;
        max-width: 100% !important;
        gap: 14px !important;
        align-items: center !important;
    }
    .dt_index_pro_users > div {
        flex: 1 1 0 !important;
        max-width: 25% !important;
        min-width: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    .dt_index_pro_users > div:nth-child(n+5) {
        display: none !important;
    }
    .dt_index_pro_users > div:nth-child(1) {
        margin-top: 0 !important;
        animation: cardFloat3 5.6s ease-in-out infinite !important;
    }
    .dt_index_pro_users > div:nth-child(2) {
        margin-top: 22px !important;
        animation: cardFloat1 6.2s ease-in-out infinite 0.8s !important;
    }
    .dt_index_pro_users > div:nth-child(3) {
        margin-top: -10px !important;
        animation: cardFloat2 5.3s ease-in-out infinite 0.4s !important;
    }
    .dt_index_pro_users > div:nth-child(4) {
        margin-top: 22px !important;
        animation: cardFloat1 6.5s ease-in-out infinite 1.1s !important;
    }
}

/* 7. Hover nos Cards da Seção 'Como Funciona' */
.dt_header_how_works_side_innr .list {
    transition: transform 0.3s ease, background 0.3s ease !important;
    border-radius: 14px !important;
    padding: 10px 14px !important;
}
.dt_header_how_works_side_innr .list:hover {
    transform: translateX(6px) !important;
    background: rgba(255, 255, 255, 0.08) !important;
}

/* ==========================================================================
   Banners de Parceiros: Desktop & Geral
   ========================================================================== */
.alllogic-rotating-banner .alb-tag {
    display: none !important;
}
.alllogic-rotating-banner .alb-content-wrap {
    display: flex !important;
    align-items: center !important;
    gap: 20px !important;
}
.alllogic-rotating-banner .alb-icon-box {
    width: 56px !important;
    height: 56px !important;
    border-radius: 14px !important;
    flex-shrink: 0 !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(255, 255, 255, 0.18) !important;
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
}
.alllogic-rotating-banner .alb-icon-box img {
    width: 44px !important;
    height: 44px !important;
    max-width: 44px !important;
    max-height: 44px !important;
    object-fit: contain !important;
    display: block !important;
    margin: auto !important;
}
.alllogic-rotating-banner .alb-icon-box svg {
    width: 28px !important;
    height: 28px !important;
}
.alllogic-rotating-banner .alb-text-box {
    display: flex !important;
    flex-direction: column !important;
    margin-left: 8px !important;
    text-align: left !important;
    min-width: 0 !important;
    flex: 1 !important;
}
.alllogic-rotating-banner .alb-title {
    margin: 0 0 3px 0 !important;
    font-size: 19px !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
    text-align: left !important;
}
.alllogic-rotating-banner .alb-sub {
    margin: 0 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
    opacity: 0.95 !important;
    white-space: normal !important;
    text-align: left !important;
}

@media (max-width: 768px) {
    /* 1. Logotipo Mobile Nítido e com Presença */
    .main_header_nav nav .nav-wrapper {
        padding: 0 12px !important;
        gap: 8px !important;
    }
    .main_header_nav nav .header_logo {
        max-width: none !important;
        width: auto !important;
        flex: 0 1 auto !important;
    }
    nav .brand-logo img,
    .main_header_nav nav .brand-logo img,
    nav .header_logo a.brand-logo img {
        height: 48px !important;
        max-height: 50px !important;
        width: auto !important;
        max-width: 195px !important;
        object-fit: contain !important;
        margin: 0 !important;
    }

    /* 2. Caixa rosa com botões alinhados e proporcionais */
    .main_header_nav .not_usr_nav {
        padding: 4px 6px !important;
        gap: 4px !important;
        border-radius: 22px !important;
        background: #cc42bd !important;
        margin: 0 !important;
        flex-shrink: 0 !important;
    }
    .main_header_nav .not_usr_nav li a.btn {
        height: 28px !important;
        line-height: 28px !important;
        padding: 0 8px !important;
        font-size: 11px !important;
        border-radius: 14px !important;
    }
}

@media (max-width: 480px) {
    .main_header_nav nav .nav-wrapper {
        padding: 0 8px !important;
        gap: 4px !important;
    }
    nav .brand-logo img,
    .main_header_nav nav .brand-logo img,
    nav .header_logo a.brand-logo img {
        height: 38px !important;
        max-height: 40px !important;
        max-width: 130px !important;
    }
    .main_header_nav .not_usr_nav {
        padding: 2px 4px !important;
        gap: 2px !important;
    }
    .main_header_nav .not_usr_nav li a.btn {
        height: 26px !important;
        line-height: 26px !important;
        padding: 0 5px !important;
        font-size: 10px !important;
        border-radius: 12px !important;
    }

    /* 3. Botão Saber Mais trazido um pouco para a esquerda */
    .hero_btns_wrap {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 8px !important;
        margin: 14px 0 0 0 !important;
        width: 100% !important;
    }
    .main-hdr-bttn {
        padding: 0 18px !important;
        height: 44px !important;
        line-height: 44px !important;
        font-size: 14px !important;
        margin: 0 !important;
    }
    .main-know-bttn {
        margin: 0 !important;
        padding: 10px 16px !important;
        font-size: 13.5px !important;
        white-space: nowrap !important;
    }

    .alllogic-rotating-banner {
        width: calc(100% - 24px) !important;
        max-width: 100% !important;
        height: 94px !important;
        border-radius: 12px !important;
        margin: 6px auto !important;
        box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12) !important;
    }
    .alllogic-rotating-banner .alb-slide {
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: left !important;
        padding: 5px 12px 8px 12px !important;
        border-radius: 12px !important;
        gap: 2px !important;
    }
    .alllogic-rotating-banner .alb-tag {
        display: none !important;
    }
    .alllogic-rotating-banner .alb-content-wrap {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-start !important;
        text-align: left !important;
        min-width: unset !important;
        width: 100% !important;
        gap: 8px !important;
        margin: 0 !important;
    }
    .alllogic-rotating-banner .alb-icon-box {
        width: 28px !important;
        height: 28px !important;
        border-radius: 7px !important;
        margin: 0 !important;
        flex-shrink: 0 !important;
    }
    .alllogic-rotating-banner .alb-icon-box img {
        width: 20px !important;
        height: 20px !important;
        object-fit: contain !important;
    }
    .alllogic-rotating-banner .alb-icon-box svg {
        width: 15px !important;
        height: 15px !important;
    }
    .alllogic-rotating-banner .alb-text-box {
        display: flex !important;
        flex-direction: column !important;
        text-align: left !important;
        align-items: flex-start !important;
        width: 100% !important;
        margin-bottom: 0 !important;
    }
    .alllogic-rotating-banner .alb-title {
        margin: 0 0 1px 0 !important;
        font-size: 12.5px !important;
        font-weight: 700 !important;
        line-height: 1.18 !important;
        text-align: left !important;
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: clip !important;
        max-width: 100% !important;
    }
    .alllogic-rotating-banner .alb-sub {
        margin: 0 !important;
        font-size: 10px !important;
        font-weight: 500 !important;
        line-height: 1.18 !important;
        text-align: left !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: clip !important;
        opacity: 0.95 !important;
    }
    .alllogic-rotating-banner .alb-desc {
        display: none !important;
    }
    .alllogic-rotating-banner .alb-btn-wrap {
        width: 100% !important;
        margin: 1px 0 0 0 !important;
        display: flex !important;
        justify-content: center !important;
    }
    .alllogic-rotating-banner .alb-btn {
        display: inline-flex !important;
        width: auto !important;
        padding: 2px 14px !important;
        font-size: 10px !important;
        font-weight: 700 !important;
        border-radius: 12px !important;
        text-align: center !important;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.14) !important;
        box-sizing: border-box !important;
        margin: 0 auto !important;
        line-height: 16px !important;
    }
    .alllogic-rotating-banner .alb-dots {
        bottom: 1px !important;
        gap: 3px !important;
    }
    .alllogic-rotating-banner .alb-dot {
        width: 3.5px !important;
        height: 3.5px !important;
    }
    .alllogic-rotating-banner .alb-dot.active {
        width: 10px !important;
        border-radius: 2px !important;
    }
}

/* ==========================================================================
   Botão Scroll To Top Global (Voltar ao Topo)
   ========================================================================== */
.dt_to_top,
#dt_to_top {
    position: fixed !important;
    right: 26px !important;
    bottom: 26px !important;
    width: 48px !important;
    height: 48px !important;
    line-height: 48px !important;
    border-radius: 50% !important;
    background: linear-gradient(135deg, #d83bbd 0%, #86168b 100%) !important;
    color: #ffffff !important;
    border: 2px solid rgba(255, 255, 255, 0.75) !important;
    box-shadow: 0 4px 18px rgba(134, 22, 139, 0.45) !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 2147483647 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateY(12px) scale(0.9) !important;
    transition: opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease !important;
    outline: none !important;
    padding: 0 !important;
    text-decoration: none !important;
}

.dt_to_top.is_visible,
#dt_to_top.is_visible {
    opacity: 0.95 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) scale(1) !important;
}

.dt_to_top.is_visible:hover,
#dt_to_top.is_visible:hover {
    opacity: 1 !important;
    transform: translateY(-3px) scale(1.08) !important;
    box-shadow: 0 8px 24px rgba(134, 22, 139, 0.65) !important;
    background: linear-gradient(135deg, #e91e63 0%, #76157b 100%) !important;
}

.dt_to_top svg,
#dt_to_top svg {
    stroke: #ffffff !important;
    width: 22px !important;
    height: 22px !important;
    display: block !important;
    margin: auto !important;
    pointer-events: none !important;
}

@media (max-width: 768px) {
    .dt_to_top,
    #dt_to_top {
        right: 18px !important;
        bottom: 20px !important;
        width: 44px !important;
        height: 44px !important;
        line-height: 44px !important;
        box-shadow: 0 4px 14px rgba(134, 22, 139, 0.4) !important;
    }
    .dt_to_top svg,
    #dt_to_top svg {
        width: 20px !important;
        height: 20px !important;
    }
}

/* ==========================================================================
   Crédito AllLogic Online no Rodapé
   ========================================================================== */
.alllogic_credit {
    display: inline-block !important;
    margin-left: 6px !important;
    font-size: inherit !important;
}
.alllogic_credit a {
    color: #cc42bd !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    transition: color 0.2s ease, text-decoration 0.2s ease !important;
}
.alllogic_credit a:hover {
    color: #e91e63 !important;
    text-decoration: underline !important;
}

/* ==========================================================================
   Espaçamentos Otimizados Entre Componentes no Desktop
   ========================================================================== */
@media (min-width: 993px) {
    /* 1. Seção Institucional Superior */
    .dt_header_short_desc {
        padding: 35px 0 !important;
    }
    .dt_header_short_desc_innr {
        padding: 10px 0 !important;
    }

    /* 2. Seção Como Funciona */
    .dt_header_how_works_innr {
        padding: 55px 0 !important;
    }
    .dt_header_how_works_innr.flip {
        padding: 45px 0 !important;
    }
    .dt_header_how_works_side {
        padding: 40px 30px !important;
    }
    .dt_header_how_works_side.flip {
        padding: 35px 30px !important;
    }
    .dt_header_how_works_side_innr .list {
        padding: 22px 0 !important;
    }

    /* 3. Seção Histórias de Sucesso / Depoimentos */
    .dt_test_bg {
        margin: 50px 0 !important;
    }

    /* 4. Seção Chamada Final (Anytime & Anywhere) */
    .dt_get_start {
        margin: 55px auto !important;
    }
}

/* ==========================================================================
   Espaçamentos Otimizados Entre Componentes no Mobile (Sem Buracos Brancos)
   ========================================================================== */
@media (max-width: 992px) {
    /* 1. Seção Institucional Superior */
    .dt_header_short_desc {
        padding: 25px 0 !important;
    }
    .dt_header_short_desc_innr {
        padding: 10px 16px !important;
    }

    /* 2. Seção Como Funciona */
    .dt_header_how_works_innr {
        padding: 20px 16px 20px !important;
    }
    .dt_header_how_works_innr.flip {
        padding: 25px 16px 15px !important;
    }
    .dt_header_how_works_side {
        padding: 25px 16px !important;
    }
    .dt_header_how_works_side.flip {
        padding: 25px 16px !important;
    }
    .dt_header_how_works_side_innr .list {
        padding: 12px 0 !important;
    }

    /* 3. Seção Histórias de Sucesso / Depoimentos */
    .dt_test_bg {
        margin: 30px 0 !important;
    }

    /* 4. Seção Chamada Final (Anytime & Anywhere) */
    .dt_get_start {
        margin: 30px auto !important;
    }
}

/* ==========================================================================
   Rodapé Centralizado com Fundo Clarinho e Idioma Integrado
   ========================================================================== */
.dt_index_foot {
    background-color: #f7f8fa !important;
    border-top: 1px solid #e5e9f0 !important;
    position: relative !important;
    margin-top: 35px !important;
}

.dt_index_footinnr {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 65px 24px 35px !important;
}

.dt_index_footinnr .top {
    padding-bottom: 45px !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.07) !important;
}

.dt_index_footinnr .top > .row {
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    flex-wrap: nowrap !important;
    gap: 30px !important;
    margin: 0 !important;
}

.dt_index_footinnr .top h5,
.dt_index_footinnr .top h6 {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #374151 !important;
    margin: 0 0 14px !important;
    line-height: 1.4 !important;
}

.dt_index_footinnr .top a {
    color: #4b5563 !important;
    font-size: 14px !important;
    line-height: 2.2 !important;
    transition: color 0.2s ease !important;
}

.dt_index_footinnr .top a:hover {
    color: #cc42bd !important;
}

/* 1. Links Rápidos em Duas Colunas Perfeitas */
.dt_foot_links_section {
    flex: 0 0 38% !important;
    max-width: 410px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.dt_foot_links_grid {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    gap: 30px !important;
}

.dt_foot_col {
    flex: 1 1 50% !important;
    min-width: 0 !important;
}

.dt_foot_col div {
    white-space: nowrap !important;
}

/* 2. Seção Newsletter */
.dt_foot_subs_section {
    flex: 0 0 34% !important;
    max-width: 370px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 3. Coluna de Rede Social (Siga-nos!) */
.dt_foot_social_col {
    flex: 0 0 13% !important;
    max-width: 140px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
}

.dt_foot_social_btns {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

/* 4. Coluna de Idioma ao lado de Rede Social */
.dt_foot_lang_col {
    flex: 0 0 13% !important;
    max-width: 140px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
}

.dt_foot_langs a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 7px 15px !important;
    background: #ffffff !important;
    border: 1px solid #d1d5db !important;
    border-radius: 8px !important;
    color: #374151 !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
    transition: all 0.2s ease !important;
}

.dt_foot_langs a:hover {
    background: #f3f4f6 !important;
    border-color: #9ca3af !important;
    color: #111827 !important;
    transform: translateY(-1px) !important;
}

.dt_foot_langs a svg {
    color: #6b7280 !important;
    vertical-align: middle !important;
}

/* Linha Inferior com Copyright Centralizado */
.dt_index_footinnr .bottom {
    padding-top: 25px !important;
}

.dt_index_footinnr .copyright {
    text-align: center !important;
    width: 100% !important;
    font-size: 13.5px !important;
    color: #6b7280 !important;
    margin: 0 auto !important;
}

.dt_index_footinnr .copyright a {
    color: #cc42bd !important;
    font-weight: 600 !important;
}

/* Rodapé nas demais páginas do tema */
footer.page_footer {
    background-color: #f7f8fa !important;
    border-top: 1px solid #e5e9f0 !important;
    color: #6b7280 !important;
}

footer.page_footer a {
    color: #4b5563 !important;
}

@media (max-width: 992px) {
    .dt_index_footinnr {
        padding: 40px 16px 25px !important;
    }
    .dt_index_footinnr .top > .row {
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        gap: 30px !important;
    }
    .dt_foot_links_section,
    .dt_foot_subs_section,
    .dt_foot_social_col,
    .dt_foot_lang_col {
        flex: 1 1 100% !important;
        max-width: 100% !important;
        width: 100% !important;
    }
    .dt_foot_links_grid {
        justify-content: center !important;
        gap: 25px !important;
    }
    .dt_foot_social_col,
    .dt_foot_lang_col {
        align-items: center !important;
        text-align: center !important;
    }
    .dt_foot_social_btns {
        justify-content: center !important;
    }
}

/* ==========================================================================
   Fix Definitivo do Header Mobile e Alinhamento dos 3 Pontinhos (Menu)
   ========================================================================== */
nav.nav-not-logged-in {
    box-shadow: none !important;
    height: 64px !important;
    line-height: 64px !important;
    background: #ffffff !important;
    position: relative !important;
    z-index: 100 !important;
}

nav.nav-not-logged-in .nav-wrapper {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    height: 64px !important;
    position: relative !important;
}

nav.nav-not-logged-in .header_logo {
    display: flex !important;
    align-items: center !important;
    height: 100% !important;
    margin: 0 !important;
    max-width: none !important;
    width: auto !important;
}

nav.nav-not-logged-in .header_logo a.brand-logo {
    display: flex !important;
    align-items: center !important;
    height: 100% !important;
    position: static !important;
}

nav.nav-not-logged-in .header_logo a.brand-logo img {
    max-height: 46px !important;
    width: auto !important;
    max-width: 180px !important;
    margin: 0 !important;
    object-fit: contain !important;
}

nav.nav-not-logged-in ul.right {
    display: flex !important;
    align-items: center !important;
    height: 100% !important;
    margin: 0 !important;
    float: none !important;
    gap: 8px !important;
}

nav.nav-not-logged-in .show_mobi_login {
    display: none !important;
}

@media (max-width: 768px) {
    nav.nav-not-logged-in .nav-wrapper {
        padding: 0 12px !important;
    }

    nav.nav-not-logged-in .header_logo a.brand-logo img {
        max-height: 40px !important;
        max-width: 140px !important;
    }

    nav.nav-not-logged-in .show_mobi_login {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        height: 64px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    nav.nav-not-logged-in .show_mobi_login > a {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 42px !important;
        height: 42px !important;
        padding: 0 !important;
        line-height: normal !important;
        border-radius: 50% !important;
        color: #222222 !important;
        background: transparent !important;
        transition: background-color 0.2s ease !important;
    }

    nav.nav-not-logged-in .show_mobi_login > a:hover,
    nav.nav-not-logged-in .show_mobi_login > a:active {
        background-color: rgba(0, 0, 0, 0.05) !important;
    }

    nav.nav-not-logged-in .show_mobi_login > a svg {
        width: 24px !important;
        height: 24px !important;
        fill: #222222 !important;
        display: block !important;
    }

    nav.nav-not-logged-in .show_mobi_login > .dropdown-content {
        top: 64px !important;
        left: 15px !important;
        right: 15px !important;
        width: calc(100% - 30px) !important;
        border-radius: 14px !important;
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12) !important;
        z-index: 99999 !important;
    }
}

/* ========================================================
   Carrossel Online Agora (Design Moderno Estilo Stories)
   ======================================================== */
.dt_online_now_box {
    background: #ffffff;
    border-radius: 16px;
    padding: 14px 18px 12px;
    margin-bottom: 20px;
    box-shadow: 0 2px 14px rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(0, 0, 0, 0.06);
    position: relative;
}

body.night-mode .dt_online_now_box {
    background: #1e1e2d;
    border-color: #2b2b40;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
}

.dt_online_now_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
    padding: 0 2px;
}

.dt_online_now_header h4 {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    color: #2c3e50;
    display: flex;
    align-items: center;
    gap: 8px;
    letter-spacing: -0.2px;
}

body.night-mode .dt_online_now_header h4 {
    color: #ffffff;
}

.dt_online_live_badge {
    display: inline-flex;
    align-items: center;
    font-size: 11px;
    font-weight: 600;
    color: #10b981;
    background: rgba(16, 185, 129, 0.1);
    padding: 3px 10px;
    border-radius: 20px;
    letter-spacing: 0.3px;
}

.dt_online_live_indicator {
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: #10b981;
    border-radius: 50%;
    box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7);
    animation: pulse-online-green 1.8s infinite;
}

@keyframes pulse-online-green {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7);
    }
    70% {
        transform: scale(1);
        box-shadow: 0 0 0 6px rgba(16, 185, 129, 0);
    }
    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(16, 185, 129, 0);
    }
}

.dt_online_carousel_track {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 4px 2px 8px;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
}

.dt_online_carousel_track::-webkit-scrollbar {
    height: 4px;
}
.dt_online_carousel_track::-webkit-scrollbar-track {
    background: transparent;
}
.dt_online_carousel_track::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.12);
    border-radius: 10px;
}
body.night-mode .dt_online_carousel_track::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.15);
}

.dt_online_user_item {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-shrink: 0;
    width: 66px;
    text-decoration: none !important;
    transition: transform 0.2s ease;
    cursor: pointer;
}

.dt_online_user_item:hover {
    transform: translateY(-2px);
}

.dt_online_avatar_wrap {
    position: relative;
    width: 58px;
    height: 58px;
    padding: 2.5px;
    border-radius: 50%;
    background: linear-gradient(135deg, #10b981 0%, #34d399 100%);
    box-shadow: 0 3px 10px rgba(16, 185, 129, 0.22);
    margin-bottom: 6px;
}

.dt_online_avatar_wrap.is_active_pro {
    background: linear-gradient(135deg, #f59e0b 0%, #ef4444 100%);
    box-shadow: 0 3px 10px rgba(245, 158, 11, 0.3);
}

.dt_online_avatar_img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    display: block;
    border: 2px solid #ffffff;
    background: #f1f5f9;
}

body.night-mode .dt_online_avatar_img {
    border-color: #1e1e2d;
}

.dt_online_dot {
    position: absolute;
    bottom: 1px;
    right: 1px;
    width: 13px;
    height: 13px;
    background-color: #10b981;
    border: 2px solid #ffffff;
    border-radius: 50%;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

body.night-mode .dt_online_dot {
    border-color: #1e1e2d;
}

.dt_online_user_name {
    font-size: 11.5px;
    font-weight: 600;
    color: #475569;
    max-width: 64px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    line-height: 1.2;
}

body.night-mode .dt_online_user_name {
    color: #cbd5e1;
}

.dt_online_user_item:hover .dt_online_user_name {
    color: #e91e63;
}

/* ========================================================
   Hero Online Pill & Home Badges
   ======================================================== */
.hero_online_pill {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(16, 185, 129, 0.12);
    border: 1px solid rgba(16, 185, 129, 0.28);
    color: #059669;
    padding: 6px 16px;
    border-radius: 30px;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 16px;
    box-shadow: 0 2px 10px rgba(16, 185, 129, 0.08);
    letter-spacing: -0.1px;
}

.hero_online_dot {
    width: 8px;
    height: 8px;
    background-color: #10b981;
    border-radius: 50%;
    box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7);
    animation: pulse-online-green 1.8s infinite;
}

body.night-mode .hero_online_pill {
    background: rgba(16, 185, 129, 0.15);
    border-color: rgba(16, 185, 129, 0.35);
    color: #34d399;
}

.user_card_badge.is_online {
    color: #059669 !important;
}

.user_card_badge.is_today {
    color: #0284c7 !important;
}

.user_card_badge.is_today .badge_dot {
    background: #0284c7 !important;
    animation: none !important;
}

/* Alerta de Localização Amigável e Descartável */
.location_alert_update {
    margin: 10px 0 15px 0 !important;
}
.location_alert_box {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    background: #fff8e1 !important;
    color: #8d5b00 !important;
    border: 1px solid #ffe082 !important;
    border-left: 4px solid #ffb300 !important;
    border-radius: 12px !important;
    padding: 12px 18px !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06) !important;
    font-size: 13.5px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
    position: relative !important;
    transition: opacity 0.4s ease, transform 0.4s ease !important;
}
.location_alert_box .loc_icon_text {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    flex: 1 1 auto !important;
}
.location_alert_box .loc_icon {
    flex-shrink: 0 !important;
    color: #e65100 !important;
    display: flex !important;
    align-items: center !important;
}
.location_alert_box .close_loc_btn {
    background: transparent !important;
    border: none !important;
    cursor: pointer !important;
    color: #8d5b00 !important;
    opacity: 0.7 !important;
    padding: 6px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    transition: opacity 0.2s ease, background 0.2s ease, transform 0.2s ease !important;
    flex-shrink: 0 !important;
}
.location_alert_box .close_loc_btn:hover {
    opacity: 1 !important;
    background: rgba(141, 91, 0, 0.12) !important;
    transform: scale(1.1) !important;
}
body.night-mode .location_alert_box {
    background: #2a2212 !important;
    color: #ffd54f !important;
    border-color: #5c4714 !important;
    border-left-color: #ffa000 !important;
}
body.night-mode .location_alert_box .close_loc_btn {
    color: #ffd54f !important;
}

/* Fix para dropdowns de selecao de idade e filtros: max-height e scroll vertical para navegacao de 18 a 98 anos */
.select-wrapper .dropdown-content.select-dropdown,
.dt_new_home_filter .select-wrapper .dropdown-content.select-dropdown {
    max-height: 280px !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
}
.select-wrapper .dropdown-content.select-dropdown::-webkit-scrollbar {
    width: 6px;
}
.select-wrapper .dropdown-content.select-dropdown::-webkit-scrollbar-thumb {
    background: rgba(140, 40, 130, 0.35);
    border-radius: 4px;
}
.select-wrapper .dropdown-content.select-dropdown::-webkit-scrollbar-thumb:hover {
    background: rgba(140, 40, 130, 0.6);
}

/* Setas de rolagem para carrossel de Pessoas Online e Resultados */
.dt_online_carousel_wrapper,
.dt_matches_carousel_wrapper {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
}

.dt_carousel_arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #ffffff;
    color: #8c2882;
    border: 1px solid rgba(140, 40, 130, 0.22);
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    padding: 0;
}

.dt_carousel_arrow:hover {
    background: #8c2882;
    color: #ffffff;
    box-shadow: 0 5px 16px rgba(140, 40, 130, 0.4);
    transform: translateY(-50%) scale(1.12);
}

.dt_carousel_arrow:active {
    transform: translateY(-50%) scale(0.92);
}

.dt_carousel_arrow_prev {
    left: -14px;
}

.dt_carousel_arrow_next {
    right: -14px;
}

body.night-mode .dt_carousel_arrow {
    background: #2b2132;
    color: #f0a5eb;
    border-color: rgba(240, 165, 235, 0.3);
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.4);
}

body.night-mode .dt_carousel_arrow:hover {
    background: #c649b8;
    color: #ffffff;
}

/* Permitir rolagem suave no container de avatares de correspondencias */
.dt_home_match_user .mtc_usr_avtr {
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-behavior: smooth !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    width: 100% !important;
    padding: 4px 18px 10px !important;
    margin: 0 0 15px !important;
}

.dt_home_match_user .mtc_usr_avtr::-webkit-scrollbar {
    display: none !important;
}

.dt_online_carousel_track {
    padding: 4px 18px 8px !important;
}

/* Interatividade dos Avatares de Correspondencia */
.dt_home_match_user .mtc_usr_avtr .usr_thumb {
    cursor: pointer !important;
    user-select: none;
}

.dt_home_match_user .mtc_usr_avtr .usr_thumb:hover {
    transform: scale(1.05);
}

.dt_home_match_user .mtc_usr_avtr .usr_thumb .usr_thumb_avatar_wrap {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.dt_home_match_user .mtc_usr_avtr .usr_thumb .usr_thumb_name_link {
    display: block !important;
    color: inherit !important;
    text-decoration: none !important;
}

.dt_home_match_user .mtc_usr_avtr .usr_thumb .usr_thumb_name_link:hover p {
    color: #c649b8 !important;
    font-weight: 700 !important;
}

/* Link na foto do carrossel */
.match_usr_photo_link {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    cursor: pointer !important;
}

/* Botao Destacado Ver Perfil Completo */
.dt_view_profile_btn_wrap {
    margin: 12px 0 16px !important;
}

.dt_btn_open_profile {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: linear-gradient(135deg, #c649b8 0%, #a02896 100%) !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    padding: 0 24px !important;
    height: 42px !important;
    line-height: 42px !important;
    border-radius: 21px !important;
    box-shadow: 0 4px 14px rgba(198, 73, 184, 0.35) !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    transition: all 0.25s ease !important;
}

.dt_btn_open_profile:hover {
    background: linear-gradient(135deg, #a02896 0%, #7d1c75 100%) !important;
    box-shadow: 0 6px 18px rgba(198, 73, 184, 0.5) !important;
    transform: translateY(-2px) !important;
    color: #ffffff !important;
}

.dt_btn_open_profile:active {
    transform: translateY(0) !important;
}

body.night-mode .dt_btn_open_profile {
    background: linear-gradient(135deg, #c649b8 0%, #7d1c75 100%) !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.5) !important;
}