/* =========================================================================
   Parallel Berlin — estilos del tema

   Los colores, tipografías y espacios NO se definen acá: salen de theme.json
   y llegan como variables CSS (--wp--preset--color--acido, etc.). Así, si
   alguien cambia la paleta desde Apariencia → Editor → Estilos, este archivo
   la sigue sin tocar una línea.

   Índice
   1. Base y utilidades
   2. Botones, pastillas, iconos
   3. Secciones
   4. Bloque: Portada
   5. Bloque: Próximas fechas
   6. Tarjetas (tours y notas)
   7. Bloque: Catálogo + filtros
   8. Bloque: Equipo
   9. Bloque: Testimonios
   10. Bloque: CTA
   11. Ficha de tour
   12. Pie de página
   13. Editor
   ========================================================================= */

/* -------------------------------------------------------------------------
   1. Base y utilidades
   ------------------------------------------------------------------------- */

:root {
	--pb-borde: 2px solid var(--wp--preset--color--tinta);
	--pb-radio: 18px;
	--pb-radio-chico: 10px;
	--pb-transicion: 180ms cubic-bezier( 0.2, 0, 0.2, 1 );
}

@media ( prefers-reduced-motion: reduce ) {
	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}

.pb-imagen {
	display: block;
	inline-size: 100%;
	block-size: 100%;
	object-fit: cover;
}

.pb-imagen--vacia {
	aspect-ratio: 4 / 3;
	background:
		repeating-linear-gradient(
			45deg,
			var(--wp--preset--color--humo),
			var(--wp--preset--color--humo) 10px,
			transparent 10px,
			transparent 20px
		);
}

/* Grillas compartidas por varios bloques. */
.pb-cols-1 .pb-tours__grilla,
.pb-cols-1 .pb-equipo__grilla,
.pb-cols-1 .pb-testimonios__grilla,
.pb-cols-1 .pb-noticias__grilla { --pb-min: 100%; }

.pb-cols-2 .pb-tours__grilla,
.pb-cols-2 .pb-equipo__grilla,
.pb-cols-2 .pb-testimonios__grilla,
.pb-cols-2 .pb-noticias__grilla { --pb-min: 22rem; }

.pb-cols-3 .pb-tours__grilla,
.pb-cols-3 .pb-equipo__grilla,
.pb-cols-3 .pb-testimonios__grilla,
.pb-cols-3 .pb-noticias__grilla { --pb-min: 18rem; }

.pb-cols-4 .pb-tours__grilla,
.pb-cols-4 .pb-equipo__grilla,
.pb-cols-4 .pb-testimonios__grilla,
.pb-cols-4 .pb-noticias__grilla { --pb-min: 14rem; }

.pb-tours__grilla,
.pb-equipo__grilla,
.pb-testimonios__grilla,
.pb-noticias__grilla {
	display: grid;
	grid-template-columns: repeat( auto-fill, minmax( min( var(--pb-min, 18rem ), 100% ), 1fr ) );
	gap: var(--wp--preset--spacing--30);
	margin: 0;
	padding: 0;
	list-style: none;
}

/* Aviso que sólo ve quien edita. */
.pb-aviso {
	border: 2px dashed var(--wp--preset--color--gris);
	border-radius: var(--pb-radio-chico);
	padding: 1rem 1.25rem;
	font-size: var(--wp--preset--font-size--small);
	color: var(--wp--preset--color--gris);
	background: color-mix( in srgb, var(--wp--preset--color--humo) 60%, transparent );
}

.pb-aviso strong {
	color: var(--wp--preset--color--tinta);
}

.screen-reader-text {
	position: absolute !important;
	inline-size: 1px;
	block-size: 1px;
	overflow: hidden;
	clip-path: inset( 50% );
	white-space: nowrap;
}

/* -------------------------------------------------------------------------
   2. Botones, pastillas, iconos
   ------------------------------------------------------------------------- */

.pb-boton {
	display: inline-flex;
	align-items: center;
	gap: 0.5em;
	padding: 0.85em 1.5em;
	border: 2px solid currentColor;
	border-radius: 999px;
	font-family: var(--wp--preset--font-family--archivo);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 700;
	letter-spacing: 0.04em;
	line-height: 1;
	text-transform: uppercase;
	text-decoration: none;
	transition: background-color var(--pb-transicion), color var(--pb-transicion), transform var(--pb-transicion);
}

