/*COMPONENTE: BREADCRUMBS
=================================
VISIBLE: TODO EL SITIO
ACA ESTA EL ESTILO DE TODO EL COMPONENTE. 
- EL CONTENEDOR DE LAS MIGAS DE PAN
- CADA LINK
- CADA SEPARADOR*/


.lu-breadcrumbs{

    width:100%;
    height:70px;

    display:flex;
    align-items:center;

    border-bottom:1px solid var(--color-border);

    background: transparent;

}

.lu-breadcrumbs__container{

    width:min(1280px,92%);
    margin:auto;

    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:10px;

    font-size:14px;
    font-weight:400;
    line-height:1;
    text-transform:uppercase;

}

.lu-breadcrumbs a{

    color:var(--breadcrumbs-color-separator);
    text-decoration:none;

    transition:.2s;

}

.lu-breadcrumbs a:hover{

    opacity:.65;

}

.lu-breadcrumbs .separator{

    color: var(--breadcrumbs-color-separator);

}

.lu-breadcrumbs .current{

    color:var(--breadcrumbs-color);

}

/* Tablet */

@media (max-width:1024px){

    .lu-breadcrumbs{

        height:65px;

    }

}

/* Mobile */

@media (max-width:768px){

    .lu-breadcrumbs{

        height:60px;

    }

    .lu-breadcrumbs__container{

        width:94%;
        font-size:12px;
        gap:7px;

    }

}