.elementor-kit-6{--e-global-color-primary:#D82626;--e-global-color-secondary:#FFC00E;--e-global-color-text:#4A4A4A;--e-global-color-accent:#CF008B;--e-global-color-346c416:#263D64;--e-global-color-5be31a9:#1DAA9B;--e-global-typography-primary-font-family:"Bebas Neue";--e-global-typography-primary-font-weight:600;--e-global-typography-primary-letter-spacing:0.6px;--e-global-typography-secondary-font-family:"Barlow";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Open Sans";--e-global-typography-text-font-weight:400;--e-global-typography-text-letter-spacing:-0.9px;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:#EEEBEB;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{box-shadow:7px 0px 15px 0px rgba(0,0,0,0.5);}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* 1. Bloquea scroll lateral */
html, body, .elementor-section {
  overflow-x: hidden !important;
}

/* 2. Oculta las estrellas grandes en móviles */
@media (max-width: 768px) {
  .estrella-flotante,
  .star,
  .star-2,
  .star-3 {
    display: none !important;
  }
}

/* 3. Limpia bordes, sombras y fondo en imágenes */
.estrella-flotante img,
.star img,
.star-2 img,
.star-3 img,
.star-mobile img {
  border: none !important;
  outline: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* 4. Estrella especial para móviles */
.star-mobile {
  display: none;
  position: absolute;
  top: 85%; /* Ajustable */
  left: 50%;
  transform: translate(-50%, -50%);
  width: 40px;
  height: auto;
  z-index: 20;
}

@media (max-width: 768px) {
  .star-mobile {
    display: block !important;
  }
}

/* 5. Animación chispeante en IMG de cada estrella */
.star img,
.star-2 img,
.star-3 img,
.star-mobile img {
  animation: spark 2s infinite ease-in-out;
  will-change: transform, opacity;
}

/* 6. Keyframes mágicos */
@keyframes spark {
  0%, 100% {
    opacity: 0.8;
    transform: translateY(0px) scale(1);
  }
  50% {
    opacity: 1;
    transform: translateY(-10px) scale(1.1);
  }
.fondo-portal-fijo {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  object-fit: cover;
  z-index: -1;
  pointer-events: none;
}
.paper-wrapper {
  position: relative;
  height: 100vh;
  overflow: hidden;
}

.paper-fondo {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-image: url("URL-DE-TU-IMAGEN");
  background-attachment: fixed !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  z-index: 0;
}

.paper-overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 10;
  text-align: center;
  pointer-events: none; /* evita interferencias visuales */
}

.paper-overlay * {
  pointer-events: auto; /* permite que botones o links funcionen */
}/* End custom CSS */