.pb-boton .pb-icono {
	inline-size: 1em;
	block-size: 1em;
	transition: transform var(--pb-transicion);
}

.pb-boton:hover .pb-icono,
.pb-boton:focus-visible .pb-icono {
	transform: translateX( 3px );
}

.pb-boton:focus-visible {
	outline: 2px solid var(--wp--preset--color--azul);
	outline-offset: 3px;
}

.pb-boton--solido {
	background: var(--wp--preset--color--tinta);
	color: var(--wp--preset--color--crema);
	border-color: var(--wp--preset--color--tinta);
}

.pb-boton--solido:hover,
.pb-boton--solido:focus-visible {
	background: var(--wp--preset--color--acido);
	color: var(--wp--preset--color--tinta);
}

.pb-boton--contorno {
	background: transparent;
	color: var(--wp--preset--color--tinta);
}

.pb-boton--contorno:hover,
.pb-boton--contorno:focus-visible {
	background: var(--wp--preset--color--tinta);
	color: var(--wp--preset--color--crema);
}

.pb-boton--claro {
	background: var(--wp--preset--color--crema);
	color: var(--wp--preset--color--tinta);
	border-color: var(--wp--preset--color--crema);
}

.pb-boton--claro:hover,
.pb-boton--claro:focus-visible {
	background: var(--wp--preset--color--acido);
	border-color: var(--wp--preset--color--acido);
}

.pb-boton--contorno-claro {
	background: transparent;
	color: var(--wp--preset--color--crema);
	border-color: currentColor;
}

.pb-boton--contorno-claro:hover,
.pb-boton--contorno-claro:focus-visible {
	background: var(--wp--preset--color--crema);
	color: var(--wp--preset--color--tinta);
}

.pb-pastilla {
	display: inline-flex;
	align-items: center;
	gap: 0.4em;
	padding: 0.35em 0.85em;
	border: 1px solid color-mix( in srgb, currentColor 30%, transparent );
	border-radius: 999px;
	font-size: var(--wp--preset--font-size--x-small);
	line-height: 1.3;
	white-space: nowrap;
}

.pb-icono {
	inline-size: 1.05em;
	block-size: 1.05em;
	flex: none;
	vertical-align: -0.15em;
}

/* -------------------------------------------------------------------------
   3. Secciones
   ------------------------------------------------------------------------- */

.pb-seccion__titulo {
	font-family: var(--wp--preset--font-family--instrument);
	font-size: var(--wp--preset--font-size--x-large);
	font-weight: 400;
	line-height: 1.05;
	letter-spacing: -0.02em;
	margin: 0 0 var(--wp--preset--spacing--30);
}

.pb-seccion__pie {
	margin-block-start: var(--wp--preset--spacing--30);
	text-align: center;
}

/* -------------------------------------------------------------------------
   4. Bloque: Portada
   ------------------------------------------------------------------------- */

.pb-hero {
	position: relative;
	display: grid;
	align-items: end;
	overflow: hidden;
	isolation: isolate;
	color: var(--wp--preset--color--crema);
	padding: var(--wp--preset--spacing--50) var(--wp--preset--spacing--30);
	border-radius: 0;
}

.pb-hero--compacta { min-block-size: 42vh; }
.pb-hero--media    { min-block-size: 68vh; }
.pb-hero--completa { min-block-size: 92vh; }

.pb-hero--grad-noche         { background: var(--wp--preset--gradient--noche); }
.pb-hero--grad-atardecer     { background: var(--wp--preset--gradient--atardecer); color: var(--wp--preset--color--tinta); }
.pb-hero--grad-amanecer      { background: var(--wp--preset--gradient--amanecer); color: var(--wp--preset--color--tinta); }
.pb-hero--grad-electrico     { background: var(--wp--preset--gradient--electrico); }
.pb-hero--grad-acido-magenta { background: var(--wp--preset--gradient--acido-magenta); color: var(--wp--preset--color--tinta); }

.pb-hero__fondo {
	position: absolute;
	inset: 0;
	z-index: -1;
}

.pb-hero__img {
	inline-size: 100%;
	block-size: 100%;
	object-fit: cover;
}

/* Con imagen, el degradado se convierte en velo para que el texto se lea. */
.pb-hero--con-imagen::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background: inherit;
	opacity: 0.82;
	mix-blend-mode: multiply;
}

