/* --------------------------------------------------------
* bread-list.css
--------------------------------------------------------*/

/* @group @variables */

[class*="o-page-bread-list"] {
}

/* @end @variables */

/* @group @o-page-bread-list-primary */

[class*="o-page-bread-list"] {
box-sizing: border-box;
overflow: hidden;
padding: .75rem var(--x-padding-right) calc(.75rem - 1px) var(--x-padding-left);
border-bottom: 1px solid hsl(0deg 0% 85%);
}

[class*="o-page-bread-list"] ol {
display: grid;
justify-content: start;
grid-auto-flow: row;
display: flex;
flex-wrap: wrap;
flex-direction: row;
gap: .75rem;
}

[class*="o-page-bread-list"] li {
display: grid;
justify-content: start;
align-items: center;
grid-template-columns: repeat(auto, auto);
gap: .75rem;
}

[class*="o-page-bread-list"] li:last-of-type {
font-weight: 600;
font-variation-settings-strong: "wght" 600;
}

@media all and (max-width:47.9375em) {

[class*="o-page-bread-list"] li:last-of-type {
grid-row: 2;
min-width: 100%;
max-width: 100%;
}

}

[class*="o-page-bread-list"] li:not(:last-of-type):after {
content: '\0203A';
grid-column: 2;
position: relative;
display: grid;
justify-content: center;
align-items: center;
font-size: 1.5rem;
line-height: 1;
vertical-align: top;
}

[class*="o-page-bread-list"] a {
border-bottom: 1px solid transparent;
color: var(--link-color);
transition: var(--link-primero-transition);
}

[class*="o-page-bread-list"] a:hover,
[class*="o-page-bread-list"] a:focus {
border-bottom-color: var(--link-action-color);
color: var(--link-action-color);
}

/* @end @o-page-bread-list-primary */