/*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: 20px 10px;

    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 {

    display: inline-flex;
    align-items: center;

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

    line-height: 1;

    transition: .2s;

}

.lu-breadcrumbs a:hover {
    opacity: .65;
}

.lu-breadcrumbs .separator {

    display: inline-flex;
    align-items: center;

    color: var(--breadcrumbs-color-separator);
    line-height: 1;

}

.lu-breadcrumbs .current {

    display: inline-flex;
    align-items: center;

    color: var(--breadcrumbs-color);
    line-height: 1;

}

.lu-breadcrumbs__home-icon {

    width: 18px;
    height: 18px;

    display: block;
    flex-shrink: 0;

}

.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;

    }

}

.lu-breadcrumbs__home-icon {
    width: 18px;
    height: 18px;
    display: block;
    flex-shrink: 0;
}

.lu-breadcrumbs a {
    display: inline-flex;
    align-items: center;
    line-height: 1;
}

/* Mobile */

@media (max-width:768px){

    .lu-breadcrumbs{

        height:60px;

    }

    .lu-breadcrumbs__container{

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

    }

}