.pb-hero__contenido {
	position: relative;
	inline-size: min( 100%, 62rem );
	margin-inline: auto;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--wp--preset--spacing--20);
}

.pb-hero__volanta {
	margin: 0;
	font-family: var(--wp--preset--font-family--archivo);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 700;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	opacity: 0.9;
}

.pb-hero__titulo {
	margin: 0;
	font-family: var(--wp--preset--font-family--archivo);
	font-size: var(--wp--preset--font-size--display);
	font-weight: 800;
	font-style: italic;
	font-stretch: 92%;
	line-height: 0.94;
	letter-spacing: -0.03em;
	text-transform: uppercase;
	color: inherit;
	text-wrap: balance;
}

.pb-hero__subtitulo {
	margin: 0;
	max-inline-size: 46ch;
	font-family: var(--wp--preset--font-family--instrument);
	font-size: var(--wp--preset--font-size--x-large);
	font-style: italic;
	line-height: 1.15;
	text-wrap: pretty;
}

.pb-hero__acciones {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	margin-block-start: var(--wp--preset--spacing--10);
}

.pb-hero__proxima {
	display: flex;
	align-items: center;
	gap: 1rem;
	margin-block-start: var(--wp--preset--spacing--20);
	padding: 0.9rem 1.4rem;
	border-radius: 999px;
	background: color-mix( in srgb, var(--wp--preset--color--crema) 92%, transparent );
	color: var(--wp--preset--color--tinta);
	text-decoration: none;
	box-shadow: 0 6px 24px rgba( 0, 0, 0, 0.18 );
	transition: transform var(--pb-transicion), box-shadow var(--pb-transicion);
}

.pb-hero__proxima:hover,
.pb-hero__proxima:focus-visible {
	transform: translateY( -2px );
	box-shadow: 0 10px 30px rgba( 0, 0, 0, 0.24 );
}

.pb-hero__proxima-etiqueta {
	font-size: var(--wp--preset--font-size--x-small);
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	padding: 0.3em 0.7em;
	border-radius: 999px;
	background: var(--wp--preset--color--acido);
	white-space: nowrap;
}

.pb-hero__proxima-datos {
	display: flex;
	flex-direction: column;
	line-height: 1.3;
	font-size: var(--wp--preset--font-size--small);
}

@media ( max-width: 600px ) {
	.pb-hero__proxima {
		flex-direction: column;
		align-items: flex-start;
		border-radius: var(--pb-radio);
	}
}

/* -------------------------------------------------------------------------
   5. Bloque: Próximas fechas
   ------------------------------------------------------------------------- */

.pb-fechas__lista {
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--20);
	margin: 0;
	padding: 0;
	list-style: none;
}

.pb-fechas__item {
	display: grid;
	grid-template-columns: auto 1fr auto;
	align-items: center;
	gap: var(--wp--preset--spacing--20);
	padding: var(--wp--preset--spacing--20);
	border: var(--pb-borde);
	border-radius: var(--pb-radio);
	background: var(--wp--preset--color--blanco);
	transition: transform var(--pb-transicion), box-shadow var(--pb-transicion);
}

.pb-fechas__item:hover {
	transform: translate( -2px, -2px );
	box-shadow: 6px 6px 0 var(--wp--preset--color--acido);
}

.pb-fechas__cuando {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	inline-size: 4.5rem;
	aspect-ratio: 1;
	border-radius: var(--pb-radio-chico);
	background: var(--wp--preset--color--tinta);
	color: var(--wp--preset--color--crema);
	line-height: 1;
}

.pb-fechas__dia {
	font-family: var(--wp--preset--font-family--instrument);
	font-size: 2rem;
}

.pb-fechas__mes {
	font-size: var(--wp--preset--font-size--x-small);
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--wp--preset--color--acido);
}

.pb-fechas__titulo {
	margin: 0 0 0.4rem;
	font-size: var(--wp--preset--font-size--large);
	line-height: 1.1;
}

.pb-fechas__titulo a {
	color: inherit;
	text-decoration: none;
}

.pb-fechas__titulo a:hover {
	text-decoration: underline;
}

.pb-fechas__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem;
	margin: 0;
	color: var(--wp--preset--color--gris);
}

.pb-fechas__notas {
	margin: 0.6rem 0 0;
	font-size: var(--wp--preset--font-size--small);
	font-style: italic;
}

