.elementor-kit-7{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* === Ajustes de proporção apenas no DESKTOP (refinado) === */
@media (min-width: 992px){
  .hero .container{
    grid-template-columns: 1.1fr .9fr;
    column-gap: 48px;
  }

  /* Título levemente menor e mais compacto */
  .hero h1{
    max-width: 680px;           /* reduz largura para quebrar menos linhas */
    font-size: 2.48pxrem;          /* antes: 2.35rem */
    line-height: 1.2;
    margin: 0 0 22px;
    text-align: left;
  }

  /* Bullets mais equilibrados visualmente */
  .bullets{
    max-width: 560px;
    gap: 12px;
    margin: 0;
  }
  .bullet{
    padding: 11px 16px;
    border-radius: 12px;
    font-size: .96rem;         /* texto suavemente menor */
  }
  .bullet-icon{
    width: 24px;
    height: 24px;
    min-width: 24px;
  }

  /* Imagem mantém destaque equilibrado */
  .hero-image{
    justify-content: flex-end;
    margin-top: 0;
  }
  .hero-image img{
    max-width: 640px;           /* ajustado para equilíbrio com texto menor */
    border-radius: 16px;
  }
}

/* Telas bem largas (refino de responsividade extra) */
@media (min-width: 1400px){
  .hero h1{
    font-size: 2.25rem;
    max-width: 720px;
  }
  .hero-image img{
    max-width: 700px;
  }
}
/* === Ajuste de proporção da imagem da Seção 3 — apenas DESKTOP === */
@media (min-width: 992px){
  .sec3-figure img{
    max-width: 900px;      /* antes 1400px → reduz para proporção de tela */
    border-radius: 10px;   /* mantém leve suavidade nas bordas */
    box-shadow: 0 10px 22px rgba(0,0,0,.08);
  }

  .sec3-heading{
    max-width: 800px;      /* texto proporcional à nova largura da imagem */
    font-size: 1.2rem;     /* ligeiramente menor para harmonia */
  }

  .sec-3-imagem{
    padding-top: 28px;
    padding-bottom: 48px;  /* dá mais respiro visual */
  }
}
/* Força a imagem da Seção 3 a ficar proporcional no DESKTOP */
@media (min-width: 1024px){
  .sec-3-imagem .sec3-figure img{
    width: auto !important;
    max-width: 900px !important;   /* ajuste aqui se quiser maior/menor (ex.: 820px / 980px) */
    max-height: 70vh !important;   /* evita ficar muito alta em telas grandes */
    object-fit: contain !important;
  }
}/* End custom CSS */