/* Available before the React bundle; all selectors stay inside the startup cover. */
.evento-startup {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  min-height: 100vh;
  min-height: 100svh;
  min-height: 100dvh;
  overflow-x: hidden;
  overflow-y: auto;
  box-sizing: border-box;
  padding: max(32px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(30px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));
  background-color: #f1f6ef;
  background-image: linear-gradient(180deg, #fffdf51f, #fffdf505 50%, #fffdf514), url("./splash-wedding.webp");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  color: #244d3e;
  text-align: center;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  -webkit-font-smoothing: antialiased;
}
.evento-startup *, .evento-startup *::before, .evento-startup *::after { box-sizing: border-box; }
.evento-startup__halo { display: none; }
.evento-startup__content {
  position: relative;
  flex-shrink: 0;
  width: 100%;
  max-width: 390px;
  margin: auto 0;
  padding: 28px 20px;
  border: 1px solid #fffdf5b3;
  border-radius: 28px;
  background: #fffdf5b3;
  box-shadow: 0 18px 70px #233d2e24;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
}
.evento-startup__spark { display: flex; justify-content: center; margin-bottom: 27px; color: #7b9b75; }
.evento-startup__logo { display: block; width: min(248px, 90%); height: auto; margin: 0 auto; object-fit: contain; }
.evento-startup__eyebrow { margin: 25px 0 0; font-size: .625rem; font-weight: 600; line-height: 1.6; letter-spacing: .2em; text-transform: uppercase; }
.evento-startup__title { margin: 19px 0 0; font: 400 clamp(1.75rem, 8vw, 2.375rem)/1.2 Georgia, "Times New Roman", serif; letter-spacing: -.025em; color: #244d3e; }
.evento-startup__loading { margin: 38px auto 0; }
.evento-startup__track { width: 112px; height: 3px; margin: 0 auto; overflow: hidden; border-radius: 999px; background: #b6ceba80; }
.evento-startup__track span { display: block; width: 40%; height: 100%; border-radius: inherit; background: #2c8967; animation: evento-loading 1.6s ease-in-out infinite; }
.evento-startup__loading p { margin: 15px 0 0; color: #597460; font-size: .75rem; line-height: 1.5; }
.evento-startup__recovery { visibility: hidden; height: 0; margin: 0; overflow: hidden; animation: evento-recovery 0s 15s forwards; }
.evento-startup__recovery p { margin: 0; color: #597460; font-size: .75rem; line-height: 1.7; }
.evento-startup__recovery button { min-height: 44px; margin-top: 10px; padding: 9px 18px; border: 1px solid #a7c4ae; border-radius: 999px; background: transparent; color: #244d3e; font: 500 .75rem/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; cursor: pointer; }
.evento-startup__recovery button:focus-visible { outline: 2px solid #2c8967; outline-offset: 4px; }
.evento-startup__footer { position: relative; flex-shrink: 0; margin: 24px 0 0; padding: 8px 14px; border-radius: 999px; background: #fffdf5e0; color: #375943; font-size: .625rem; line-height: 1.6; letter-spacing: .05em; }
@keyframes evento-loading { 0% { transform: translateX(-110%); } 100% { transform: translateX(360%); } }
@keyframes evento-recovery { to { visibility: visible; height: auto; margin-top: 28px; overflow: visible; } }
@media (max-height: 640px) {
  .evento-startup { justify-content: flex-start; padding-top: max(24px, env(safe-area-inset-top)); }
  .evento-startup__content { padding-top: 20px; padding-bottom: 20px; }
  .evento-startup__spark { margin-bottom: 15px; }
  .evento-startup__loading { margin-top: 24px; }
  .evento-startup__footer { margin-top: 20px; }
}
@media (prefers-reduced-motion: reduce) {
  .evento-startup__track span { width: 100%; opacity: .65; animation: none; }
}