.pb-fechas__vacio {
	padding: var(--wp--preset--spacing--30);
	border: 2px dashed color-mix( in srgb, currentColor 30%, transparent );
	border-radius: var(--pb-radio);
	text-align: center;
	font-style: italic;
}

/* Variante destacada: la primera fecha, grande. */
.pb-fechas--destacada .pb-fechas__item:first-child {
	grid-template-columns: 1fr;
	text-align: center;
	justify-items: center;
	padding: var(--wp--preset--spacing--40);
	background: var(--wp--preset--gradient--atardecer);
}

.pb-fechas--destacada .pb-fechas__item:first-child .pb-fechas__titulo {
	font-size: var(--wp--preset--font-size--xx-large);
}

.pb-fechas--destacada .pb-fechas__item:not( :first-child ) {
	display: none;
}

/* Variante tarjetas. */
.pb-fechas--tarjetas .pb-fechas__lista {
	display: grid;
	grid-template-columns: repeat( auto-fill, minmax( min( 20rem, 100% ), 1fr ) );
}

.pb-fechas--tarjetas .pb-fechas__item {
	grid-template-columns: 1fr;
	align-items: start;
}

@media ( max-width: 782px ) {
	.pb-fechas__item {
		grid-template-columns: auto 1fr;
	}

	.pb-fechas__accion {
		grid-column: 1 / -1;
	}
}

/* -------------------------------------------------------------------------
   6. Tarjetas
   ------------------------------------------------------------------------- */

.pb-tarjeta {
	display: flex;
	flex-direction: column;
	block-size: 100%;
	overflow: hidden;
	border: var(--pb-borde);
	border-radius: var(--pb-radio);
	background: var(--wp--preset--color--blanco);
	transition: transform var(--pb-transicion), box-shadow var(--pb-transicion);
}

.pb-tarjeta:hover,
.pb-tarjeta:focus-within {
	transform: translate( -3px, -3px );
	box-shadow: 7px 7px 0 var(--wp--preset--color--tinta);
}

.pb-tarjeta__medio {
	position: relative;
	display: block;
	aspect-ratio: 4 / 3;
	overflow: hidden;
	background: var(--wp--preset--color--humo);
}

.pb-tarjeta__medio .pb-imagen {
	transition: transform 400ms cubic-bezier( 0.2, 0, 0.2, 1 );
}

.pb-tarjeta:hover .pb-tarjeta__medio .pb-imagen {
	transform: scale( 1.04 );
}

.pb-tarjeta__barrio {
	position: absolute;
	inset-block-start: 0.75rem;
	inset-inline-start: 0.75rem;
	padding: 0.35em 0.85em;
	border-radius: 999px;
	background: var(--wp--preset--color--acido);
	color: var(--wp--preset--color--tinta);
	font-size: var(--wp--preset--font-size--x-small);
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.pb-tarjeta__cuerpo {
	display: flex;
	flex-direction: column;
	gap: 0.6rem;
	flex: 1;
	padding: var(--wp--preset--spacing--20);
}

.pb-tarjeta__temas,
.pb-tarjeta__fecha {
	margin: 0;
	font-size: var(--wp--preset--font-size--x-small);
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--wp--preset--color--gris);
}

.pb-tarjeta__titulo {
	margin: 0;
	font-size: var(--wp--preset--font-size--large);
	line-height: 1.08;
	text-wrap: balance;
}

.pb-tarjeta__titulo a {
	color: inherit;
	text-decoration: none;
}

.pb-tarjeta__titulo a::after {
	content: "";
	position: absolute;
	inset: 0;
}

.pb-tours__item,
.pb-noticias__item {
	position: relative;
}

.pb-tarjeta__bajada {
	margin: 0;
	font-size: var(--wp--preset--font-size--small);
	line-height: 1.5;
	color: color-mix( in srgb, currentColor 80%, transparent );
	text-wrap: pretty;
}

.pb-tarjeta__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 0.35rem;
	margin: 0;
	color: var(--wp--preset--color--gris);
}

.pb-tarjeta__proxima {
	display: flex;
	align-items: center;
	gap: 0.4em;
	margin: auto 0 0;
	padding-block-start: 0.6rem;
	border-block-start: 1px solid var(--wp--preset--color--humo);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 600;
}

