/* Unicornio y arcoíris — fiesta infantil pastel: arcoíris, nubes, estrellas y unicornio. Va
   después de kit/base.css y kit/infantil.css. Solo var(--mi-*) / var(--k-*); nunca {{ theme.x }} aquí. */

.un h2 { font-weight: 400; }
.un-hero {
  background:
    radial-gradient(40% 22% at 4% 18%, color-mix(in srgb, var(--k-accent) 30%, transparent), transparent 70%),
    radial-gradient(40% 22% at 96% 40%, color-mix(in srgb, var(--k-secondary) 90%, transparent), transparent 70%),
    linear-gradient(color-mix(in srgb, var(--k-secondary) 45%, var(--k-bg)), var(--k-bg) 70%);
}
.un-hero > .un-star { position: absolute; width: 22px; }
.un-star--a { top: 8%; left: 12%; }
.un-star--b { top: 14%; right: 10%; width: 28px; --k-orn-3: color-mix(in srgb, var(--k-primary) 45%, var(--k-surface)); }
.un-star--c { top: 42%; left: 6%; width: 14px; }
@media (prefers-reduced-motion: no-preference) {
  .un-star { animation: un-twinkle 3.4s ease-in-out infinite; }
  .un-star--b { animation-delay: -1.1s; }
  .un-star--c { animation-delay: -2.2s; }
}
@keyframes un-twinkle { 50% { opacity: .4; scale: .8; } }
.un-frame { position: relative; width: min(56vw, 240px); margin: 3.4rem auto 1.4rem; }
.un-rainbow { position: absolute; top: -26%; left: 50%; width: 156%; translate: -50% 0;
  --k-orn-1: color-mix(in srgb, var(--k-primary) 55%, var(--k-surface));
  --k-orn-3: color-mix(in srgb, var(--k-accent) 80%, var(--k-surface));
  --k-orn-2: var(--k-secondary); }
.un-cloud { position: absolute; top: 18%; width: 40%; --k-orn-1: var(--k-surface); }
.un-cloud .k-orn { color: var(--k-surface); filter: drop-shadow(0 6px 10px rgba(0, 0, 0, .08)); }
.un-cloud--l { left: -40%; }
.un-cloud--r { right: -40%; }
.un-photo { position: relative; overflow: hidden; aspect-ratio: 1; border-radius: 50%; background: var(--k-soft); box-shadow: 0 0 0 7px var(--k-surface), 0 0 0 10px var(--k-secondary), 0 26px 50px -30px rgba(0, 0, 0, .4); }
.un-photo img { width: 100%; height: 100%; object-fit: cover; }
.un-unicorn { position: absolute; left: -30%; bottom: -16%; width: 52%; --k-orn-2: var(--k-surface); }
.un .fi-age { position: absolute; right: -14%; bottom: -6%; }
.un .fi-age strong { font-family: var(--k-font-body); font-weight: 800; }
.un .fi-name { font-weight: 400; color: var(--k-primary); line-height: 1.15; }
.un .fi-countdown strong { font-family: var(--k-font-body); font-weight: 800; }
.un .fi-welcome .k-divider { width: 96px; --k-orn-1: color-mix(in srgb, var(--k-primary) 55%, var(--k-surface)); --k-orn-3: var(--k-accent); }
.un .fi-card { box-shadow: 0 0 0 2px var(--k-secondary); }
.un .fi-footer-orn { width: 80px; --k-orn-2: var(--k-surface); }