/**
 * Hero slider — carrusel, decoración SVG y edición front-end.
 */

/* ── Carrusel ── */
.ngz-home-hero--slider {
	position: relative;
	overflow: hidden;
}

.ngz-home-hero--slider .ngz-home-hero__slides {
	min-height: inherit;
}

.ngz-home-hero__slides {
	position: relative;
	width: 100%;
	min-height: inherit;
}

/* ── Diapositivas apiladas ── */
.ngz-home-hero--slider .ngz-home-hero__slide {
	position: absolute;
	inset: 0;
	z-index: 1;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

.ngz-home-hero--slider .ngz-home-hero__slide .ngz-home-hero__inner {
	width: 100%;
	flex: 0 0 auto;
	align-items: end;
}

.ngz-home-hero--slider .ngz-home-hero__slide.is-active {
	position: absolute;
	z-index: 2;
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

.ngz-home-hero--slider .ngz-home-hero__slide.is-leaving {
	z-index: 2;
	opacity: 1;
	visibility: visible;
	pointer-events: none;
}

.ngz-home-hero--slider .ngz-home-hero__slide.is-entering {
	z-index: 3;
	opacity: 1;
	visibility: visible;
	pointer-events: none;
}

.ngz-home-hero:not(.ngz-home-hero--slider) .ngz-home-hero__slide {
	position: relative;
	opacity: 1;
	visibility: visible;
}

/* ── Animaciones por componente ── */
.ngz-hero-anim {
	--ngz-hero-delay: 0ms;
	opacity: 1;
	transform: translate3d(0, 0, 0);
}

.ngz-home-hero__slide.is-active:not(.is-entering):not(.is-leaving) .ngz-hero-anim {
	opacity: 1;
	transform: none;
	animation: none;
}

.ngz-home-hero__slide.is-entering .ngz-hero-anim:not(.ngz-hero-anim--aside) {
	opacity: 0;
	transform: translate3d(0, 20px, 0);
}

.ngz-hero-slider--forward .ngz-home-hero__slide.is-entering .ngz-hero-anim:not(.ngz-hero-anim--aside) {
	transform: translate3d(28px, 16px, 0);
}

.ngz-hero-slider--backward .ngz-home-hero__slide.is-entering .ngz-hero-anim:not(.ngz-hero-anim--aside) {
	transform: translate3d(-28px, 16px, 0);
}

.ngz-home-hero__slide.is-entering.is-entering-active .ngz-hero-anim:not(.ngz-hero-anim--aside) {
	animation: ngz-hero-part-in 0.62s cubic-bezier(0.22, 1, 0.36, 1) var(--ngz-hero-delay) forwards;
}

.ngz-hero-slider--forward .ngz-home-hero__slide.is-entering.is-entering-active .ngz-hero-anim:not(.ngz-hero-anim--aside) {
	animation-name: ngz-hero-part-in-forward;
}

.ngz-hero-slider--backward .ngz-home-hero__slide.is-entering.is-entering-active .ngz-hero-anim:not(.ngz-hero-anim--aside) {
	animation-name: ngz-hero-part-in-backward;
}

.ngz-home-hero__slide.is-leaving .ngz-hero-anim:not(.ngz-hero-anim--aside) {
	opacity: 1;
	transform: none;
}

.ngz-home-hero__slide.is-leaving.is-leaving-active .ngz-hero-anim:not(.ngz-hero-anim--aside) {
	animation: ngz-hero-part-out 0.48s cubic-bezier(0.55, 0, 1, 0.45) calc(var(--ngz-hero-delay) * 0.35) forwards;
}

.ngz-hero-slider--forward .ngz-home-hero__slide.is-leaving.is-leaving-active .ngz-hero-anim:not(.ngz-hero-anim--aside) {
	animation-name: ngz-hero-part-out-forward;
}

.ngz-hero-slider--backward .ngz-home-hero__slide.is-leaving.is-leaving-active .ngz-hero-anim:not(.ngz-hero-anim--aside) {
	animation-name: ngz-hero-part-out-backward;
}

.ngz-home-hero__slide.is-entering .ngz-hero-anim--aside {
	opacity: 0;
	transform: translate3d(36px, 0, 0) scale(0.97);
}

.ngz-hero-slider--backward .ngz-home-hero__slide.is-entering .ngz-hero-anim--aside {
	transform: translate3d(-36px, 0, 0) scale(0.97);
}

.ngz-home-hero__slide.is-entering.is-entering-active .ngz-hero-anim--aside {
	animation: ngz-hero-aside-in 0.68s cubic-bezier(0.22, 1, 0.36, 1) var(--ngz-hero-delay) forwards;
}

.ngz-hero-slider--backward .ngz-home-hero__slide.is-entering.is-entering-active .ngz-hero-anim--aside {
	animation-name: ngz-hero-aside-in-backward;
}

.ngz-home-hero__slide.is-leaving.is-leaving-active .ngz-hero-anim--aside {
	animation: ngz-hero-aside-out 0.5s cubic-bezier(0.55, 0, 1, 0.45) forwards;
}

.ngz-hero-slider--forward .ngz-home-hero__slide.is-leaving.is-leaving-active .ngz-hero-anim--aside {
	animation-name: ngz-hero-aside-out-forward;
}

.ngz-hero-slider--backward .ngz-home-hero__slide.is-leaving.is-leaving-active .ngz-hero-anim--aside {
	animation-name: ngz-hero-aside-out-backward;
}

@keyframes ngz-hero-part-in {
	from { opacity: 0; transform: translate3d(0, 20px, 0); }
	to { opacity: 1; transform: translate3d(0, 0, 0); }
}

@keyframes ngz-hero-part-in-forward {
	from { opacity: 0; transform: translate3d(28px, 16px, 0); }
	to { opacity: 1; transform: translate3d(0, 0, 0); }
}

@keyframes ngz-hero-part-in-backward {
	from { opacity: 0; transform: translate3d(-28px, 16px, 0); }
	to { opacity: 1; transform: translate3d(0, 0, 0); }
}

@keyframes ngz-hero-part-out {
	from { opacity: 1; transform: translate3d(0, 0, 0); }
	to { opacity: 0; transform: translate3d(0, -14px, 0); }
}

@keyframes ngz-hero-part-out-forward {
	from { opacity: 1; transform: translate3d(0, 0, 0); }
	to { opacity: 0; transform: translate3d(-32px, -8px, 0); }
}

@keyframes ngz-hero-part-out-backward {
	from { opacity: 1; transform: translate3d(0, 0, 0); }
	to { opacity: 0; transform: translate3d(32px, -8px, 0); }
}

@keyframes ngz-hero-aside-in {
	from { opacity: 0; transform: translate3d(36px, 0, 0) scale(0.97); }
	to { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
}

@keyframes ngz-hero-aside-in-backward {
	from { opacity: 0; transform: translate3d(-36px, 0, 0) scale(0.97); }
	to { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
}

@keyframes ngz-hero-aside-out {
	from { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
	to { opacity: 0; transform: translate3d(0, 12px, 0) scale(0.98); }
}

@keyframes ngz-hero-aside-out-forward {
	from { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
	to { opacity: 0; transform: translate3d(-40px, 0, 0) scale(0.96); }
}

@keyframes ngz-hero-aside-out-backward {
	from { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
	to { opacity: 0; transform: translate3d(40px, 0, 0) scale(0.96); }
}

.ngz-home-hero__slide.is-leaving.is-leaving-active {
	animation: ngz-hero-slide-fade-out 0.52s ease forwards;
}

.ngz-home-hero__slide.is-entering.is-entering-active {
	animation: ngz-hero-slide-fade-in 0.58s ease forwards;
}

@keyframes ngz-hero-slide-fade-out {
	from { opacity: 1; }
	to { opacity: 0.12; }
}

@keyframes ngz-hero-slide-fade-in {
	from { opacity: 0.15; }
	to { opacity: 1; }
}

.ngz-home-hero__slide-edit {
	position: absolute;
	top: 5.5rem;
	right: 1.5rem;
	z-index: 20;
	padding: 0.35rem 0.75rem;
	font-size: 0.75rem;
	font-weight: 600;
	border: 1px solid rgba(245, 200, 0, 0.45);
	border-radius: 4px;
	background: rgba(20, 20, 20, 0.85);
	color: var(--ngz-amarillo);
	cursor: pointer;
	backdrop-filter: blur(6px);
	transition: background 0.2s, border-color 0.2s;
}

.ngz-home-hero__slide-edit:hover {
	background: rgba(45, 122, 58, 0.35);
	border-color: var(--ngz-amarillo);
}

/* ── Controles ── */
.ngz-home-hero__controls {
	position: absolute;
	bottom: 0.5rem;
	left: 50%;
	transform: translateX(-50%);
	z-index: 15;
	display: flex;
	align-items: center;
	gap: 0.75rem;
}

.ngz-home-hero__nav {
	width: 2rem;
	height: 2rem;
	border: 1px solid rgba(255, 255, 255, 0.15);
	border-radius: 50%;
	background: rgba(20, 20, 20, 0.6);
	color: rgba(255, 255, 255, 0.7);
	font-size: 1.25rem;
	line-height: 1;
	cursor: pointer;
	transition: border-color 0.2s, color 0.2s, background 0.2s;
}

.ngz-home-hero__nav:hover {
	border-color: var(--ngz-amarillo);
	color: var(--ngz-amarillo);
	background: rgba(20, 20, 20, 0.85);
}

.ngz-home-hero__dots {
	display: flex;
	gap: 0.5rem;
}

.ngz-home-hero__dot {
	width: 0.55rem;
	height: 0.55rem;
	padding: 0;
	border: none;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.25);
	cursor: pointer;
	transition: background 0.2s, transform 0.2s;
}

.ngz-home-hero__dot.is-active {
	background: var(--ngz-amarillo);
	transform: scale(1.25);
}

/* ── Barra admin ── */
.ngz-doc-admin-bar--hero {
	position: absolute;
	top: 0.75rem;
	left: 50%;
	transform: translateX(-50%);
	z-index: 25;
	width: min(100% - 2rem, 860px);
	flex-wrap: nowrap;
	gap: 0.75rem;
	padding: 0.625rem 0.875rem;
}

.ngz-doc-admin-bar--hero .ngz-doc-admin-bar__info {
	flex-wrap: nowrap;
	min-width: 0;
}

.ngz-doc-admin-bar--hero .ngz-doc-admin-bar__label {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.ngz-doc-admin-bar--hero .ngz-doc-admin-bar__actions {
	flex-wrap: nowrap;
	flex-shrink: 0;
	justify-content: flex-end;
}

.ngz-doc-admin-bar--hero .ngz-doc-admin-bar__btn {
	white-space: nowrap;
}

.ngz-doc-admin-bar--hero .ngz-doc-admin-bar__btn--danger {
	background: rgba(200, 16, 46, 0.14);
	border-color: rgba(245, 200, 0, 0.35);
	color: #ffd6de;
}

.ngz-doc-admin-bar--hero .ngz-doc-admin-bar__btn--danger:hover:not(:disabled) {
	background: rgba(200, 16, 46, 0.24);
	border-color: rgba(245, 200, 0, 0.55);
	color: #fff;
}

.ngz-doc-admin-bar--hero .ngz-doc-admin-bar__btn:disabled {
	opacity: 0.45;
	cursor: not-allowed;
}

.ngz-home-hero--editable {
	--ngz-hero-pad-top: clamp(3.75rem, 7vh, 4.5rem);
}

/* ── Decoración (hojas + colibríes PNG) ── */
.ngz-home-hero__decor {
	position: absolute;
	inset: 0;
	overflow: hidden;
	pointer-events: none;
	z-index: 1;
}

.ngz-home-hero__decor-leaf {
	position: absolute;
	display: block;
	width: auto;
	height: auto;
	max-width: none;
	max-height: none;
	object-fit: contain;
	mix-blend-mode: screen;
	opacity: 0.82;
	filter: drop-shadow(0 10px 22px rgba(0, 0, 0, 0.28));
	transform-origin: center center;
}

/* Hojas verticales: escalar por altura respetando proporción nativa del PNG */
.ngz-hoja--hoja-xl {
	height: clamp(150px, 17vh, 230px);
	aspect-ratio: 213 / 500;
}

.ngz-hoja--hoja-lg {
	height: clamp(105px, 12vh, 165px);
	aspect-ratio: 119 / 280;
}

.ngz-hoja--hoja-md {
	height: clamp(68px, 7.5vh, 105px);
	aspect-ratio: 68 / 160;
}

.ngz-hoja--hoja-sm {
	height: clamp(40px, 4.5vh, 62px);
	aspect-ratio: 34 / 80;
}

.ngz-hoja--hoja-xs {
	height: clamp(26px, 3vh, 38px);
	aspect-ratio: 20 / 48;
}

.ngz-home-hero__decor-bird {
	position: absolute;
	display: block;
	width: auto;
	height: auto;
	max-width: none;
	object-fit: contain;
	mix-blend-mode: screen;
	filter: drop-shadow(0 8px 18px rgba(0, 0, 0, 0.35));
}

.ngz-home-hero__decor-leaf--1 {
	bottom: 6%;
	left: -2%;
	--ngz-leaf-tilt: -22deg;
	animation: ngz-hero-leaf-sway 8s ease-in-out infinite;
}

.ngz-home-hero__decor-leaf--2 {
	top: 12%;
	right: 6%;
	--ngz-leaf-tilt: 16deg;
	animation: ngz-hero-leaf-sway 10s ease-in-out infinite reverse;
}

.ngz-home-hero__decor-leaf--3 {
	bottom: 34%;
	left: 42%;
	--ngz-leaf-tilt: -8deg;
	animation: ngz-hero-leaf-sway 12s ease-in-out infinite 2s;
	opacity: 0.76;
}

.ngz-home-hero__decor-leaf--4 {
	top: 52%;
	right: 28%;
	--ngz-leaf-tilt: 12deg;
	animation: ngz-hero-leaf-sway 9s ease-in-out infinite 1s reverse;
	opacity: 0.72;
}

.ngz-home-hero__decor-bird--1 {
	width: clamp(96px, 11vw, 132px);
	top: 20%;
	left: 10%;
	animation: ngz-hero-bird-fly 18s ease-in-out infinite;
}

.ngz-home-hero__decor-bird--2 {
	width: clamp(72px, 8vw, 104px);
	top: 34%;
	right: 16%;
	animation: ngz-hero-bird-fly 22s ease-in-out infinite 4s reverse;
	opacity: 0.88;
}

.ngz-home-hero > .ngz-band-decor .ngz-home-hero__decor-bird--3 {
	width: clamp(64px, 7vw, 90px);
	top: auto;
	bottom: 16%;
	left: 20%;
	animation: ngz-hero-bird-fly 21s ease-in-out infinite 3s;
	opacity: 0.84;
}

/* Videos: banda más corta — hojas ligeramente más compactas */
.ngz-band-decor--videos .ngz-hoja--hoja-xl {
	height: clamp(120px, 14vh, 185px);
}

.ngz-band-decor--videos .ngz-hoja--hoja-lg {
	height: clamp(88px, 10vh, 135px);
}

.ngz-band-decor--videos .ngz-hoja--hoja-md {
	height: clamp(58px, 6.5vh, 88px);
}

.ngz-band-decor--videos .ngz-hoja--hoja-sm {
	height: clamp(34px, 4vh, 52px);
}

.ngz-band-decor--videos .ngz-home-hero__decor-leaf--1 {
	bottom: 2%;
	left: 0;
	--ngz-leaf-tilt: -18deg;
}

.ngz-band-decor--videos .ngz-home-hero__decor-leaf--2 {
	top: 6%;
	right: 4%;
	--ngz-leaf-tilt: 14deg;
}

.ngz-band-decor--videos .ngz-home-hero__decor-leaf--3 {
	bottom: 22%;
	left: 38%;
	--ngz-leaf-tilt: -6deg;
}

.ngz-band-decor--videos .ngz-home-hero__decor-leaf--4 {
	top: 48%;
	right: 32%;
	--ngz-leaf-tilt: 10deg;
	opacity: 0.7;
}

.ngz-band-decor--videos .ngz-home-hero__decor-bird--1 {
	width: clamp(88px, 10vw, 118px);
	top: auto;
	bottom: 14%;
	left: 3%;
	animation: ngz-hero-bird-fly 16s ease-in-out infinite;
}

.ngz-band-decor--videos .ngz-home-hero__decor-bird--2 {
	width: clamp(68px, 7.5vw, 92px);
	top: 18%;
	right: 6%;
	animation: ngz-hero-bird-fly 20s ease-in-out infinite 3s reverse;
	opacity: 0.9;
}

.ngz-band-decor--videos .ngz-home-hero__decor-bird--3 {
	width: clamp(56px, 6vw, 78px);
	bottom: 16%;
	left: 20%;
	animation: ngz-hero-bird-fly 24s ease-in-out infinite 6s;
	opacity: 0.85;
}

.ngz-band-decor--videos .ngz-home-hero__decor-bird--4 {
	width: clamp(42px, 4.5vw, 58px);
	top: 58%;
	right: 20%;
	animation: ngz-hero-bird-fly 19s ease-in-out infinite 2s reverse;
	opacity: 0.78;
}

.ngz-home-videos::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 5px;
	background: var(--ngz-franja);
	z-index: 3;
	pointer-events: none;
}

/* Parroquias: colibríes sobre fondo claro */
.ngz-band-decor--parroquias .ngz-home-hero__decor-leaf {
	mix-blend-mode: lighten;
	opacity: 0.68;
	filter: drop-shadow(0 8px 16px rgba(45, 122, 58, 0.12));
}

.ngz-band-decor--parroquias .ngz-hoja--hoja-lg {
	height: clamp(88px, 10vh, 130px);
}

.ngz-band-decor--parroquias .ngz-hoja--hoja-md {
	height: clamp(58px, 6.5vh, 85px);
}

.ngz-band-decor--parroquias .ngz-hoja--hoja-sm {
	height: clamp(36px, 4vh, 52px);
}

.ngz-band-decor--parroquias .ngz-hoja--hoja-xs {
	height: clamp(22px, 2.5vh, 32px);
}

.ngz-band-decor--parroquias .ngz-home-hero__decor-leaf--1 {
	top: 6%;
	left: 0;
	bottom: auto;
	--ngz-leaf-tilt: -20deg;
}

.ngz-band-decor--parroquias .ngz-home-hero__decor-leaf--2 {
	top: auto;
	bottom: 8%;
	right: 4%;
	--ngz-leaf-tilt: 15deg;
}

.ngz-band-decor--parroquias .ngz-home-hero__decor-leaf--3 {
	top: 42%;
	left: auto;
	right: 18%;
	bottom: auto;
	--ngz-leaf-tilt: -10deg;
	opacity: 0.62;
}

.ngz-band-decor--parroquias .ngz-home-hero__decor-leaf--4 {
	top: auto;
	bottom: 22%;
	left: 8%;
	--ngz-leaf-tilt: 8deg;
	opacity: 0.55;
}

.ngz-band-decor--parroquias .ngz-home-hero__decor-bird {
	mix-blend-mode: lighten;
	filter: drop-shadow(0 10px 20px rgba(45, 122, 58, 0.14));
	opacity: 0.92;
}

.ngz-band-decor--parroquias .ngz-home-hero__decor-bird--1 {
	width: clamp(78px, 9vw, 108px);
	top: 10%;
	right: 4%;
	left: auto;
	animation: ngz-hero-bird-fly 20s ease-in-out infinite 2s reverse;
}

.ngz-band-decor--parroquias .ngz-home-hero__decor-bird--2 {
	width: clamp(62px, 7vw, 86px);
	top: auto;
	bottom: 12%;
	left: 2%;
	animation: ngz-hero-bird-fly 18s ease-in-out infinite;
	opacity: 0.88;
}

.ngz-band-decor--parroquias .ngz-home-hero__decor-bird--3 {
	width: clamp(48px, 5vw, 64px);
	top: 28%;
	right: 22%;
	animation: ngz-hero-bird-fly 22s ease-in-out infinite 5s reverse;
	opacity: 0.82;
}

.ngz-home-parroquias.is-colibri-interactive .ngz-band-decor--parroquias .ngz-home-hero__decor-bird {
	animation: none;
}

@keyframes ngz-hero-leaf-sway {
	0%, 100% {
		transform: rotate(calc(var(--ngz-leaf-tilt, -3deg) - 3deg)) translateY(0);
	}
	50% {
		transform: rotate(calc(var(--ngz-leaf-tilt, -3deg) + 4deg)) translateY(-8px);
	}
}

@keyframes ngz-hero-bird-fly {
	0% { transform: translate(0, 0) scaleX(1); opacity: 0.55; }
	25% { transform: translate(48px, -18px) scaleX(1); opacity: 0.95; }
	50% { transform: translate(96px, 8px) scaleX(-1); opacity: 0.7; }
	75% { transform: translate(48px, -12px) scaleX(-1); opacity: 0.88; }
	100% { transform: translate(0, 0) scaleX(1); opacity: 0.55; }
}

/* ── Fondo mejorado (hero + bandas oscuras de portada) ── */
.ngz-home-hero,
.ngz-home-videos {
	background: linear-gradient(
		135deg,
		var(--ngz-negro) 0%,
		#0a1f0e 40%,
		var(--ngz-negro) 100%
	);
}

.ngz-home-hero__pattern {
	opacity: 0.04;
	background: radial-gradient(ellipse at 70% 80%, var(--ngz-verde-c) 0%, transparent 50%),
		radial-gradient(ellipse at 20% 30%, var(--ngz-verde) 0%, transparent 40%);
}

.ngz-home-hero__overlay {
	background: linear-gradient(
		100deg,
		rgba(20, 20, 20, 0.97) 0%,
		rgba(20, 20, 20, 0.92) 40%,
		rgba(20, 20, 20, 0.55) 65%,
		rgba(20, 20, 20, 0.1) 100%
	);
}

/* ── Modal hero ── */
.ngz-doc-modal__dialog--wide {
	width: min(96vw, 1080px);
	max-width: 1080px;
}

.ngz-hero-modal__grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1.5rem 2rem;
}

.ngz-hero-modal__fieldset {
	border: 1px solid var(--ngz-borde);
	border-radius: 6px;
	padding: 0.75rem 1rem 0.5rem;
	margin: 0 0 1rem;
}

.ngz-hero-modal__fieldset legend {
	padding: 0 0.35rem;
	font-size: 0.85rem;
}

.ngz-hero-modal__stat-row,
.ngz-hero-modal__chip-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0.65rem;
	margin-bottom: 0.65rem;
}

.ngz-hero-modal__chip-row {
	grid-template-columns: 3rem 1fr 1fr;
}

.ngz-hero-modal__stat-row input,
.ngz-hero-modal__chip-row input {
	width: 100%;
	padding: 0.4rem 0.5rem;
	font-size: 0.85rem;
	border: 1px solid var(--ngz-borde);
	border-radius: 4px;
}

@media (min-width: 1025px) {
	.ngz-home-hero--slider .ngz-home-hero__inner {
		grid-template-columns: minmax(0, 1fr) minmax(280px, 560px);
		align-items: end;
	}
}

@media (max-width: 1024px) {
	.ngz-home-hero--slider {
		min-height: auto;
	}

	.ngz-home-hero--slider .ngz-home-hero__slides {
		display: grid;
		grid-template-areas: 'hero-slide-stack';
		min-height: 0;
		flex: 0 1 auto;
		align-items: stretch;
	}

	.ngz-home-hero--slider .ngz-home-hero__slide {
		grid-area: hero-slide-stack;
		position: relative;
		inset: auto;
		justify-content: flex-start;
		align-self: stretch;
		width: 100%;
		min-height: 100%;
	}

	.ngz-home-hero--slider .ngz-home-hero__slide.is-active {
		z-index: 2;
	}

	.ngz-home-hero--slider .ngz-home-hero__slide.is-entering {
		z-index: 3;
	}

	.ngz-home-hero--slider .ngz-home-hero__slide.is-leaving {
		z-index: 1;
	}

	/* Mantener altura de todas las diapositivas en el grid (evita colapso al terminar la animación). */
	.ngz-home-hero--slider .ngz-home-hero__slide:not(.is-active):not(.is-entering):not(.is-leaving) {
		visibility: hidden;
		pointer-events: none;
		opacity: 0;
		z-index: 0;
	}

	.ngz-home-hero--slider .ngz-home-hero__slide .ngz-home-hero__inner {
		min-height: 100%;
		grid-template-columns: minmax(0, 1fr);
		grid-template-rows: auto auto;
		align-items: stretch;
		width: 100%;
	}

	.ngz-home-hero--slider .ngz-home-hero__slide .ngz-home-hero__content {
		order: 1;
		max-width: none;
		width: 100%;
	}

	.ngz-home-hero--slider .ngz-home-hero__slide .ngz-home-hero__alcalde-col {
		order: 2;
		width: 100%;
		max-width: min(420px, 100%);
		margin-inline: auto;
	}
}

@media (max-width: 768px) {
	.ngz-hero-modal__grid {
		grid-template-columns: 1fr;
	}

	.ngz-home-hero--slider .ngz-home-hero__inner {
		padding-bottom: calc(var(--ngz-hero-pad-bottom) + 2.25rem);
	}

	.ngz-home-hero__controls {
		bottom: 0.75rem;
	}

	.ngz-home-hero__decor-bird,
	.ngz-home-hero__decor-leaf--3,
	.ngz-band-decor--videos .ngz-home-hero__decor-bird--4 {
		display: none;
	}

	.ngz-band-decor--videos .ngz-home-hero__decor-bird--1,
	.ngz-band-decor--videos .ngz-home-hero__decor-bird--2 {
		display: block;
	}

	.ngz-band-decor--parroquias .ngz-home-hero__decor-bird--3,
	.ngz-band-decor--parroquias .ngz-home-hero__decor-leaf--3,
	.ngz-band-decor--parroquias .ngz-home-hero__decor-leaf--4 {
		display: none;
	}

	.ngz-hoja--hoja-lg {
		height: clamp(82px, 10vh, 120px);
	}

	.ngz-hoja--hoja-md {
		height: clamp(54px, 6.5vh, 78px);
	}

	.ngz-band-decor--videos .ngz-hoja--hoja-xl {
		height: clamp(96px, 12vh, 140px);
	}

	.ngz-doc-admin-bar--hero {
		position: relative;
		top: auto;
		left: auto;
		transform: none;
		margin: 0 1rem 0.5rem;
	}

	.ngz-home-hero--editable {
		padding-top: 0;
	}
}

@media (prefers-reduced-motion: reduce) {
	.ngz-home-hero__slide.is-leaving.is-leaving-active,
	.ngz-home-hero__slide.is-entering.is-entering-active,
	.ngz-home-hero__slide.is-leaving.is-leaving-active .ngz-hero-anim,
	.ngz-home-hero__slide.is-entering.is-entering-active .ngz-hero-anim {
		animation: none !important;
	}

	.ngz-home-hero__decor-leaf,
	.ngz-home-hero__decor-bird {
		animation: none;
	}
}