/* Shared breadcrumbs: listing + PDP + contactos + terms.
   Type recipe (must win): Raleway 12px, lowercase + small-caps, grey #8a7d77.
   Box: listing owns calc(100%-32px)/1440 + pad 16. PDP sits in .cv2-pd-wrap (already 16px).
   Contactos/terms BC live inside their page wraps — structure only here, no outer box.
   Do not regress PDP/ficha. */

/* ---- Listing layout: sibling of #main-container ---- */
html body.cv2-listing-page.webstore-main-body nav.breadcrumbs,
html body.cv2-listing-page.webstore-main-body .breadcrumbs,
html body.cv2-listing-page nav.breadcrumbs,
html body.cv2-listing-page .breadcrumbs {
	display: block !important;
	width: calc(100% - 32px) !important;
	max-width: 1440px !important;
	margin: 16px auto 0 !important; /* listing: space under header; title bar owns gap below */
	padding: 0 16px !important;
	box-sizing: border-box !important;
	text-align: left;
}

html body.cv2-listing-page nav.breadcrumbs ol,
html body.cv2-listing-page nav.breadcrumbs ul,
html body.cv2-listing-page .breadcrumbs ol,
html body.cv2-listing-page .breadcrumbs ul,
html body.cv2-pdp-page nav.cv2-pd-bc ol,
html body.cv2-pdp-page .cv2-pd-bc ol,
html body.cv2-contactos-page nav.cv2-ct-bc ol,
html body.cv2-contactos-page .cv2-ct-bc ol,
html body.cv2-terms-page nav.cv2-terms__bc ol,
html body.cv2-terms-page .cv2-terms__bc ol,
.cv2-terms nav.cv2-terms__bc ol {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none;
	text-align: left;
	gap: 0;
}

/* PDP crumbs: wrap already has 16px sides inside the calc/1440 container */
html body.cv2-pdp-page nav.cv2-pd-bc,
html body.cv2-pdp-page .cv2-pd-bc {
	margin: 0 0 22px;
	padding: 0;
	box-sizing: border-box;
}

/* Contactos / Terms: structure spacing (type below) */
html body.cv2-contactos-page nav.cv2-ct-bc,
html body.cv2-contactos-page .cv2-ct-bc {
	margin: 0 0 14px;
	padding: 0;
	box-sizing: border-box;
	text-align: left;
}
html body.cv2-terms-page nav.cv2-terms__bc,
html body.cv2-terms-page .cv2-terms__bc,
.cv2-terms nav.cv2-terms__bc {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	text-align: left;
}

/* ---- Type recipe ---- */
html body.cv2-listing-page nav.breadcrumbs,
html body.cv2-listing-page nav.breadcrumbs li,
html body.cv2-listing-page nav.breadcrumbs a,
html body.cv2-listing-page nav.breadcrumbs span,
html body.cv2-listing-page nav.breadcrumbs .cv2-bc-sep,
html body.cv2-listing-page .breadcrumbs,
html body.cv2-listing-page .breadcrumbs li,
html body.cv2-listing-page .breadcrumbs a,
html body.cv2-listing-page .breadcrumbs span,
html body.cv2-listing-page .breadcrumbs .cv2-bc-sep,
html body.cv2-pdp-page nav.cv2-pd-bc,
html body.cv2-pdp-page nav.cv2-pd-bc li,
html body.cv2-pdp-page nav.cv2-pd-bc a,
html body.cv2-pdp-page nav.cv2-pd-bc span,
html body.cv2-pdp-page nav.cv2-pd-bc li.is-last,
html body.cv2-pdp-page nav.cv2-pd-bc li.is-last span,
html body.cv2-pdp-page .cv2-pd-bc,
html body.cv2-pdp-page .cv2-pd-bc li,
html body.cv2-pdp-page .cv2-pd-bc a,
html body.cv2-pdp-page .cv2-pd-bc span,
html body.cv2-pdp-page .cv2-pd-bc li.is-last,
html body.cv2-pdp-page .cv2-pd-bc li.is-last span,
html body.cv2-contactos-page nav.cv2-ct-bc,
html body.cv2-contactos-page nav.cv2-ct-bc li,
html body.cv2-contactos-page nav.cv2-ct-bc a,
html body.cv2-contactos-page nav.cv2-ct-bc span,
html body.cv2-contactos-page nav.cv2-ct-bc [aria-current="page"],
html body.cv2-contactos-page .cv2-ct-bc,
html body.cv2-contactos-page .cv2-ct-bc li,
html body.cv2-contactos-page .cv2-ct-bc a,
html body.cv2-contactos-page .cv2-ct-bc span,
html body.cv2-contactos-page .cv2-ct-bc [aria-current="page"],
html body.cv2-terms-page nav.cv2-terms__bc,
html body.cv2-terms-page nav.cv2-terms__bc li,
html body.cv2-terms-page nav.cv2-terms__bc a,
html body.cv2-terms-page nav.cv2-terms__bc span,
html body.cv2-terms-page .cv2-terms__bc,
html body.cv2-terms-page .cv2-terms__bc li,
html body.cv2-terms-page .cv2-terms__bc a,
html body.cv2-terms-page .cv2-terms__bc span,
.cv2-terms nav.cv2-terms__bc,
.cv2-terms nav.cv2-terms__bc li,
.cv2-terms nav.cv2-terms__bc a,
.cv2-terms nav.cv2-terms__bc span {
	font-family: "Raleway", sans-serif !important;
	font-size: 12px !important;
	font-weight: 400 !important;
	font-style: normal !important;
	line-height: 1.4 !important;
	letter-spacing: normal !important;
	text-transform: lowercase !important;
	font-variant: small-caps !important;
	font-variant-caps: small-caps !important;
}

