@charset "UTF-8";

/* Cabecera con imagen animada (pan + motion blur) — entrada desde la izquierda */
.page-header-pan {
  --page-header-pan-quality-blur: clamp(4px, 0.65vw, 8px);
  background-color: var(--bs-primary);
  overflow: hidden;
}

.page-header-pan__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
}

.page-header-pan__motion {
  position: absolute;
  inset: -12% -8%;
  transform-origin: center center;
  will-change: transform;
  transform: translate3d(-88%, 0, 0) scale(1.08);
}

.page-header-pan__gallery {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.page-header-pan__gallery-layer {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 1.1s ease;
}

.page-header-pan__gallery-layer.is-active {
  opacity: 1;
}

.page-header-pan__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  will-change: filter;
  filter:
    blur(var(--page-header-pan-quality-blur))
    saturate(1.05)
    url(#pageHeaderPanMotionBlur);
}

.page-header-pan__filter {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
}

.page-header-pan .page-header-ui-content {
  position: relative;
  z-index: 2;
}

/* Legibilidad: sombra detrás de textos e iconos sobre imagen */
.page-header-ui-dark .page-header-ui-content h6,
.page-header-ui-dark .page-header-ui-content h6 span,
.page-header-ui-dark .page-header-ui-content .page-header-ui-title {
  text-shadow:
    0 1px 1px rgba(0, 14, 12, 0.96),
    0 2px 10px rgba(0, 14, 12, 0.78),
    0 8px 30px rgba(0, 14, 12, 0.52);
}

.page-header-ui-dark .page-header-ui-content .page-header-ui-text {
  max-width: 100%;
  margin-bottom: 0;
}

.page-header-ui-dark .page-header-ui-content .page-header-ui-subtitle-shade {
  display: inline;
  color: #fff !important;
  background-color: rgba(0, 26, 22, 0.84);
  padding: 0.28em 0.55em;
  line-height: 1.45;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  text-shadow: none;
  box-shadow:
    0 0 0 1px rgba(0, 0, 0, 0.22),
    0 2px 8px rgba(0, 14, 12, 0.35);
}

.page-header-ui-dark .page-header-ui-content h6 i {
  filter:
    drop-shadow(0 1px 1px rgba(0, 14, 12, 0.96))
    drop-shadow(0 3px 12px rgba(0, 14, 12, 0.72));
}

.overlay-gradient-x-dark .page-header-ui-content {
  filter: none;
}

@media (prefers-reduced-motion: reduce) {
  .page-header-pan__motion {
    inset: -12% -8%;
    transform: none !important;
  }

  .page-header-pan__img {
    filter: blur(var(--page-header-pan-quality-blur)) saturate(1.05) !important;
  }

  .page-header-pan__gallery-layer {
    transition: none;
  }

  .page-header-pan__gallery-layer:not(.is-active) {
    opacity: 0 !important;
  }
}