.elementor-1796 .elementor-element.elementor-element-cb09b64{--display:flex;}.elementor-1796 .elementor-element.elementor-element-7dbde17{--display:flex;}.elementor-1796 .elementor-element.elementor-element-bf18308{--display:flex;}.elementor-1796 .elementor-element.elementor-element-dca02ae{--display:flex;}.elementor-1796 .elementor-element.elementor-element-e9cd971{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for container, class: .elementor-element-cb09b64 *//* YPLAY CUSTOM CSS - Tipografia e entrelinha dos widgets Elementor */
@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap");

#hero-yplay,
#hero-provedor,
#dispositivos-hero,
#assinaturas-hero,
#canais-grid,
#main-footer {
  --yplay-font: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  font-family: var(--yplay-font) !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

#hero-yplay :where(h1, h2, h3, h4, p, span, a, button, input, label),
#hero-provedor :where(h1, h2, h3, h4, p, span, a, button, input, label),
#dispositivos-hero :where(h1, h2, h3, h4, p, span, a, button, input, label),
#assinaturas-hero :where(h1, h2, h3, h4, p, span, a, button, input, label),
#canais-grid :where(h1, h2, h3, h4, p, span, a, button, input, label),
#main-footer :where(h1, h2, h3, h4, p, span, a, button, input, label) {
  font-family: inherit !important;
}

/* Titulos principais: compacto, mas sem linhas coladas. */
#hero-yplay .hero-rotator-title,
#hero-provedor .prov-hero-title,
#dispositivos-hero .dev-hero-title,
#assinaturas-hero .sub-hero-title {
  line-height: 1.18 !important;
  letter-spacing: -0.01em !important;
  margin-bottom: 18px !important;
  text-wrap: balance;
}

/* Hero da home: palavra rotativa estava encostando na linha de cima. */
#hero-yplay .word-rotator {
  display: block !important;
  height: 1.2em !important;
  line-height: 1.12 !important;
  margin-top: 0.03em !important;
  vertical-align: top !important;
  overflow: hidden !important;
}

#hero-yplay .word-rotator .word {
  line-height: 1.12 !important;
}

/* Textos de apoio: menos alto e mais parecido com hero de produto. */
#hero-yplay .hero-text p.lead,
#hero-provedor .prov-hero-left p.lead,
#dispositivos-hero .dev-hero-left p.lead,
#assinaturas-hero .sub-hero-left p.lead,
#canais-grid .sec-header-ch p {
  line-height: 1.54 !important;
  letter-spacing: 0 !important;
}

/* Distancias especificas do hero principal. */
#hero-yplay .hero-text p.lead {
  margin-bottom: 10px !important;
  max-width: 620px !important;
}

/* Bullets do hero principal. */
#hero-yplay .hero-bullets {
  gap: 10px !important;
  margin-bottom: 34px !important;
}

#hero-yplay .hero-bullets .bullet {
  align-items: flex-start !important;
  line-height: 1.42 !important;
}

#hero-yplay .hero-bullets .bullet svg {
  margin-top: 0.16em !important;
}

/* Heroes sem bullets: subtitulo nao deve ficar longe do CTA/conteudo. */
#hero-provedor .prov-hero-left p.lead,
#dispositivos-hero .dev-hero-left p.lead,
#assinaturas-hero .sub-hero-left p.lead {
  margin-bottom: 28px !important;
}

/* Titulos internos e cards da pagina de canais. */
#canais-grid .sec-header-ch h2 {
  line-height: 1.32 !important;
  letter-spacing: 0 !important;
  text-wrap: balance;
}

#canais-grid .plan-card-name,
#canais-grid .plan-price-main,
#hero-provedor .prov-form-card h3 {
  line-height: 1.32 !important;
  letter-spacing: 0 !important;
}

#canais-grid .inclusion-badge-name {
  line-height: 1.36 !important;
}

#canais-grid .inclusion-badge-desc {
  line-height: 1.62 !important;
}

/* Mobile: ainda mais respiro, porque as quebras sao menores. */
@media (max-width: 767px) {
  #hero-yplay .hero-rotator-title,
  #hero-provedor .prov-hero-title,
  #dispositivos-hero .dev-hero-title,
  #assinaturas-hero .sub-hero-title {
    line-height: 1.22 !important;
    margin-bottom: 16px !important;
  }

  #hero-yplay .word-rotator {
    height: 1.24em !important;
    line-height: 1.14 !important;
  }

  #hero-yplay .word-rotator .word {
    line-height: 1.14 !important;
  }

  #hero-yplay .hero-text p.lead,
  #hero-provedor .prov-hero-left p.lead,
  #dispositivos-hero .dev-hero-left p.lead,
  #assinaturas-hero .sub-hero-left p.lead,
  #canais-grid .sec-header-ch p {
    line-height: 1.58 !important;
  }
}/* End custom CSS */