html body.cv2-listing-page nav.breadcrumbs li,
html body.cv2-listing-page nav.breadcrumbs li a,
html body.cv2-listing-page nav.breadcrumbs li span,
html body.cv2-listing-page .breadcrumbs li,
html body.cv2-listing-page .breadcrumbs li a,
html body.cv2-listing-page .breadcrumbs li span,
html body.cv2-pdp-page nav.cv2-pd-bc li,
html body.cv2-pdp-page nav.cv2-pd-bc a,
html body.cv2-pdp-page nav.cv2-pd-bc span,
html body.cv2-pdp-page .cv2-pd-bc li,
html body.cv2-pdp-page .cv2-pd-bc a,
html body.cv2-pdp-page .cv2-pd-bc span,
html body.cv2-contactos-page nav.cv2-ct-bc li,
html body.cv2-contactos-page nav.cv2-ct-bc a,
html body.cv2-contactos-page nav.cv2-ct-bc span,
html body.cv2-contactos-page nav.cv2-ct-bc [aria-current="page"],
html body.cv2-contactos-page .cv2-ct-bc li,
html body.cv2-contactos-page .cv2-ct-bc a,
html body.cv2-contactos-page .cv2-ct-bc span,
html body.cv2-contactos-page .cv2-ct-bc [aria-current="page"],
html body.cv2-terms-page nav.cv2-terms__bc li,
html body.cv2-terms-page nav.cv2-terms__bc a,
html body.cv2-terms-page nav.cv2-terms__bc span,
html body.cv2-terms-page .cv2-terms__bc li,
html body.cv2-terms-page .cv2-terms__bc a,
html body.cv2-terms-page .cv2-terms__bc span,
.cv2-terms nav.cv2-terms__bc li,
.cv2-terms nav.cv2-terms__bc a,
.cv2-terms nav.cv2-terms__bc span {
	color: #8a7d77 !important;
	text-decoration: none;
}

html body.cv2-listing-page nav.breadcrumbs li a:hover,
html body.cv2-listing-page .breadcrumbs li a:hover,
html body.cv2-pdp-page nav.cv2-pd-bc a:hover,
html body.cv2-pdp-page .cv2-pd-bc a:hover,
html body.cv2-contactos-page nav.cv2-ct-bc a:hover,
html body.cv2-contactos-page .cv2-ct-bc a:hover,
html body.cv2-terms-page nav.cv2-terms__bc a:hover,
html body.cv2-terms-page .cv2-terms__bc a:hover,
.cv2-terms nav.cv2-terms__bc a:hover {
	color: #8d0042 !important;
	text-decoration: underline;
}

