.elementor-1777 .elementor-element.elementor-element-2111afe{--display:flex;}.elementor-1777 .elementor-element.elementor-element-39cbffd{--display:flex;}.elementor-1777 .elementor-element.elementor-element-5bcb2ab{--display:flex;}.elementor-1777 .elementor-element.elementor-element-c7ff7ba{--display:flex;}.elementor-1777 .elementor-element.elementor-element-1967dde{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for container, class: .elementor-element-2111afe *//* 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 */
/* Start custom CSS for container, class: .elementor-element-5bcb2ab *//*
 * YPLAY | Correção do espaçamento da seção Ecossistema no mobile
 * Aplicar no CSS global do Elementor/WordPress.
 * Não altera o HTML nem o layout desktop.
 */

@media (max-width: 620px) {
  #yplay-provider-platform .ypt-constellation {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    min-height: 0 !important;
    height: auto !important;
    margin-top: 16px !important;
  }

  #yplay-provider-platform .ypt-devices {
    position: relative !important;
    inset: auto !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    height: 300px !important;
    flex: 0 0 300px !important;
    transform: none !important;
  }

  #yplay-provider-platform .ypt-features {
    position: relative !important;
    inset: auto !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    width: 100% !important;
    margin: 0 !important;
  }

  #yplay-provider-platform .ypt-glow {
    top: 145px !important;
    width: 100% !important;
    height: 280px !important;
  }

  #yplay-provider-platform .ypt-action {
    margin-top: 16px !important;
  }
}

@media (max-width: 380px) {
  #yplay-provider-platform .ypt-devices {
    height: 275px !important;
    flex-basis: 275px !important;
  }

  #yplay-provider-platform .ypt-glow {
    top: 132px !important;
    height: 250px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1967dde *//*
 * YPLAY | Correção exclusivamente visual do FAQ no mobile
 * Não altera o JavaScript, .is-open, .faq-answer ou eventos do acordeão.
 * Pode ser usado tanto no FAQ Home quanto no FAQ Provedor.
 */

@media (max-width: 900px) {
  html,
  body {
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  .elementor-section:has(#yplay-faq),
  .elementor-container:has(#yplay-faq),
  .elementor-column:has(#yplay-faq),
  .elementor-widget:has(#yplay-faq),
  .elementor-widget-container:has(#yplay-faq),
  .e-con:has(#yplay-faq) {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
  }

  section#yplay-faq {
    width: 100% !important;
    max-width: 100vw !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
  }

  #yplay-faq .faq-container {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  #yplay-faq .faq-grid {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    grid-template-columns: minmax(0, 1fr) !important;
  }

  #yplay-faq .faq-aside,
  #yplay-faq .faq-list,
  #yplay-faq .faq-item {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  #yplay-faq .faq-kicker,
  #yplay-faq .faq-title,
  #yplay-faq .faq-copy {
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  #yplay-faq .faq-question {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }

  #yplay-faq .faq-question > span:first-child {
    flex: 1 1 auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }

  #yplay-faq .faq-answer-content {
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }
}

@media (max-width: 560px) {
  #yplay-faq .faq-container {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
}/* End custom CSS */