/* =========================================================================
   POLIZUNCHO — Título de página

   H1 en turquesa con las migas debajo, alineados a la izquierda con el mismo
   canalón que la barra del header (--pz-gutter). Lo usan la tienda
   (woocommerce/archive/banner-bar.php) y las páginas (page.php) a través de
   template-parts/page-title.php.

   Variables de marca:
     --OZ-Color-1  #00a7a9  turquesa
     --OZ-Color-3  #01356a  azul
   ========================================================================= */

.pz-page-title {
	width: 100%;
	background: transparent;
	box-sizing: border-box;
}

.pz-page-title__inner {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 6px;
	width: 100%;
	max-width: 100%;
	margin: 0;
	padding: clamp(20px, 3vw, 38px) var(--pz-gutter) clamp(14px, 1.8vw, 22px);
	box-sizing: border-box;
}

.pz-page-title__h1 {
	margin: 0;
	padding: 0;
	color: var(--pz-teal);
	font-family: var(--OZ-Font-Headings, inherit);
	font-size: clamp(2rem, 4.4vw, 3.25rem);
	font-weight: 800;
	line-height: 1.05;
	letter-spacing: -0.02em;
}

.pz-page-title__crumbs {
	display: flex;
	align-items: center;
	margin: 0;
	padding: 0;
}

.pz-page-title__crumb-list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 4px;
	margin: 0;
	padding: 0;
	color: #6b7280;
	font-size: .875rem;
	line-height: 1.4;
}

.pz-page-title__crumb-list a {
	color: var(--pz-navy);
	font-weight: 600;
	text-decoration: none;
}

.pz-page-title__crumb-list a:hover {
	color: var(--pz-teal);
	text-decoration: underline;
}

.pz-page-title__crumb-sep {
	color: #9ca3af;
	user-select: none;
}

@media (max-width: 767px) {
	.pz-page-title__inner {
		padding-inline: 16px;
	}
}