.elementor-kit-22{--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-22 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 *//* Limita o PRÓPRIO widget do Text Editor (wrapper) – funciona no editor e no front */
#charClamp #charText{
  --lines: 3;          /* mude p/ 2, 4... se quiser */
  --lh: 1.6;           /* line-height médio do corpo de texto */
  --fade: 2.2em;       /* altura do fade no rodapé */

  position: relative !important;
  overflow: hidden !important;
  max-height: calc(var(--lines) * var(--lh) * 1em) !important;
  transition: max-height .35s ease;
}

/* Fadezinho para indicar que há mais conteúdo */
#charClamp #charText::after{
  content:"";
  position:absolute; left:0; right:0; bottom:0;
  height: var(--fade);
  pointer-events:none;
  background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.85));
  transition: opacity .2s ease;
}

/* Ao passar o mouse em QUALQUER parte do container, abre o texto */
#charClamp:hover #charText{
  max-height: 9999px !important;
}
#charClamp:hover #charText::after{
  opacity: 0;
}

/* (mantém seu grayscale) */
#charClamp .elementor-widget-image img{
  filter: grayscale(100%) !important;
  transition: filter .35s ease, transform .35s ease;
}
#charClamp:hover .elementor-widget-image img{
  filter: grayscale(0%) !important;
  transform: scale(1.02);
}/* End custom CSS */