/* ==========================================================================
   Pattern: Hero Contacto
   ========================================================================== */

.pattern-hero-contacto {
	position: relative;
	box-sizing: border-box;
	--mwm-hero-offset: 35px;
	padding-top: calc(var(--mwm-header-height) + var(--mwm-hero-offset)) !important;
}

.pattern-hero-contacto.has-background-background-color {
	background-color: var(--wp--preset--color--background);
}

@media (max-width: 1023px) {
	.pattern-hero-contacto {
		--mwm-hero-offset: 2rem;
	}
}

.pattern-hero-contacto .hero-contacto__inner .nerjavillas-breadcrumbs {
	color: var(--wp--preset--color--corporativo-01);
	--wp--style--color--link: var(--wp--preset--color--corporativo-01);
}

/* ---- Inner wrapper (content width del tema) ---- */

.hero-contacto__inner {
	max-width: var(--wp--style--global--content-size, 1296px);
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

/* ---- Columns ---- */

.hero-contacto__columns {
	align-items: flex-start !important;
	gap: 60px !important;
}

.hero-contacto__left {
	display: flex;
	flex-direction: column;
	gap: 40px;
}

.hero-contacto__right {
	display: flex;
	flex-direction: column;
}

/* ---- Left column: intro text ---- */

.hero-contacto__intro {
	gap: 0;
}

.hero-contacto__intro-text {
	margin: 0 !important;
}

.hero-contacto__intro-text--italic {
	font-style: italic;
}

/* ---- Left column: info block ---- */

.hero-contacto__info-title {
	margin: 0 0 16px !important;
	text-transform: none;
}

.hero-contacto__company-info .company-info {
	gap: 12px;
}

.hero-contacto__company-info .wp-block-nerjavillas-contact-item {
	display: flex;
}

/* Hide social links in contact hero context by default.
   Editor can remove them manually from this pattern instance. */

/* ---- Mobile ---- */

@media (max-width: 900px) {
	.hero-contacto__columns {
		flex-direction: column !important;
		gap: 40px !important;
	}

	.hero-contacto__left,
	.hero-contacto__right {
		flex-basis: 100% !important;
		width: 100% !important;
	}
}
