/* EC Theme — Home: dourado institucional e setas SVG semicirculares.
   O degradê entre hero e próxima seção foi RETIRADO por decisão da direção.
   Não alterar alturas, cores de fundo ou a animação do hero. */

/* Cores dos botões da Home centralizadas em ec-public-cta-gradients-20261028.css. */

/* Headline: duas curvas em C, uma voltada à direita, outra à esquerda.
   O caminho semicircular e as pontas já são SVG no próprio Elementor.
   Estas regras só ajustam posicionamento, proporção e rotação em CSS. */
body.home #inicio.ec-cine.hero .copy .ec-journey-headline {
  overflow: visible !important;
}
body.home #inicio.ec-cine.hero .copy .ec-journey-step {
  position: relative !important;
  overflow: visible !important;
}
body.home #inicio.ec-cine.hero .copy .ec-journey-step + .ec-journey-step {
  margin-top: clamp(14px, 1.7vw, 24px) !important;
}
body.home #inicio.ec-cine.hero .copy .ec-journey-arrow {
  position: absolute !important;
  display: block !important;
  width: clamp(81px, 7.5vw, 108px) !important;
  height: clamp(82px, 8vw, 108px) !important;
  bottom: -73px !important;
  color: #E6B953 !important;
  filter: drop-shadow(0 2px 3px rgba(3, 12, 27, .53)) !important;
  transform: none !important;
  transform-origin: center center !important;
  pointer-events: none !important;
}
body.home #inicio.ec-cine.hero .copy .ec-journey-arrow--right {
  right: -79px !important;
  left: auto !important;
  bottom: -78px !important;
}
body.home #inicio.ec-cine.hero .copy .ec-journey-arrow--left {
  left: -69px !important;
  right: auto !important;
  bottom: -68px !important;
}
@media (max-width: 950px) {
  body.home #inicio.ec-cine.hero .copy .ec-journey-arrow {
    width: 89px !important;
    height: 90px !important;
  }
  body.home #inicio.ec-cine.hero .copy .ec-journey-arrow--right {
    right: -76px !important;
    bottom: -80px !important;
  }
  body.home #inicio.ec-cine.hero .copy .ec-journey-arrow--left {
    left: -65px !important;
    bottom: -67px !important;
  }
}
/* Mobile: connectors anchored to actual rendered phrase rectangles.
 * Original Elementor SVGs remain untouched and are used on desktop.
 * No fixed right/left/top offsets: both endpoints are computed in JS.
 */
body.home #inicio.ec-cine.hero .copy svg.ec-journey-arrow--mobile,
body.home #inicio.ec-cine.hero .copy svg.ec-journey-live-anchors {
  display: none !important;
}
@media (max-width: 620px) {
  body.home #inicio.ec-cine.hero .copy .ec-journey-headline {
    position: relative !important;
    overflow: visible !important;
  }
  body.home #inicio.ec-cine.hero .copy .ec-journey-step + .ec-journey-step {
    margin-top: clamp(10px, 3.2vw, 16px) !important;
  }
  body.home #inicio.ec-cine.hero .copy svg.ec-journey-arrow:not(.ec-journey-arrow--mobile) {
    display: none !important;
  }
  body.home #inicio.ec-cine.hero .copy svg.ec-journey-live-anchors {
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    overflow: visible !important;
    color: #E6B953 !important;
    z-index: 2;
    pointer-events: none !important;
    filter: drop-shadow(0 1px 2px rgba(3,12,27,.5));
  }
}