/* Loaders da marca. Spinner: os 6 triangulos do Maguen David pulsando em sequencia.
   Logo animado: a estrela se montando; reduce-motion e tratado no base.css. */
.spinner{width:1.25em;height:1.25em;vertical-align:-.24em;flex:none;}
.spinner polygon{fill:currentColor;opacity:.22;animation:gi-seq 1.2s linear infinite;}
.spinner polygon:nth-child(2){animation-delay:.2s;}
.spinner polygon:nth-child(3){animation-delay:.4s;}
.spinner polygon:nth-child(4){animation-delay:.6s;}
.spinner polygon:nth-child(5){animation-delay:.8s;}
.spinner polygon:nth-child(6){animation-delay:1s;}
.spinner--lg{width:34px;height:34px;}
.spinner--gold polygon{fill:var(--color-gold);}
@keyframes gi-seq{0%,36%,100%{opacity:.22;}14%{opacity:1;}}

.loader-star{width:96px;height:96px;display:block;}
.loader-star--lg{width:150px;height:150px;}
.loader-star .p,.loader-star .pl,.loader-star .p-gold{animation-duration:4.8s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-fill-mode:both;}
.loader-star .p1{animation-name:gi-star-a;}
.loader-star .p2{animation-name:gi-star-b;}
.loader-star .p3{animation-name:gi-star-c;}
.loader-star .p4{animation-name:gi-star-d;}
.loader-star .pl{animation-name:gi-star-letras;}
.loader-star .p-gold{animation-name:gi-star-ouro;}
@keyframes gi-star-a{0%{opacity:0;transform:translate(0,-56px);fill:#C73601;}
  7%{opacity:1;transform:none;fill:#C73601;}12%{fill:#CC8B23;}18%{fill:#673301;}
  90%{opacity:1;fill:#673301;}97%,100%{opacity:0;fill:#673301;}}
@keyframes gi-star-b{0%,5%{opacity:0;transform:translate(48px,-32px);fill:#C73601;}
  12%{opacity:1;transform:none;fill:#C73601;}17%{fill:#CC8B23;}23%{fill:#673301;}
  90%{opacity:1;fill:#673301;}97%,100%{opacity:0;fill:#673301;}}
@keyframes gi-star-c{0%,10%{opacity:0;transform:translate(-48px,-32px);fill:#C73601;}
  17%{opacity:1;transform:none;fill:#C73601;}22%{fill:#CC8B23;}28%{fill:#673301;}
  90%{opacity:1;fill:#673301;}97%,100%{opacity:0;fill:#673301;}}
@keyframes gi-star-d{0%,15%{opacity:0;transform:translate(0,56px);fill:#C73601;}
  22%{opacity:1;transform:none;fill:#C73601;}27%{fill:#CC8B23;}33%{fill:#673301;}
  90%{opacity:1;fill:#673301;}97%,100%{opacity:0;fill:#673301;}}
@keyframes gi-star-letras{0%,26%{opacity:0;}36%{opacity:1;}
  90%{opacity:1;}97%,100%{opacity:0;}}
@keyframes gi-star-ouro{0%,38%{opacity:0;transform:translate(-52px,72px) rotate(-8deg);fill:#673301;}
  52%{opacity:1;transform:translate(6px,-6px) rotate(1deg);fill:#C73601;}
  58%{transform:none;fill:#E8AE45;}66%{fill:#CC8B23;}
  90%{opacity:1;fill:#CC8B23;}97%,100%{opacity:0;fill:#CC8B23;}}

.loading-veil{position:fixed;inset:0;z-index:70;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);
  background-color:var(--color-cream);background-image:url("../../img/paper.png"),linear-gradient(180deg,var(--color-cream),var(--color-cream-edge));
  background-size:200px 200px,auto;transition:opacity .35s ease;}
.loading-veil.is-done{opacity:0;pointer-events:none;}
.loading-veil p{font-size:var(--size-sm);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--color-earth-soft);margin:0;}