/* slash separators */
html body.cv2-listing-page .breadcrumbs .cv2-bc-sep,
html body.cv2-pdp-page nav.cv2-pd-bc li:not(:last-child)::after,
html body.cv2-pdp-page .cv2-pd-bc li:not(:last-child)::after,
html body.cv2-contactos-page nav.cv2-ct-bc li:not(:last-child)::after,
html body.cv2-contactos-page .cv2-ct-bc li:not(:last-child)::after,
html body.cv2-terms-page nav.cv2-terms__bc li:not(:last-child)::after,
html body.cv2-terms-page .cv2-terms__bc li:not(:last-child)::after,
.cv2-terms nav.cv2-terms__bc li:not(:last-child)::after {
	color: #b4a8a2 !important;
	font-family: "Raleway", sans-serif !important;
	font-size: 12px !important;
	font-weight: 400 !important;
	text-transform: lowercase !important;
	font-variant: small-caps !important;
	font-variant-caps: small-caps !important;
	letter-spacing: normal !important;
}

html body.cv2-listing-page .breadcrumbs .cv2-bc-sep {
	display: inline !important;
	padding: 0 6px;
	background: none !important;
}

html body.cv2-pdp-page nav.cv2-pd-bc li:not(:last-child)::after,
html body.cv2-pdp-page .cv2-pd-bc li:not(:last-child)::after,
html body.cv2-contactos-page nav.cv2-ct-bc li:not(:last-child)::after,
html body.cv2-contactos-page .cv2-ct-bc li:not(:last-child)::after,
html body.cv2-terms-page nav.cv2-terms__bc li:not(:last-child)::after,
html body.cv2-terms-page .cv2-terms__bc li:not(:last-child)::after,
.cv2-terms nav.cv2-terms__bc li:not(:last-child)::after {
	content: "/";
	margin: 0 6px;
}

/* kill contactos legacy li+li:before slash (shared ::after wins) */
html body.cv2-contactos-page nav.cv2-ct-bc li + li:before,
html body.cv2-contactos-page .cv2-ct-bc li + li:before {
	content: none !important;
	display: none !important;
	margin: 0 !important;
}

/* last crumb */
html body.cv2-listing-page .breadcrumbs li:last-child,
html body.cv2-listing-page .breadcrumbs li:last-child a,
html body.cv2-listing-page .breadcrumbs li:last-child span,
html body.cv2-pdp-page nav.cv2-pd-bc li.is-last,
html body.cv2-pdp-page nav.cv2-pd-bc li.is-last span,
html body.cv2-pdp-page nav.cv2-pd-bc li:last-child,
html body.cv2-pdp-page nav.cv2-pd-bc li:last-child span,
html body.cv2-pdp-page .cv2-pd-bc li.is-last,
html body.cv2-pdp-page .cv2-pd-bc li.is-last span,
html body.cv2-pdp-page .cv2-pd-bc li:last-child,
html body.cv2-pdp-page .cv2-pd-bc li:last-child span,
html body.cv2-contactos-page nav.cv2-ct-bc li:last-child,
html body.cv2-contactos-page nav.cv2-ct-bc li:last-child span,
html body.cv2-contactos-page nav.cv2-ct-bc [aria-current="page"],
html body.cv2-contactos-page .cv2-ct-bc li:last-child,
html body.cv2-contactos-page .cv2-ct-bc [aria-current="page"],
html body.cv2-terms-page nav.cv2-terms__bc li.is-last,
html body.cv2-terms-page nav.cv2-terms__bc li.is-last span,
html body.cv2-terms-page nav.cv2-terms__bc li:last-child,
html body.cv2-terms-page nav.cv2-terms__bc li:last-child span,
html body.cv2-terms-page .cv2-terms__bc li.is-last,
html body.cv2-terms-page .cv2-terms__bc li:last-child,
.cv2-terms nav.cv2-terms__bc li.is-last,
.cv2-terms nav.cv2-terms__bc li.is-last span,
.cv2-terms nav.cv2-terms__bc li:last-child,
.cv2-terms nav.cv2-terms__bc li:last-child span {
	color: #5a4f4a !important;
	font-weight: 400 !important;
}

@media only screen and (max-width: 800px) {
	html body.cv2-listing-page nav.breadcrumbs,
	html body.cv2-listing-page .breadcrumbs,
	html body.cv2-listing-page.webstore-main-body .breadcrumbs {
		width: calc(100% - 32px) !important;
		max-width: 1440px !important;
		padding: 0 16px !important;
		margin: 16px auto 10px !important;
	}
}