/* =========================================================
   LOGO DE RIFA AL COSTADO DERECHO DEL MENU
========================================================= */

.header-inner{
    display:flex;
    align-items:center;
}

.main-menu{
    flex:1;
}

.header-rifa-logo{
    flex:0 0 auto;
    display:flex;
    align-items:center;
    justify-content:center;

    width:240px;          /* antes 190px */

    margin-left:26px;
    text-decoration:none;
    position:relative;
}

.header-rifa-logo img{
    display:block;

    width:100%;
    height:auto;

    max-height:140px;     /* antes 110px */

    object-fit:contain;

    filter:drop-shadow(0 0 8px rgba(255,0,0,.4));

    transition:transform .3s ease, filter .3s ease;

    animation:rifaGlow 3.2s ease-in-out infinite;
}

.header-rifa-logo:hover img,
.header-rifa-logo.active img{

    transform:scale(1.05);

    filter:drop-shadow(0 0 18px rgba(255,0,0,.9));

}

.header-rifa-logo::after{

    content:"";

    position:absolute;

    left:16%;
    right:16%;
    bottom:-4px;

    height:2px;

    background:linear-gradient(90deg,transparent,#ff0000,transparent);

    opacity:0;

    transition:opacity .25s ease;

}

.header-rifa-logo:hover::after,
.header-rifa-logo.active::after{

    opacity:1;

}

@keyframes rifaGlow{

    0%,100%{
        filter:drop-shadow(0 0 6px rgba(255,0,0,.28));
    }

    50%{
        filter:drop-shadow(0 0 15px rgba(255,0,0,.72));
    }

}

@media(max-width:1100px){

    .header-rifa-logo{

        width:200px;      /* antes 150px */

        margin-left:18px;

    }

}

@media(max-width:850px){

    .header-inner{
        flex-wrap:wrap;
        justify-content:center;
    }

    .header-rifa-logo{

        order:3;

        width:180px;      /* antes 145px */

        margin:12px auto 0;

    }

    .main-menu{
        flex-basis:100%;
    }

}

@media(max-width:520px){

    .header-rifa-logo{

        width:160px;      /* antes 125px */

    }

}