.pb-tarjeta__sin-fecha {
	font-weight: 400;
	font-style: italic;
	color: var(--wp--preset--color--gris);
}

/* -------------------------------------------------------------------------
   7. Filtros del catálogo
   ------------------------------------------------------------------------- */

.pb-filtros {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin-block-end: var(--wp--preset--spacing--30);
}

.pb-filtro {
	padding: 0.5em 1.1em;
	border: var(--pb-borde);
	border-radius: 999px;
	background: transparent;
	color: inherit;
	font-family: inherit;
	font-size: var(--wp--preset--font-size--small);
	font-weight: 600;
	cursor: pointer;
	transition: background-color var(--pb-transicion), color var(--pb-transicion);
}

.pb-filtro:hover {
	background: var(--wp--preset--color--humo);
}

.pb-filtro.is-activo {
	background: var(--wp--preset--color--tinta);
	color: var(--wp--preset--color--crema);
}

.pb-filtro:focus-visible {
	outline: 2px solid var(--wp--preset--color--azul);
	outline-offset: 2px;
}

/* -------------------------------------------------------------------------
   8. Bloque: Equipo
   ------------------------------------------------------------------------- */

.pb-equipo__item {
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--20);
}

.pb-equipo__figura {
	margin: 0;
	overflow: hidden;
	background: var(--wp--preset--color--humo);
}

.pb-equipo--recorte .pb-equipo__figura {
	aspect-ratio: 4 / 5;
	border-radius: var(--pb-radio);
}

.pb-equipo--circulo .pb-equipo__figura {
	aspect-ratio: 1;
	border-radius: 50%;
	inline-size: min( 100%, 15rem );
}

.pb-equipo--arco .pb-equipo__figura {
	aspect-ratio: 4 / 5;
	border-radius: 999px 999px var(--pb-radio) var(--pb-radio);
}

.pb-equipo__nombre {
	margin: 0 0 0.2rem;
	font-size: var(--wp--preset--font-size--large);
	line-height: 1.1;
}

.pb-equipo__rol {
	margin: 0;
	font-size: var(--wp--preset--font-size--small);
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--wp--preset--color--violeta);
}

.pb-equipo__formacion {
	margin: 0.15rem 0 0;
	font-size: var(--wp--preset--font-size--small);
	color: var(--wp--preset--color--gris);
}

.pb-equipo__bio {
	margin: 0.6rem 0 0;
	font-size: var(--wp--preset--font-size--small);
	line-height: 1.55;
	text-wrap: pretty;
}

.pb-equipo__enlaces {
	display: flex;
	gap: 1rem;
	margin: 0.6rem 0 0;
	font-size: var(--wp--preset--font-size--small);
	font-weight: 600;
}

/* -------------------------------------------------------------------------
   9. Bloque: Testimonios
   ------------------------------------------------------------------------- */

.pb-cita {
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--20);
	block-size: 100%;
	margin: 0;
}

.pb-testimonios--tarjeta .pb-cita {
	padding: var(--wp--preset--spacing--30);
	border: var(--pb-borde);
	border-radius: var(--pb-radio);
	background: var(--wp--preset--color--blanco);
}

.pb-cita__texto {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: var(--wp--preset--font-family--instrument);
	font-size: var(--wp--preset--font-size--large);
	line-height: 1.25;
	text-wrap: pretty;
}

.pb-cita__texto p {
	margin: 0;
}

.pb-cita__texto::before {
	content: "\201C";
	display: block;
	font-size: 3em;
	line-height: 0.6;
	color: var(--wp--preset--color--acido);
}

.pb-testimonios--grande .pb-cita__texto {
	font-size: var(--wp--preset--font-size--x-large);
	font-style: italic;
}

.pb-cita__firma {
	display: flex;
	flex-direction: column;
	margin-block-start: auto;
	font-size: var(--wp--preset--font-size--small);
}

.pb-cita__autor {
	font-weight: 700;
}

.pb-cita__contexto {
	color: var(--wp--preset--color--gris);
}

/* -------------------------------------------------------------------------
   10. Bloque: CTA
   ------------------------------------------------------------------------- */

.pb-cta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--wp--preset--spacing--30);
	padding: var(--wp--preset--spacing--40);
	border-radius: var(--pb-radio);
}

.pb-cta--centrado {
	flex-direction: column;
	text-align: center;
}

