.elementor-7704 .elementor-element.elementor-element-6ac95e8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--overlay-opacity:1;}.elementor-7704 .elementor-element.elementor-element-6ac95e8::before, .elementor-7704 .elementor-element.elementor-element-6ac95e8 > .elementor-background-video-container::before, .elementor-7704 .elementor-element.elementor-element-6ac95e8 > .e-con-inner > .elementor-background-video-container::before, .elementor-7704 .elementor-element.elementor-element-6ac95e8 > .elementor-background-slideshow::before, .elementor-7704 .elementor-element.elementor-element-6ac95e8 > .e-con-inner > .elementor-background-slideshow::before, .elementor-7704 .elementor-element.elementor-element-6ac95e8 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #F8F6F100 71%, #F8F6F1 97%);}.elementor-7704 .elementor-element.elementor-element-6ac95e8.e-con{--align-self:center;}.elementor-7704 .elementor-element.elementor-element-f973ce9.elementor-element{--align-self:center;--order:-99999 /* order start hack */;}.elementor-7704 .elementor-element.elementor-element-156f27b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-7704 .elementor-element.elementor-element-156f27b:not(.elementor-motion-effects-element-type-background), .elementor-7704 .elementor-element.elementor-element-156f27b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-8f97de7 );}/* Start custom CSS for container, class: .elementor-element-6ac95e8 *//* ==================================================
   HERO DE LA PORTADA
   ================================================== */

/* ESCRITORIO */
body.home
.elementor-4037
.elementor-element.elementor-element-ab505f9.hero-home {
  min-height: 80vh;
  min-height: 80svh;

  background-image:
    url("https://apoloeventstrips.com/wp-content/uploads/2026/08/hero-apolo-desktop.webp") !important;

  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

/* Oscurece la zona del texto y conserva la transición inferior */
body.home
.elementor-4037
.elementor-element.elementor-element-ab505f9.hero-home::before {
  background-image: linear-gradient(
    180deg,
    rgba(0, 42, 82, 0.24) 0%,
    rgba(0, 42, 82, 0.12) 58%,
    #f8f6f1 100%
  ) !important;

  opacity: 1 !important;
}

/* ==================================================
   CONTENIDO
   ================================================== */

.apolo-hero__content {
  position: relative;
  z-index: 1;
  width: min(900px, calc(100% - 40px));
  margin-inline: auto;
  text-align: center;
  color: #ffffff;
}

.apolo-hero__title {
  margin: 0;

  font-family: "Larken", serif;
  font-size: clamp(2.25rem, 4vw, 3.3rem);
  font-weight: 700;
  line-height: 1.08;
  letter-spacing: -0.02em;

  color: #ffffff;
  text-wrap: balance;
  text-shadow: 0 2px 14px rgba(0, 30, 60, 0.18);
}

.apolo-hero__description {
  max-width: 760px;
  margin: 22px auto 30px;

  font-family: "Caros", sans-serif;
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  font-weight: 400;
  line-height: 1.55;

  color: #ffffff;
  text-wrap: balance;
  text-shadow: 0 2px 12px rgba(0, 30, 60, 0.25);
}

.apolo-hero__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-height: 56px;
  padding: 0 30px;

  border: 2px solid #c9a569;
  border-radius: 999px;

  background: #f8f6f1;
  color: #9b783f;

  font-family: "Caros", sans-serif;
  font-size: 0.9rem;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;

  transition:
    background-color 180ms ease,
    color 180ms ease;
}

.apolo-hero__button:hover {
  background: #c9a569;
  color: #ffffff;
}

.apolo-hero__button:focus-visible {
  outline: 3px solid #ffffff;
  outline-offset: 4px;
}

/* ==================================================
   TABLET
   ================================================== */

@media (min-width: 768px) and (max-width: 1024px) {
  body.home
  .elementor-4037
  .elementor-element.elementor-element-ab505f9.hero-home {
    background-image:
      url("https://apoloeventstrips.com/wp-content/uploads/2026/08/hero-apolo-tablet.webp") !important;

    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
  }
}

/* ==================================================
   MÓVIL
   ================================================== */

@media (max-width: 767px) {
  body.home
  .elementor-4037
  .elementor-element.elementor-element-ab505f9.hero-home {
    background-image:
      url("https://apoloeventstrips.com/wp-content/uploads/2026/08/hero-apolo-mobile.webp") !important;

    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
  }

  .apolo-hero__content {
    width: min(100% - 32px, 620px);
  }

  .apolo-hero__description {
    margin-top: 18px;
    margin-bottom: 26px;
  }

  .apolo-hero__button {
    min-height: 52px;
    padding-inline: 24px;
  }
}/* End custom CSS */