/* INICIO CSS DE INTEGRACIÓN: colocar después del CSS actual del intro. */
.intro.uk-intro-dm {
  position:fixed; inset:0 0 auto; width:100%; height:100vh; height:100svh;
  z-index:1500; display:flex; flex-direction:column; align-items:center;
  justify-content:center; overflow:hidden; box-sizing:border-box;
  padding:100px 20px 80px; background:#fffaf1;
  background:radial-gradient(ellipse at 50% 44%,#fff 0%,#fffdf8 40%,#faf0de 100%);
  transition:top 1s ease; isolation:isolate; font-family:Arial,sans-serif;
  /* Respaldo: se oculta aunque falle el JavaScript existente. */
  animation:uk-intro-safety 0s 6s forwards;
}
.intro.uk-intro-dm::after {content:"";position:absolute;inset:18px;border:1px solid #bb975a33;pointer-events:none;z-index:-1;}
.intro.uk-intro-dm > .uk-intro-logo {position:relative;z-index:1;width:clamp(180px,24vw,250px);height:auto;max-width:70vw;margin:0 0 26px;filter:drop-shadow(0 7px 16px #7330200c);}
.intro.uk-intro-dm .logo {position:relative;z-index:1;color:#762735;font-size:clamp(22px,4.2vw,40px);line-height:1.4;font-weight:500;white-space:nowrap;letter-spacing:.12em;margin:0;text-align:center;}
.intro.uk-intro-dm .logo-parts {position:relative;display:inline-block;bottom:-12px;opacity:0;transition:bottom .5s,opacity .5s;}
.intro.uk-intro-dm .logo-parts.active {bottom:0;opacity:1;}
.intro.uk-intro-dm .logo-parts.fade {bottom:20px;opacity:0;}
.intro.uk-intro-dm p {position:relative;z-index:1;color:#8b7456;font-size:clamp(15px,2vw,20px);letter-spacing:.08em;line-height:1.5;margin:14px 0 0;}
.intro.uk-intro-dm p::before {content:"";display:block;width:48px;height:1px;background:#bc9656;margin:0 auto 18px;}
.uk-intro-paper {position:absolute;top:0;left:0;width:100%;height:160px;pointer-events:none;z-index:-1;}
.uk-intro-flowers {position:absolute;left:-12px;bottom:-12px;width:clamp(170px,27vw,360px);height:auto;pointer-events:none;z-index:-1;}
.uk-intro-flowers--right {left:auto;right:-12px;transform:scaleX(-1);}
.uk-intro-petals {position:absolute;inset:0;pointer-events:none;z-index:-1;}
.uk-intro-petals i {position:absolute;left:var(--x);top:-20px;width:9px;height:15px;background:linear-gradient(140deg,#f6c860,#db8a28);border-radius:80% 20% 75% 30%;opacity:0;animation:uk-intro-petal 6s linear var(--d) 1 both;}
@keyframes uk-intro-petal {0%{transform:translateY(0) rotate(0);opacity:0}10%{opacity:.55}85%{opacity:.4}100%{transform:translate(30px,100vh) rotate(260deg);opacity:0}}
@keyframes uk-intro-safety {to{visibility:hidden;pointer-events:none;}}
@media(max-width:600px){.uk-intro-paper{height:115px;width:160%;left:-30%}.intro.uk-intro-dm::after{inset:10px}.uk-intro-petals i:nth-child(n+5){display:none}.intro.uk-intro-dm .logo{letter-spacing:.04em}}
@media(prefers-reduced-motion:reduce){.intro.uk-intro-dm{transition:none}.intro.uk-intro-dm .logo-parts{bottom:0;opacity:1;transition:none}.uk-intro-petals{display:none}}
/* FIN CSS DE INTEGRACIÓN */
/* Ajuste v4: papel picado completo en escritorio y móvil. */
.intro.uk-intro-dm .uk-intro-paper {
  top:12px;
  left:12px;
  width:calc(100% - 24px);
  height:auto;
  aspect-ratio:1200 / 170;
  overflow:visible;
  pointer-events:none;
}

/* Los adornos son imágenes externas; estas reglas evitan estilos del sitio. */
.intro.uk-intro-dm > .uk-intro-paper,
.intro.uk-intro-dm > .uk-intro-flowers {
  display:block; max-width:none; margin:0; padding:0; border:0; filter:none;
}