/* Widget: Hero de página (.srw-hero) */
.srw.srw-hero {
	isolation: isolate;
	overflow: hidden;
	background-color: var(--srw-color-dark);
	color: var(--srw-color-on-dark-soft);
	padding: 0 var(--srw-section-px);
}
.srw-hero .srw-hero__media { position: absolute; inset: 0; z-index: -2; margin: 0; }
.srw-hero .srw-hero__media img {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
	object-position: center center;
	border: 0;
	border-radius: 0;
	box-shadow: none;
}
.srw.srw-hero::before { content: ""; position: absolute; inset: 0; z-index: -1; background-color: var(--srw-color-overlay); opacity: var(--srw-overlay-opacity); }

.srw-hero .srw-hero__content {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 20px;
	width: calc(50% - 10px);
	padding: 80px 0;
}
.srw-hero .srw-hero__title {
	font-size: var(--srw-fs-h1);
	line-height: 1;
	color: var(--srw-color-on-dark);
	margin: 0;
	overflow-wrap: break-word;
}

/* Migas de pan (salida de Rank Math) */
.srw-hero .srw-hero__crumbs { font-size: .93em; line-height: 1.5; color: var(--srw-color-text); }
.srw-hero .srw-hero__crumbs p { margin: 0; }
.srw-hero .srw-hero__crumbs a { color: var(--srw-color-primary); text-decoration: none; }
.srw-hero .srw-hero__crumbs a:hover { color: var(--srw-color-link-hover); }
.srw-hero .srw-hero__crumbs .separator { margin: 0 .25em; }
.srw-hero .srw-hero__crumbs .last { color: var(--srw-color-on-dark); }

.srw-hero .srw-hero__text { color: var(--srw-color-on-dark-soft); }
.srw-hero .srw-hero__text a { color: var(--srw-color-primary); }
.srw-hero .srw-hero__text a:hover { color: var(--srw-color-link-hover); }
.srw-hero .srw-buttons { margin-top: 0; }

@media (max-width: 1024px) {
	.srw.srw-hero { padding: 0 var(--srw-section-px-tablet); }
	.srw-hero .srw-hero__content { width: 100%; max-width: 720px; }
}
@media (max-width: 767px) {
	.srw-hero .srw-hero__content { padding: 64px 0; gap: 18px; }
	.srw-hero .srw-hero__title { font-size: var(--srw-fs-h1-mobile); line-height: 1.05; }
	.srw-hero .srw-buttons { width: 100%; flex-direction: column; align-items: stretch; }
	.srw-hero .srw-buttons .srw-btn { width: 100%; }
}