.elementor-3324 .elementor-element.elementor-element-1f0b080{overflow:visible;}.elementor-3324 .elementor-element.elementor-element-06c7c3c.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-3324 .elementor-element.elementor-element-3e5a7b9{text-align:center;}.elementor-3324 .elementor-element.elementor-element-3e5a7b9 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:24px;font-weight:600;color:#FF0000;}/* Start custom CSS for shortcode, class: .elementor-element-0553c3f *//* Overlay da intro (vertical) */
.hse-intro-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 30;
  background: rgba(0, 0, 0, .72);
  display: grid;
  place-items: center;
  padding: 0; /* removido o padding pra encaixar perfeitamente */
  backdrop-filter: blur(2px);
  border-radius: 12px; /* acompanha o player */
  overflow: hidden;
}

.hse-intro-card {
  width: min(420px, 92vw);
  background: #0b1b19; /* dark com tom da marca */
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(0,0,0,.35);
  overflow: hidden;
}

.hse-intro-media {
  /* mantém o vídeo em pé (9:16) e centralizado */
  aspect-ratio: 9 / 16;
  width: 100%;
  height: auto;
  background: #000;
  border-radius: 12px;
  overflow: hidden;
}

.hse-intro-media iframe {
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
  object-fit: cover;
}

.hse-intro-text {
  padding: 12px 14px 0 14px;
  color: #E9FFF6; /* White Ice */
  text-align: center;
}

.hse-intro-text h3 {
  margin: 0 0 6px 0;
  font-size: 1.05rem;
  color: #32FF7F; /* Spring Green */
  font-weight: 700;
}

.hse-intro-text p {
  margin: 0 0 10px 0;
  font-size: .95rem;
  line-height: 1.35;
  color: #D7F7D6; /* Snowy Mint */
}

.hse-intro-actions {
  display: flex;
  gap: 10px;
  padding: 12px 14px 14px 14px;
  justify-content: center;
  flex-wrap: wrap;
}

.hse-intro-actions button {
  appearance: none;
  border: 0;
  border-radius: 999px;
  padding: 10px 16px;
  font-weight: 700;
  cursor: pointer;
}

.hse-intro-actions .hse-intro-skip {
  background: transparent;
  color: #E9FFF6;
  outline: 1px solid rgba(255,255,255,.18);
}

.hse-intro-actions .hse-intro-skip:hover {
  outline-color: rgba(255,255,255,.35);
}

.hse-intro-actions .hse-intro-go {
  background: #1F9F91; /* Persian Green (botão primário) */
  color: #fff;
}

.hse-intro-actions .hse-intro-go:hover {
  filter: brightness(1.05);
}

/* Pulsar sutil no botão "Gravar" quando fecha a intro */
.hse-pulse {
  box-shadow: 0 0 0 0 rgba(31,159,145,.55);
  animation: hsePulse 1.2s ease-in-out 0s 2;
}

@keyframes hsePulse {
  0% { box-shadow: 0 0 0 0 rgba(31,159,145,.55); }
  70% { box-shadow: 0 0 0 14px rgba(31,159,145,0); }
  100% { box-shadow: 0 0 0 0 rgba(31,159,145,0); }
}

/* Player da câmera – base para todos os dispositivos */
.hse-live,
.hse-replay {
  width: 100%;
  background: #000;
  border-radius: 12px;
  max-height: 80vh;
}

/* DESKTOP – mais confortável, sem zoom exagerado */
@media (min-width: 769px) {
  .hse-live,
  .hse-replay {
    height: auto;
    object-fit: contain;   /* usa o quadro natural, sem crop forte */
  }
}

/* MOBILE – layout tipo Reels (vertical cheio) */
@media (max-width: 768px) {
  .hse-live,
  .hse-replay {
    aspect-ratio: 9 / 16;  /* card vertical */
    object-fit: cover;     /* preenche tudo, aceitando corte nas bordas */
  }
}

/* 💻 Ajuste para notebooks / telas com pouca altura:
   garante que o card da intro não fique cortado e seja rolável */
@media (min-width: 769px) and (max-height: 750px) {
  .hse-intro-overlay {
    display: flex;              /* deixa de ser grid centrado */
    align-items: flex-start;    /* card começa mais para cima */
    justify-content: center;
    padding: 16px;
    overflow-y: auto;           /* permite rolar se não couber tudo */
    overflow-x: hidden;
  }

  .hse-intro-card {
    width: min(380px, 90vw);    /* um tiquinho menor em altura baixa */
  }

  .hse-intro-media {
    aspect-ratio: 9 / 16;
    max-height: 60vh;           /* não deixa o vídeo ocupar a tela inteira */
  }
}/* End custom CSS */