.elementor-3000 .elementor-element.elementor-element-57c4df8{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-3000 .elementor-element.elementor-element-57c4df8 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}@media(min-width:2400px){.elementor-3000 .elementor-element.elementor-element-f2b5b28{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-3000 .elementor-element.elementor-element-efcab27{width:100%;max-width:100%;}.elementor-3000 .elementor-element.elementor-element-efcab27 > .elementor-widget-container{margin:-30px -30px -30px -30px;padding:100px 100px 100px 100px;}}@media(max-width:767px){.elementor-3000 .elementor-element.elementor-element-f2b5b28{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;z-index:0;}.elementor-3000 .elementor-element.elementor-element-f2b5b28.elementor-section::before{content:"";width:100%;height:100%;position:absolute;left:0;top:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);border-radius:inherit;background-color:inherit;}.elementor-3000 .elementor-element.elementor-element-efcab27 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-3000 .elementor-element.elementor-element-efcab27{grid-column:span 10;}.elementor-3000 .elementor-element.elementor-element-57c4df8{margin-top:0px;margin-bottom:0px;}}/* Start custom CSS for html, class: .elementor-element-efcab27 *//* =================================================================
   CSS para Iframe de Landing Page (Foco em Dispositivos Móveis)
   ================================================================= */

/* --- 1. ESTILOS BASE (PARA CELULARES) --- */
/* Este é o padrão: uma proporção bem alta para telas verticais. */

.container-iframe-responsivo {
  position: relative;
  overflow: hidden;
  width: 100%;

  /**
   * ALTURA PARA CELULAR: Este é o ajuste mais importante.
   * Comece com um valor alto como 170%. Isso significa que a altura do
   * iframe será 1.7x a sua largura, ideal para mostrar bastante
   * conteúdo vertical numa tela de celular sem criar uma barra de rolagem interna.
   */
  padding-top: 170%;
}

.container-iframe-responsivo iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}


/* --- 2. AJUSTES PARA TELAS MAIORES (TABLETS E DESKTOPS) --- */
/* Quando a largura da tela for de 768px ou mais, aplicamos um estilo diferente. */

@media (min-width: 768px) {
  .container-iframe-responsivo {
    /**
     * ALTURA PARA DESKTOP: Em telas maiores, uma proporção tão alta
     * pode ser excessiva. Aqui, ajustamos para um valor menor.
     * Experimente 110% ou o valor que se adequar melhor ao layout
     * da sua landing page em telas largas.
     */
    padding-top: 110%;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8a8b2a1 *//* Oculta a versão mobile por padrão */
.iframe-apenas-mobile {
    display: none;
    position: relative;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    box-sizing: border-box;
}

/* Configuração para dispositivos móveis */
@media (max-width: 768px) {
    .iframe-apenas-mobile {
        display: block !important;
        width: calc(100% - 20px);
        height: 85vh; /* 85% da altura da viewport - ideal para seu conteúdo */
        margin: 10px auto;
        border-radius: 12px;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        background-color: #f8f9fa;
    }
    
    .iframe-apenas-mobile iframe {
        width: 100% !important;
        height: 100% !important;
        border: none !important;
        border-radius: 12px;
    }
    
    /* Remove possíveis espaçamentos do Elementor */
    .elementor-widget-container {
        padding: 0 !important;
        margin: 0 !important;
    }
}

/* Ajuste específico para iPhone 12 Pro e similares */
@media (max-width: 390px) and (max-height: 844px) {
    .iframe-apenas-mobile {
        height: 88vh; /* Altura otimizada para iPhone 12 Pro */
        width: calc(100% - 15px);
        margin: 5px auto;
    }
}

/* Para telas muito pequenas */
@media (max-width: 375px) {
    .iframe-apenas-mobile {
        height: 90vh; /* Maximiza para telas pequenas */
        width: calc(100% - 10px);
        margin: 5px auto;
    }
}

/* Garante que a versão desktop permaneça oculta em mobile */
@media (max-width: 768px) {
    .container-iframe-responsivo {
        display: none !important;
    }
}/* End custom CSS */