.elementor-10 .elementor-element.elementor-element-d114f3b{--display:flex;--min-height:268px;}.elementor-10 .elementor-element.elementor-element-d114f3b:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-d114f3b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#51329B;}.elementor-10 .elementor-element.elementor-element-7dbdefd{width:100%;max-width:100%;}.elementor-10 .elementor-element.elementor-element-7dbdefd.elementor-element{--align-self:flex-start;}.elementor-10 .elementor-element.elementor-element-1927a93{--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-10 .elementor-element.elementor-element-e9aa5f0{--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;}.elementor-10 .elementor-element.elementor-element-b4bfad0{--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-10 .elementor-element.elementor-element-74fdb9e{--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-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-10 .elementor-element.elementor-element-e617130{--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-10 .elementor-element.elementor-element-f89900b{--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-10 .elementor-element.elementor-element-ac5be87{--display:flex;--min-height:0px;--justify-content:center;}.elementor-10 .elementor-element.elementor-element-ac5be87:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-ac5be87 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1F2230;}@media(min-width:768px){.elementor-10 .elementor-element.elementor-element-ac5be87{--content-width:1166px;}}/* Start custom CSS for container, class: .elementor-element-d114f3b *//* ==== CORRIGE SOBREPOSIÇÃO LOGO x BADGE (MOBILE) ==== */
@media (max-width: 640px){
  /* aumenta a área superior para não colidir com a logo */
  .dreams-hero{
    padding-top: clamp(140px, 34vw, 180px);
  }

  /* dá um espacinho extra acima do selo */
  .dh-badge{
    margin-top: clamp(16px, 4vw, 22px);
  }

  /* opcional: reduz levemente a margem do título 
     para equilibrar o layout depois do espaçamento maior */
  .dh-title{
    margin-top: clamp(24px, 5vh, 36px);
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e9aa5f0 */<style>
  .dh-videos h2{
    font-weight:700;
    font-size:clamp(1.3rem,2.3vw,1.8rem);
    margin:0 0 20px;
    line-height:1.5;
    max-width:68ch;
    margin-inline:auto;
    color:#333;
  }
  .dh-videos h2 b{
    color:#5B3BAC; /* Roxo da identidade */
    font-weight:800;
  }
  .dh-videos h2 .accent{
    color:#f97316; /* Laranja para destacar */
    font-weight:800;
  }
</style>

<section class="dh-videos">
  <h2>
    Viva momentos únicos no <b>Museu de Cera</b>, ao lado de <span class="accent">personagens inesquecíveis</span>,<br>
    e descubra o <b>Minimundo</b>, onde cada detalhe em miniatura revela um novo encantamento.
  </h2>
  <!-- videos aqui -->
</section>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2e50b91 */<style>
  /* ==== ALINHAMENTO GERAL DOS 4 CARDS ==== */
  .tkx-grid{
    align-items: stretch;
    grid-auto-rows: minmax(0, 1fr); /* mantém linhas proporcionais */
  }
  .tkx-card{ height:100%; }
  .tkx-body{
    flex:1;                 /* empurra preço/CTA para o rodapé */
    display:flex;
    flex-direction:column;
  }
  .tkx-cover .img{ height:220px; }      /* altura da capa igual em todos */
  .tkx-body .desc{ margin-bottom:auto; } /* se a descrição crescer, alinha o resto */
  .qty{ margin-top:0; }

  /* ====== Botão pulando (bounce) ====== */
  @keyframes tkx-bounce {
    0%, 20%, 53%, 80%, 100% { transform: translateY(0); }
    40%, 43% { transform: translateY(-6px); }
    70%      { transform: translateY(-3px); }
    90%      { transform: translateY(-1px); }
  }
  @keyframes tkx-glow {
    0%, 100% { box-shadow: 0 14px 28px rgba(91,59,172,.30); }
    50%      { box-shadow: 0 18px 38px rgba(91,59,172,.45); }
  }

  /* aplica animação nos CTAs */
  .tkx .btn{
    animation: tkx-bounce 2.8s ease-in-out infinite,
               tkx-glow   2.8s ease-in-out infinite;
    will-change: transform, box-shadow;
    transform: translateZ(0);
  }

  /* hover/click */
  .tkx .btn:hover{ transform: translateY(-2px) scale(1.02); }
  .tkx .btn:active{ transform: translateY(0) scale(0.99); }

  /* desincroniza os pulos */
  .tkx-card:nth-child(odd)  .btn{ animation-delay: .4s, .4s; }
  .tkx-card:nth-child(even) .btn{ animation-delay: 1.1s, 1.1s; }

  /* acessibilidade: menos movimento */
  @media (prefers-reduced-motion: reduce){
    .tkx .btn{ animation: none; }
  }
</style>/* End custom CSS */