@import url('./landing/hero.css');
@import url('./landing/hero-carousel.css');
@import url('./landing/logros.css');
@import url('./landing/fortalezas.css');
@import url('./landing/contacto.css');
@import url('./landing/destacado.css');

#app {
  --shine-h: 120vh;
  --shine-w: max(80vw, 60vmax);
  /* --- Hero --- */
  --hero-carousel-height: 300px;
  --hero-section-height-min: calc(min(100svh, 300vmin) - var(--topbar-height) + (var(--hero-carousel-height) / 2));
  --hero-height: var(--hero-section-height-min);
}

@media (min-width: 1024px) {
  #app {
    --hero-carousel-height: 400px;
  }
}