@charset "utf-8";

/*==================================================
NEWS BAR
INDIGO INMOBILIARIA
==================================================*/


.news-bar
{

    width:100%;

    background:#01124a;

    color:#fff;

    overflow:hidden;

    border-top:1px solid rgba(255,255,255,.08);

    border-bottom:1px solid rgba(255,255,255,.08);

}



.news-track
{

    display:flex;

    align-items:center;

    width:max-content;

    min-height:45px;

    animation:newsMove 28s linear infinite;

}



.news-track:hover
{

    animation-play-state:paused;

}



.news-track span
{

    display:flex;

    align-items:center;

    gap:.65rem;

    padding:0 2.5rem;

    font-size:.92rem;

    font-weight:600;

    white-space:nowrap;

    position:relative;

}



.news-track span::after
{

    content:"";

    position:absolute;

    right:0;

    width:1px;

    height:18px;

    background:rgba(255,255,255,.25);

}



.news-track i
{

    display:flex;

    align-items:center;

    justify-content:center;

    width:28px;

    height:28px;

    border-radius:50%;

    background:rgba(200,155,60,.18);

    color:#c89b3c;

    font-style:normal;

    font-size:.85rem;

}



/*==================================================
ANIMACION
==================================================*/


@keyframes newsMove
{

    from
    {

        transform:translateX(0);

    }


    to
    {

        transform:translateX(-50%);

    }

}



/*==================================================
RESPONSIVE
==================================================*/


@media(max-width:768px)
{


    .news-track
    {

        min-height:42px;

        animation-duration:22s;

    }


    .news-track span
    {

        padding:0 1.5rem;

        font-size:.82rem;

    }


    .news-track i
    {

        width:24px;

        height:24px;

    }


}