/* CATEGORIAS SECRETTA - AJUSTE FINAL */

.secretta-section-title{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    margin:26px 0 16px!important;
}

.secretta-section-title h2{
    margin:0!important;
    color:#d4a64f!important;
    font-family:Georgia,serif!important;
    font-size:24px!important;
    letter-spacing:1px!important;
}

.secretta-section-title a{
    color:#d4a64f!important;
    font-size:14px!important;
    font-weight:700!important;
    text-decoration:none!important;
    white-space:nowrap!important;
}

.secretta-categories{
    display:flex!important;
    flex-wrap:nowrap!important;
    justify-content:space-between!important;
    gap:12px!important;
    width:100%!important;
    overflow:hidden!important;
    margin:0 0 28px!important;
    padding:0!important;
}

.secretta-categories div{
    width:78px!important;
    min-width:78px!important;
    height:auto!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    padding:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    text-align:center!important;
}

.secretta-categories div i{
    width:66px!important;
    height:66px!important;
    border-radius:50%!important;
    border:1px solid rgba(212,166,79,.45)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-style:normal!important;
    font-size:25px!important;
    color:#d4a64f!important;
    background:#080808!important;
    margin-bottom:8px!important;
}

.secretta-categories div.active i{
    background:radial-gradient(circle,#9d0000,#3b0000)!important;
    box-shadow:0 0 18px rgba(164,0,0,.65)!important;
}

.secretta-categories div span{
    color:#d4a64f!important;
    font-size:12px!important;
    line-height:1.1!important;
    white-space:nowrap!important;
}

@media(max-width:768px){
    .secretta-section-title{
        margin:22px 0 12px!important;
    }

    .secretta-section-title h2{
        font-size:22px!important;
    }

    .secretta-section-title a{
        font-size:13px!important;
    }

    .secretta-categories{
        gap:8px!important;
        justify-content:space-between!important;
        overflow:visible!important;
    }

    .secretta-categories div{
        width:64px!important;
        min-width:64px!important;
    }

    .secretta-categories div i{
        width:54px!important;
        height:54px!important;
        font-size:20px!important;
        margin-bottom:6px!important;
    }

    .secretta-categories div span{
        font-size:10.5px!important;
    }
}