/* ==========================================
   PATTERN TEXT TITLES
   Efecto de texto blanco, sombra negra y patrón dorado
========================================== */

.pattern-text {
  position: relative;
  display: inline-block;
  isolation: isolate;
  color: #fff6c9;
  text-shadow:
    0.045em 0.045em 0 #050505,
    0 0 20px rgba(212, 175, 55, 0.22),
    0 0 34px rgba(0, 0, 0, 0.5);
  -webkit-text-stroke: 1px rgba(0, 0, 0, 0.45);
}

.pattern-text::after {
  content: "";
  position: absolute;
  inset: auto 0 -0.08em 0;
  z-index: -1;
  height: 0.16em;
  border-radius: 999px;
  background-image:
    linear-gradient(
      90deg,
      transparent,
      rgba(212, 175, 55, 0.95),
      rgba(255, 255, 255, 0.85),
      rgba(212, 175, 55, 0.95),
      transparent
    );
  background-size: 220% 100%;
  opacity: 0.55;
  animation: shadanim 15s linear infinite;
  pointer-events: none;
  filter: blur(0.5px);
}

.galeria h2.pattern-text,
.galeria-subtitulo.pattern-text,
.locales-premium-intro h1.pattern-text,
.locales-premium-intro p.pattern-text {
  display: block;
  width: fit-content;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.galeria h2.pattern-text::after,
.galeria-subtitulo.pattern-text::after,
.locales-premium-intro h1.pattern-text::after,
.locales-premium-intro p.pattern-text::after {
  left: 50%;
  right: auto;
  width: min(100%, 680px);
  transform: translateX(-50%);
}

.pattern-text.pattern-subtitle {
  color: rgba(255, 255, 255, 0.88);
  text-shadow:
    0.035em 0.035em 0 #050505,
    0 0 16px rgba(0, 0, 0, 0.32);
  -webkit-text-stroke: 0;
}

.pattern-text.pattern-subtitle::after {
  opacity: 0.28;
}

.pattern-text.pattern-gold {
  color: #f8f1d0;
  text-shadow:
    0.035em 0.035em 0 #050505,
    0 0 22px rgba(212, 175, 55, 0.22);
}

.pattern-text.pattern-gold::after {
  background-image:
    linear-gradient(
      45deg,
      transparent 42%,
      #d4af37 42%,
      #f5d76b 56%,
      transparent 56%
    );
}

@keyframes shadanim {
  0% {
    background-position: 100% 0;
  }

  100% {
    background-position: -100% 0;
  }
}