.pb-cta--acido    { background: var(--wp--preset--color--acido);   color: var(--wp--preset--color--tinta); }
.pb-cta--rosa     { background: var(--wp--preset--color--rosa);    color: var(--wp--preset--color--tinta); }
.pb-cta--magenta  { background: var(--wp--preset--color--magenta); color: var(--wp--preset--color--crema); }
.pb-cta--violeta  { background: var(--wp--preset--color--violeta); color: var(--wp--preset--color--crema); }
.pb-cta--noche    { background: var(--wp--preset--color--noche);   color: var(--wp--preset--color--crema); }
.pb-cta--tinta    { background: var(--wp--preset--color--tinta);   color: var(--wp--preset--color--crema); }

.pb-cta__titulo {
	margin: 0;
	font-size: var(--wp--preset--font-size--x-large);
	line-height: 1.05;
	color: inherit;
	text-wrap: balance;
}

.pb-cta__bajada {
	margin: 0.5rem 0 0;
	max-inline-size: 52ch;
	text-wrap: pretty;
}

.pb-cta--centrado .pb-cta__bajada {
	margin-inline: auto;
}

.pb-cta__accion {
	flex: none;
}

@media ( max-width: 782px ) {
	.pb-cta {
		flex-direction: column;
		align-items: flex-start;
	}
}

/* -------------------------------------------------------------------------
   11. Ficha de tour
   ------------------------------------------------------------------------- */

.pb-ficha {
	display: grid;
	gap: var(--wp--preset--spacing--20);
	padding: var(--wp--preset--spacing--30);
	border: var(--pb-borde);
	border-radius: var(--pb-radio);
	background: var(--wp--preset--color--blanco);
}

.pb-ficha__fila {
	display: grid;
	grid-template-columns: 1.5rem 8rem 1fr;
	align-items: baseline;
	gap: 0.75rem;
	padding-block-end: 0.75rem;
	border-block-end: 1px solid var(--wp--preset--color--humo);
}

.pb-ficha__fila:last-of-type {
	border-block-end: 0;
	padding-block-end: 0;
}

.pb-ficha__etiqueta {
	font-size: var(--wp--preset--font-size--x-small);
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--wp--preset--color--gris);
}

.pb-ficha__valor {
	font-weight: 600;
}

.pb-ficha__accion {
	margin-block-start: 0.5rem;
}

@media ( max-width: 600px ) {
	.pb-ficha__fila {
		grid-template-columns: 1.5rem 1fr;
	}

	.pb-ficha__etiqueta {
		grid-column: 2;
	}

	.pb-ficha__valor {
		grid-column: 2;
	}
}

/* -------------------------------------------------------------------------
   12. Pie de página
   ------------------------------------------------------------------------- */

.pb-apoyos {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--wp--preset--spacing--30);
	padding-block: var(--wp--preset--spacing--20);
}

.pb-apoyos__logo img {
	block-size: auto;
	max-block-size: 3.25rem;
	inline-size: auto;
	opacity: 0.85;
	transition: opacity var(--pb-transicion);
}

.pb-apoyos__logo:hover img {
	opacity: 1;
}

.pb-redes {
	display: flex;
	flex-wrap: wrap;
	gap: 1.25rem;
	font-size: var(--wp--preset--font-size--small);
	font-weight: 600;
}

/* -------------------------------------------------------------------------
   13. Editor
   ------------------------------------------------------------------------- */

.editor-styles-wrapper .pb-editor-preview {
	pointer-events: none;
}

.editor-styles-wrapper .pb-aviso {
	pointer-events: auto;
}

/* Ficha pegajosa en pantallas grandes. */
@media ( min-width: 960px ) {
	.pb-ficha--pegajosa {
		position: sticky;
		inset-block-start: var(--wp--preset--spacing--30);
	}
}

.pb-ficha__titulo {
	margin: 0 0 0.5rem;
	font-size: var(--wp--preset--font-size--large);
}

.pb-ficha__accesibilidad {
	font-size: var(--wp--preset--font-size--small);
	border-block-start: 1px solid var(--wp--preset--color--humo);
	padding-block-start: 0.75rem;
}

.pb-ficha__accesibilidad summary {
	cursor: pointer;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	font-size: var(--wp--preset--font-size--x-small);
}

.pb-ficha__accesibilidad p {
	margin: 0.6rem 0 0;
	line-height: 1.55;
}
