/* elementor/css/post-108.css */
.elementor-108 .elementor-element.elementor-element-9ee6c94 {
  --display: flex;
  --min-height: 120px;
  --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;
  --overlay-opacity: 0.06;
  border-style: none;
  --border-style: none;
  --padding-top: 30px;
  --padding-bottom: 30px;
  --padding-left: 30px;
  --padding-right: 30px;
}
.elementor-108 .elementor-element.elementor-element-9ee6c94:not(.elementor-motion-effects-element-type-background), .elementor-108 .elementor-element.elementor-element-9ee6c94>.elementor-motion-effects-container>.elementor-motion-effects-layer {
  background-color: transparent;
  background-image: linear-gradient(106deg, #000000 0%, #000000 100%);
}
.elementor-108 .elementor-element.elementor-element-9ee6c94::before, .elementor-108 .elementor-element.elementor-element-9ee6c94>.elementor-background-video-container::before, .elementor-108 .elementor-element.elementor-element-9ee6c94>.e-con-inner>.elementor-background-video-container::before, .elementor-108 .elementor-element.elementor-element-9ee6c94>.elementor-background-slideshow::before, .elementor-108 .elementor-element.elementor-element-9ee6c94>.e-con-inner>.elementor-background-slideshow::before, .elementor-108 .elementor-element.elementor-element-9ee6c94>.elementor-motion-effects-container>.elementor-motion-effects-layer::before {
  background-image: url(../img/arames-e-pregos.webp);
  --background-overlay: '';
  background-position: center center;
  background-size: cover;
}
.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-108 .elementor-element.elementor-element-675e877 {
  margin: 0px 0px calc(var(--kit-widget-spacing, 0px) + -6px) 0px;
  text-align: start;
}
.elementor-108 .elementor-element.elementor-element-675e877 .elementor-heading-title {
  font-family: "Montserrat", Sans-serif;
  font-size: 23px;
  font-weight: 600;
  text-transform: uppercase;
  color: #F6F6F6;
}
.elementor-widget-divider {
  --divider-color: var(--e-global-color-secondary);
}
.elementor-widget-divider .elementor-divider__text {
  color: var(--e-global-color-secondary);
  font-family: var(--e-global-typography-secondary-font-family), Sans-serif;
  font-weight: var(--e-global-typography-secondary-font-weight);
}
.elementor-widget-divider.elementor-view-stacked .elementor-icon {
  background-color: var(--e-global-color-secondary);
}
.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon {
  color: var(--e-global-color-secondary);
  border-color: var(--e-global-color-secondary);
}
.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg {
  fill: var(--e-global-color-secondary);
}
.elementor-108 .elementor-element.elementor-element-5399f55 {
  --divider-border-style: solid;
  --divider-color: #FCFCFC;
  --divider-border-width: 3px;
}
.elementor-108 .elementor-element.elementor-element-5399f55 .elementor-divider-separator {
  width: 26%;
}
.elementor-widget-text-editor {
  font-family: var(--e-global-typography-text-font-family), Sans-serif;
  font-weight: var(--e-global-typography-text-font-weight);
  color: var(--e-global-color-text);
}
.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap {
  background-color: var(--e-global-color-primary);
}
.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap {
  color: var(--e-global-color-primary);
  border-color: var(--e-global-color-primary);
}
.elementor-108 .elementor-element.elementor-element-4b1e1cf {
  font-family: "Roboto", Sans-serif;
  font-weight: 400;
}
.elementor-108 .elementor-element.elementor-element-4254512 {
  --display: flex;
  --flex-direction: row;
  --container-widget-width: initial;
  --container-widget-height: 100%;
  --container-widget-flex-grow: 1;
  --container-widget-align-self: stretch;
  --flex-wrap-mobile: wrap;
  --gap: 0px 0px;
  --row-gap: 0px;
  --column-gap: 0px;
  --padding-top: 40px;
  --padding-bottom: 40px;
  --padding-left: 40px;
  --padding-right: 40px;
}
.elementor-108 .elementor-element.elementor-element-4254512:not(.elementor-motion-effects-element-type-background), .elementor-108 .elementor-element.elementor-element-4254512>.elementor-motion-effects-container>.elementor-motion-effects-layer {
  background-color: #F0F0F0;
}
.elementor-108 .elementor-element.elementor-element-0922327 {
  --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;
  --padding-top: 20px;
  --padding-bottom: 20px;
  --padding-left: 20px;
  --padding-right: 20px;
}
.elementor-widget-image .widget-image-caption {
  color: var(--e-global-color-text);
  font-family: var(--e-global-typography-text-font-family), Sans-serif;
  font-weight: var(--e-global-typography-text-font-weight);
}
.elementor-108 .elementor-element.elementor-element-7492927 img {
  border-radius: 10px 10px 10px 10px;
}
.elementor-108 .elementor-element.elementor-element-ff69ef0 {
  margin: 0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;
  padding: 0px 0px 0px 014px;
  border-style: solid;
  border-width: 0px 0px 0px 6px;
  border-radius: 0px 0px 0px 1px;
}
.elementor-108 .elementor-element.elementor-element-ff69ef0 .elementor-heading-title {
  font-family: "Roboto Slab", Sans-serif;
  font-size: 21px;
  text-transform: uppercase;
  color: #000000;
}
.elementor-108 .elementor-element.elementor-element-89ba4e0 {
  text-align: start;
  font-family: "Roboto", Sans-serif;
  font-size: 17px;
  color: #333333;
}
.elementor-108 .elementor-element.elementor-element-89ba4e0 p {
  margin-block-end: 0px;
}
.elementor-widget-button .elementor-button {
  background-color: var(--e-global-color-accent);
  font-family: var(--e-global-typography-accent-font-family), Sans-serif;
  font-weight: var(--e-global-typography-accent-font-weight);
}
.elementor-108 .elementor-element.elementor-element-58d0465 .elementor-button {
  background-color: #148460;
  font-family: "Montserrat", Sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 2px;
  border-radius: 30px 30px 30px 30px;
  padding: 15px 30px 15px 30px;
}
.elementor-108 .elementor-element.elementor-element-58d0465 .elementor-button-content-wrapper {
  flex-direction: row-reverse;
}
.elementor-108 .elementor-element.elementor-element-ec587c7 {
  --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;
  --margin-top: 0px;
  --margin-bottom: 0px;
  --margin-left: 0px;
  --margin-right: 0px;
  --padding-top: 0px;
  --padding-bottom: 0px;
  --padding-left: 0px;
  --padding-right: 0px;
}
.elementor-108 .elementor-element.elementor-element-3c82391 img {
  border-radius: 10px 10px 10px 10px;
}
.elementor-108 .elementor-element.elementor-element-634f66c {
  --display: flex;
  --align-items: center;
  --container-widget-width: calc((1 - var(--container-widget-flex-grow)) * 100%);
  --gap: 30px 30px;
  --row-gap: 30px;
  --column-gap: 30px;
  --overlay-opacity: 0.04;
  --margin-top: 0px;
  --margin-bottom: 0px;
  --margin-left: 0px;
  --margin-right: 0px;
  --padding-top: 100px;
  --padding-bottom: 100px;
  --padding-left: 0px;
  --padding-right: 0px;
}
.elementor-108 .elementor-element.elementor-element-634f66c:not(.elementor-motion-effects-element-type-background), .elementor-108 .elementor-element.elementor-element-634f66c>.elementor-motion-effects-container>.elementor-motion-effects-layer {
  background-color: #000000;
}
.elementor-108 .elementor-element.elementor-element-634f66c::before, .elementor-108 .elementor-element.elementor-element-634f66c>.elementor-background-video-container::before, .elementor-108 .elementor-element.elementor-element-634f66c>.e-con-inner>.elementor-background-video-container::before, .elementor-108 .elementor-element.elementor-element-634f66c>.elementor-background-slideshow::before, .elementor-108 .elementor-element.elementor-element-634f66c>.e-con-inner>.elementor-background-slideshow::before, .elementor-108 .elementor-element.elementor-element-634f66c>.elementor-motion-effects-container>.elementor-motion-effects-layer::before {
  background-image: url(../img/arames-e-pregos.webp);
  --background-overlay: '';
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.elementor-widget-nested-tabs.elementor-widget-n-tabs>.e-n-tabs[data-touch-mode='false']>.e-n-tabs-heading>.e-n-tab-title[aria-selected="false"]:hover {
  background: var(--e-global-color-accent);
}
.elementor-widget-nested-tabs.elementor-widget-n-tabs>.e-n-tabs>.e-n-tabs-heading>.e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs>.e-n-tabs[data-touch-mode='true']>.e-n-tabs-heading>.e-n-tab-title[aria-selected="false"]:hover {
  background: var(--e-global-color-accent);
}
.elementor-widget-nested-tabs.elementor-widget-n-tabs>.e-n-tabs>.e-n-tabs-heading> :is(.e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title) {
  font-family: var(--e-global-typography-accent-font-family), Sans-serif;
  font-weight: var(--e-global-typography-accent-font-weight);
}
.elementor-108 .elementor-element.elementor-element-c476f11 {
  --display: flex;
  --flex-direction: row;
  --container-widget-width: calc((1 - var(--container-widget-flex-grow)) * 100%);
  --container-widget-height: 100%;
  --container-widget-flex-grow: 1;
  --container-widget-align-self: stretch;
  --flex-wrap-mobile: wrap;
  --justify-content: space-between;
  --align-items: center;
  --gap: 0px 0px;
  --row-gap: 0px;
  --column-gap: 0px;
  --overlay-opacity: 0.98;
  --border-radius: 10px 10px 10px 10px;
  --margin-top: 0px;
  --margin-bottom: 0px;
  --margin-left: 0px;
  --margin-right: 0px;
  --padding-top: 32px;
  --padding-bottom: 32px;
  --padding-left: 37px;
  --padding-right: 22px;
}
.elementor-108 .elementor-element.elementor-element-c476f11:not(.elementor-motion-effects-element-type-background), .elementor-108 .elementor-element.elementor-element-c476f11>.elementor-motion-effects-container>.elementor-motion-effects-layer {
  background-color: #FFFFFF;
}
.elementor-108 .elementor-element.elementor-element-c476f11::before, .elementor-108 .elementor-element.elementor-element-c476f11>.elementor-background-video-container::before, .elementor-108 .elementor-element.elementor-element-c476f11>.e-con-inner>.elementor-background-video-container::before, .elementor-108 .elementor-element.elementor-element-c476f11>.elementor-background-slideshow::before, .elementor-108 .elementor-element.elementor-element-c476f11>.e-con-inner>.elementor-background-slideshow::before, .elementor-108 .elementor-element.elementor-element-c476f11>.elementor-motion-effects-container>.elementor-motion-effects-layer::before {
  background-color: #FFFFFF;
  --background-overlay: '';
}
.elementor-108 .elementor-element.elementor-element-d0e0647 {
  --display: flex;
  --gap: 21px 21px;
  --row-gap: 21px;
  --column-gap: 21px;
  --margin-top: 0px;
  --margin-bottom: 0px;
  --margin-left: 0px;
  --margin-right: 30px;
  --padding-top: 0px;
  --padding-bottom: 0px;
  --padding-left: 0px;
  --padding-right: 0px;
  --z-index: 3;
}
.elementor-108 .elementor-element.elementor-element-50c5048 {
  width: 100%;
  max-width: 100%;
  margin: -3px 0px calc(var(--kit-widget-spacing, 0px) + -4px) 0px;
  padding: 0px 0px 0px 0px;
  text-align: start;
}
.elementor-108 .elementor-element.elementor-element-50c5048 .elementor-heading-title {
  font-family: "Poppins", Sans-serif;
  font-size: 12px;
  font-weight: 400;
  text-transform: none;
  line-height: 1.2em;
  letter-spacing: 3.691px;
  color: #464646;
}
.elementor-108 .elementor-element.elementor-element-af2cf85 {
  --divider-border-style: solid;
  --divider-color: #323232;
  --divider-border-width: 1px;
}
.elementor-108 .elementor-element.elementor-element-af2cf85 .elementor-divider-separator {
  width: 100%;
}
.elementor-108 .elementor-element.elementor-element-af2cf85 .elementor-divider {
  padding-block-start: 7px;
  padding-block-end: 7px;
}
.elementor-108 .elementor-element.elementor-element-53159d5 {
  width: 100%;
  max-width: 100%;
  margin: -12px 0px calc(var(--kit-widget-spacing, 0px) + -16px) 0px;
  padding: 0px 0px 0px 0px;
  text-align: start;
}
.elementor-108 .elementor-element.elementor-element-53159d5 .elementor-heading-title {
  font-family: "Poppins", Sans-serif;
  font-size: 25px;
  font-weight: 500;
  line-height: 1.2em;
  color: #2B2B2B;
}
.elementor-108 .elementor-element.elementor-element-207b2db {
  --divider-border-style: solid;
  --divider-color: #323232;
  --divider-border-width: 1px;
}
.elementor-108 .elementor-element.elementor-element-207b2db .elementor-divider-separator {
  width: 100%;
}
.elementor-108 .elementor-element.elementor-element-207b2db .elementor-divider {
  padding-block-start: 7px;
  padding-block-end: 7px;
}
.elementor-108 .elementor-element.elementor-element-b083d38 {
  margin: -11px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;
  font-family: "Roboto", Sans-serif;
  font-size: 15px;
  font-weight: 400;
}
.elementor-108 .elementor-element.elementor-element-4cd93bb {
  --display: flex;
  --flex-direction: row;
  --container-widget-width: initial;
  --container-widget-height: 100%;
  --container-widget-flex-grow: 1;
  --container-widget-align-self: stretch;
  --flex-wrap-mobile: wrap;
  --margin-top: 0px;
  --margin-bottom: 0px;
  --margin-left: -12px;
  --margin-right: 0px;
}
.elementor-108 .elementor-element.elementor-element-fcfda60 .elementor-button {
  background-color: #148460;
  font-family: "Montserrat", Sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 19px;
  letter-spacing: 2px;
  border-radius: 30px 30px 30px 30px;
}
.elementor-108 .elementor-element.elementor-element-fcfda60 {
  width: var(--container-widget-width, 66%);
  max-width: 66%;
  margin: -16px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;
  --container-widget-width: 66%;
  --container-widget-flex-grow: 0;
}
.elementor-108 .elementor-element.elementor-element-fcfda60 .elementor-button-content-wrapper {
  flex-direction: row-reverse;
}
.elementor-108 .elementor-element.elementor-element-7be5299 .elementor-button {
  background-color: #000000;
  font-family: "Montserrat", Sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 2px;
  border-style: solid;
  border-color: #000000;
  border-radius: 30px 30px 30px 30px;
}
.elementor-108 .elementor-element.elementor-element-7be5299 .elementor-button:hover, .elementor-108 .elementor-element.elementor-element-7be5299 .elementor-button:focus {
  background-color: #FFFFFF00;
  color: #000000;
  border-color: #000000;
}
.elementor-108 .elementor-element.elementor-element-7be5299 {
  width: var(--container-widget-width, 55%);
  max-width: 55%;
  margin: -16px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;
  --container-widget-width: 55%;
  --container-widget-flex-grow: 0;
}
.elementor-108 .elementor-element.elementor-element-7be5299 .elementor-button-content-wrapper {
  flex-direction: row-reverse;
}
.elementor-108 .elementor-element.elementor-element-7be5299 .elementor-button:hover svg, .elementor-108 .elementor-element.elementor-element-7be5299 .elementor-button:focus svg {
  fill: #000000;
}
.elementor-108 .elementor-element.elementor-element-97ab742 {
  --e-image-carousel-slides-to-show: 1;
  width: var(--container-widget-width, 44%);
  max-width: 44%;
  margin: 41px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;
  --container-widget-width: 44%;
  --container-widget-flex-grow: 0;
}
.elementor-108 .elementor-element.elementor-element-97ab742 .elementor-swiper-button.elementor-swiper-button-prev, .elementor-108 .elementor-element.elementor-element-97ab742 .elementor-swiper-button.elementor-swiper-button-next {
  color: #000000CC;
}
.elementor-108 .elementor-element.elementor-element-97ab742 .elementor-swiper-button.elementor-swiper-button-prev svg, .elementor-108 .elementor-element.elementor-element-97ab742 .elementor-swiper-button.elementor-swiper-button-next svg {
  fill: #000000CC;
}
.elementor-108 .elementor-element.elementor-element-e4533c1 {
  --display: flex;
  --flex-direction: row;
  --container-widget-width: calc((1 - var(--container-widget-flex-grow)) * 100%);
  --container-widget-height: 100%;
  --container-widget-flex-grow: 1;
  --container-widget-align-self: stretch;
  --flex-wrap-mobile: wrap;
  --justify-content: space-between;
  --align-items: center;
  --gap: 0px 0px;
  --row-gap: 0px;
  --column-gap: 0px;
  --flex-wrap: wrap;
  --overlay-opacity: 1;
  --border-radius: 10px 10px 10px 10px;
  --margin-top: 0px;
  --margin-bottom: 0px;
  --margin-left: 0px;
  --margin-right: 0px;
  --padding-top: 32px;
  --padding-bottom: 32px;
  --padding-left: 37px;
  --padding-right: 22px;
}
.elementor-108 .elementor-element.elementor-element-e4533c1::before, .elementor-108 .elementor-element.elementor-element-e4533c1>.elementor-background-video-container::before, .elementor-108 .elementor-element.elementor-element-e4533c1>.e-con-inner>.elementor-background-video-container::before, .elementor-108 .elementor-element.elementor-element-e4533c1>.elementor-background-slideshow::before, .elementor-108 .elementor-element.elementor-element-e4533c1>.e-con-inner>.elementor-background-slideshow::before, .elementor-108 .elementor-element.elementor-element-e4533c1>.elementor-motion-effects-container>.elementor-motion-effects-layer::before {
  background-color: #FFFFFF;
  --background-overlay: '';
}
.elementor-108 .elementor-element.elementor-element-066404e {
  --display: flex;
  --gap: 21px 21px;
  --row-gap: 21px;
  --column-gap: 21px;
  --margin-top: 0px;
  --margin-bottom: 0px;
  --margin-left: 0px;
  --margin-right: 30px;
  --padding-top: 0px;
  --padding-bottom: 0px;
  --padding-left: 0px;
  --padding-right: 0px;
  --z-index: 3;
}
.elementor-108 .elementor-element.elementor-element-2649d38 {
  width: 100%;
  max-width: 100%;
  margin: -3px 0px calc(var(--kit-widget-spacing, 0px) + -4px) 0px;
  padding: 0px 0px 0px 0px;
  text-align: start;
}
.elementor-108 .elementor-element.elementor-element-2649d38 .elementor-heading-title {
  font-family: "Poppins", Sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.2em;
  letter-spacing: 3.691px;
  color: #464646;
}
.elementor-108 .elementor-element.elementor-element-8b3f4d5 {
  --divider-border-style: solid;
  --divider-color: #323232;
  --divider-border-width: 1px;
}
.elementor-108 .elementor-element.elementor-element-8b3f4d5 .elementor-divider-separator {
  width: 100%;
}
.elementor-108 .elementor-element.elementor-element-8b3f4d5 .elementor-divider {
  padding-block-start: 7px;
  padding-block-end: 7px;
}
.elementor-108 .elementor-element.elementor-element-947ee07 {
  width: 100%;
  max-width: 100%;
  margin: -12px 0px calc(var(--kit-widget-spacing, 0px) + -16px) 0px;
  padding: 0px 0px 0px 0px;
  text-align: start;
}
.elementor-108 .elementor-element.elementor-element-947ee07 .elementor-heading-title {
  font-family: "Poppins", Sans-serif;
  font-size: 25px;
  font-weight: 500;
  line-height: 1.2em;
  color: #2B2B2B;
}
.elementor-108 .elementor-element.elementor-element-7811b4c {
  --divider-border-style: solid;
  --divider-color: #323232;
  --divider-border-width: 1px;
}
.elementor-108 .elementor-element.elementor-element-7811b4c .elementor-divider-separator {
  width: 100%;
}
.elementor-108 .elementor-element.elementor-element-7811b4c .elementor-divider {
  padding-block-start: 7px;
  padding-block-end: 7px;
}
.elementor-108 .elementor-element.elementor-element-63a0cf1 {
  margin: -11px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;
  font-family: "Roboto", Sans-serif;
  font-size: 15px;
  font-weight: 400;
}
.elementor-108 .elementor-element.elementor-element-3d97d04 {
  --display: flex;
  --flex-direction: row;
  --container-widget-width: initial;
  --container-widget-height: 100%;
  --container-widget-flex-grow: 1;
  --container-widget-align-self: stretch;
  --flex-wrap-mobile: wrap;
  --margin-top: 0px;
  --margin-bottom: 0px;
  --margin-left: -12px;
  --margin-right: 0px;
}
.elementor-108 .elementor-element.elementor-element-7741d05 .elementor-button {
  background-color: #148460;
  font-family: "Montserrat", Sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 19px;
  letter-spacing: 2px;
  border-radius: 30px 30px 30px 30px;
}
.elementor-108 .elementor-element.elementor-element-7741d05 {
  width: var(--container-widget-width, 66%);
  max-width: 66%;
  margin: -16px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;
  --container-widget-width: 66%;
  --container-widget-flex-grow: 0;
}
.elementor-108 .elementor-element.elementor-element-7741d05 .elementor-button-content-wrapper {
  flex-direction: row-reverse;
}
.elementor-108 .elementor-element.elementor-element-d3f1c33 .elementor-button {
  background-color: #000000;
  font-family: "Montserrat", Sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 2px;
  border-style: solid;
  border-color: #000000;
  border-radius: 30px 30px 30px 30px;
}
.elementor-108 .elementor-element.elementor-element-d3f1c33 .elementor-button:hover, .elementor-108 .elementor-element.elementor-element-d3f1c33 .elementor-button:focus {
  background-color: #FFFFFF00;
  color: #000000;
  border-color: #000000;
}
.elementor-108 .elementor-element.elementor-element-d3f1c33 {
  width: var(--container-widget-width, 55%);
  max-width: 55%;
  margin: -16px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;
  --container-widget-width: 55%;
  --container-widget-flex-grow: 0;
}
.elementor-108 .elementor-element.elementor-element-d3f1c33 .elementor-button-content-wrapper {
  flex-direction: row-reverse;
}
.elementor-108 .elementor-element.elementor-element-d3f1c33 .elementor-button:hover svg, .elementor-108 .elementor-element.elementor-element-d3f1c33 .elementor-button:focus svg {
  fill: #000000;
}
.elementor-108 .elementor-element.elementor-element-5759b7f {
  --e-image-carousel-slides-to-show: 1;
  width: var(--container-widget-width, 44%);
  max-width: 44%;
  margin: 41px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;
  --container-widget-width: 44%;
  --container-widget-flex-grow: 0;
}
.elementor-108 .elementor-element.elementor-element-5759b7f .elementor-swiper-button.elementor-swiper-button-prev, .elementor-108 .elementor-element.elementor-element-5759b7f .elementor-swiper-button.elementor-swiper-button-next {
  color: #000000CC;
}
.elementor-108 .elementor-element.elementor-element-5759b7f .elementor-swiper-button.elementor-swiper-button-prev svg, .elementor-108 .elementor-element.elementor-element-5759b7f .elementor-swiper-button.elementor-swiper-button-next svg {
  fill: #000000CC;
}
.elementor-108 .elementor-element.elementor-element-2edebd0 {
  --n-tabs-direction: column;
  --n-tabs-heading-direction: row;
  --n-tabs-heading-width: initial;
  --n-tabs-title-flex-basis: content;
  --n-tabs-title-flex-shrink: 0;
  --n-tabs-heading-wrap: wrap;
  --n-tabs-heading-overflow-x: initial;
  --n-tabs-title-white-space: initial;
  --n-tabs-title-gap: 30px;
  --n-tabs-gap: 40px;
  --n-tabs-title-border-radius: 10px 10px 10px 10px;
  --n-tabs-title-padding-top: 15px;
  --n-tabs-title-padding-right: 60px;
  --n-tabs-title-padding-bottom: 15px;
  --n-tabs-title-padding-left: 60px;
  --n-tabs-title-font-size: 14px;
  --n-tabs-title-color: #FBFBFB;
  --n-tabs-title-color-active: #FFFFFF;
}
.elementor-108 .elementor-element.elementor-element-2edebd0>.e-n-tabs>.e-n-tabs-heading>.e-n-tab-title[aria-selected='false']:not( :hover) {
  background: #1A1A1A;
}
.elementor-108 .elementor-element.elementor-element-2edebd0.elementor-widget-n-tabs>.e-n-tabs[data-touch-mode='false']>.e-n-tabs-heading>.e-n-tab-title[aria-selected="false"]:hover {
  background: #3A3A3A;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #282828;
}
.elementor-108 .elementor-element.elementor-element-2edebd0.elementor-widget-n-tabs>.e-n-tabs>.e-n-tabs-heading>.e-n-tab-title[aria-selected="true"], .elementor-108 .elementor-element.elementor-element-2edebd0.elementor-widget-n-tabs>.e-n-tabs[data-touch-mode='true']>.e-n-tabs-heading>.e-n-tab-title[aria-selected="false"]:hover {
  background: #3A3A3A;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #2F2F2F;
}
.elementor-108 .elementor-element.elementor-element-2edebd0.elementor-widget-n-tabs>.e-n-tabs>.e-n-tabs-heading>.e-n-tab-title[aria-selected="false"]:not( :hover) {
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #242424;
}
.elementor-108 .elementor-element.elementor-element-2edebd0.elementor-widget-n-tabs>.e-n-tabs>.e-n-tabs-heading> :is(.e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title) {
  font-family: "Roboto", Sans-serif;
  font-weight: 500;
  line-height: 15px;
}
.elementor-108 .elementor-element.elementor-element-2edebd0 [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover {
  --n-tabs-title-color-hover: #FFFFFF;
}
.elementor-108 .elementor-element.elementor-element-f9c41bb {
  --display: flex;
  --min-height: 0px;
  --flex-direction: row;
  --container-widget-width: calc((1 - var(--container-widget-flex-grow)) * 100%);
  --container-widget-height: 100%;
  --container-widget-flex-grow: 1;
  --container-widget-align-self: stretch;
  --flex-wrap-mobile: wrap;
  --justify-content: center;
  --align-items: center;
  --gap: 20px 20px;
  --row-gap: 20px;
  --column-gap: 20px;
  --padding-top: 100px;
  --padding-bottom: 100px;
  --padding-left: 0px;
  --padding-right: 0px;
}
.elementor-108 .elementor-element.elementor-element-f9c41bb:not(.elementor-motion-effects-element-type-background), .elementor-108 .elementor-element.elementor-element-f9c41bb>.elementor-motion-effects-container>.elementor-motion-effects-layer {
  background-color: #F5F5F5;
}
.elementor-108 .elementor-element.elementor-element-f9c41bb.e-con {
  --align-self: center;
}
.elementor-108 .elementor-element.elementor-element-3747e88 {
  --e-image-carousel-slides-to-show: 2;
  width: var(--container-widget-width, 81%);
  max-width: 81%;
  margin: 0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;
  padding: 30px 30px 30px 30px;
  --container-widget-width: 81%;
  --container-widget-flex-grow: 0;
}
.elementor-108 .elementor-element.elementor-element-3747e88.elementor-element {
  --align-self: center;
}
.elementor-108 .elementor-element.elementor-element-3747e88 .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image {
  border-radius: 30px 30px 30px 30px;
}
.elementor-widget-image-box .elementor-image-box-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-widget-image-box:has(:hover) .elementor-image-box-title,
.elementor-widget-image-box:has(:focus) .elementor-image-box-title {
  color: var(--e-global-color-primary);
}
.elementor-widget-image-box .elementor-image-box-description {
  font-family: var(--e-global-typography-text-font-family), Sans-serif;
  font-weight: var(--e-global-typography-text-font-weight);
  color: var(--e-global-color-text);
}
.elementor-108 .elementor-element.elementor-element-bc066ce {
  width: var(--container-widget-width, 50%);
  max-width: 50%;
  margin: -25px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;
  --container-widget-width: 50%;
  --container-widget-flex-grow: 0;
}
.elementor-108 .elementor-element.elementor-element-bc066ce .elementor-image-box-wrapper {
  text-align: start;
}
.elementor-108 .elementor-element.elementor-element-bc066ce .elementor-image-box-title {
  margin-bottom: 14px;
  font-family: "Roboto Slab", Sans-serif;
  font-size: 25px;
  font-weight: 700;
  color: #000000;
}
.elementor-108 .elementor-element.elementor-element-bc066ce:has(:hover) .elementor-image-box-title,
.elementor-108 .elementor-element.elementor-element-bc066ce:has(:focus) .elementor-image-box-title {
  color: #000000;
}
.elementor-108 .elementor-element.elementor-element-bc066ce .elementor-image-box-description {
  font-family: "Roboto", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #000000;
}
@media(min-width:768px) {
  .elementor-108 .elementor-element.elementor-element-0922327 {
    --width: 50%;
  }
  .elementor-108 .elementor-element.elementor-element-ec587c7 {
    --width: 50%;
  }
  .elementor-108 .elementor-element.elementor-element-c476f11 {
    --width: 100%;
  }
  .elementor-108 .elementor-element.elementor-element-d0e0647 {
    --width: 573px;
  }
  .elementor-108 .elementor-element.elementor-element-066404e {
    --width: 573px;
  }
}
@media(max-width:1024px) {
  .elementor-108 .elementor-element.elementor-element-ff69ef0 {
    padding: 0% 5% 0% 0%;
    text-align: center;
  }
  .elementor-108 .elementor-element.elementor-element-ff69ef0 .elementor-heading-title {
    font-size: 15px;
  }
  .elementor-108 .elementor-element.elementor-element-89ba4e0 {
    text-align: start;
    font-size: 14px;
  }
  .elementor-108 .elementor-element.elementor-element-c476f11 {
    --gap: 0px 10px;
    --row-gap: 0px;
    --column-gap: 10px;
  }
  .elementor-108 .elementor-element.elementor-element-53159d5 .elementor-heading-title {
    font-size: 27px;
  }
  .elementor-108 .elementor-element.elementor-element-e4533c1 {
    --gap: 0px 10px;
    --row-gap: 0px;
    --column-gap: 10px;
  }
  .elementor-108 .elementor-element.elementor-element-947ee07 .elementor-heading-title {
    font-size: 27px;
  }
  .elementor-108 .elementor-element.elementor-element-2edebd0 {
    width: var(--container-widget-width, 95%);
    max-width: 95%;
    --container-widget-width: 95%;
    --container-widget-flex-grow: 0;
    --n-tabs-title-gap: 3px;
  }
  .elementor-108 .elementor-element.elementor-element-f9c41bb {
    --padding-top: 80px;
    --padding-bottom: 80px;
    --padding-left: 40px;
    --padding-right: 40px;
  }
}
@media(max-width:880px) {
  .elementor-108 .elementor-element.elementor-element-ff69ef0 .elementor-heading-title {
    font-size: 12px;
  }
  .elementor-108 .elementor-element.elementor-element-89ba4e0 {
    font-size: 13px;
  }
}
@media(max-width:767px) {
  .elementor-108 .elementor-element.elementor-element-675e877 {
    margin: 0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;
  }
  .elementor-108 .elementor-element.elementor-element-675e877 .elementor-heading-title {
    font-size: 27px;
  }
  .elementor-108 .elementor-element.elementor-element-5399f55 {
    margin: -7px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;
  }
  .elementor-108 .elementor-element.elementor-element-5399f55 .elementor-divider-separator {
    width: 55%;
  }
  .elementor-108 .elementor-element.elementor-element-4b1e1cf {
    margin: -7px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;
    font-size: 14px;
  }
  .elementor-108 .elementor-element.elementor-element-4254512 {
    --flex-direction: row;
    --container-widget-width: initial;
    --container-widget-height: 100%;
    --container-widget-flex-grow: 1;
    --container-widget-align-self: stretch;
    --flex-wrap-mobile: wrap;
    --padding-top: 20px;
    --padding-bottom: 20px;
    --padding-left: 20px;
    --padding-right: 20px;
  }
  .elementor-108 .elementor-element.elementor-element-0922327 {
    --padding-top: 0px;
    --padding-bottom: 0px;
    --padding-left: 0px;
    --padding-right: 0px;
  }
  .elementor-108 .elementor-element.elementor-element-ff69ef0 .elementor-heading-title {
    font-size: 19px;
  }
  .elementor-108 .elementor-element.elementor-element-634f66c {
    --gap: 25px 25px;
    --row-gap: 25px;
    --column-gap: 25px;
    --padding-top: 60px;
    --padding-bottom: 60px;
    --padding-left: 10px;
    --padding-right: 10px;
  }
  .elementor-108 .elementor-element.elementor-element-c476f11 {
    --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;
    --gap: 20px 20px;
    --row-gap: 20px;
    --column-gap: 20px;
    --margin-top: 20px;
    --margin-bottom: 0px;
    --margin-left: 0px;
    --margin-right: 0px;
    --padding-top: 30px;
    --padding-bottom: 30px;
    --padding-left: 15px;
    --padding-right: 015px;
  }
  .elementor-108 .elementor-element.elementor-element-d0e0647 {
    --gap: 15px 15px;
    --row-gap: 15px;
    --column-gap: 15px;
    --margin-top: 0px;
    --margin-bottom: 0px;
    --margin-left: 0px;
    --margin-right: 0px;
    --padding-top: 0px;
    --padding-bottom: 0px;
    --padding-left: 0px;
    --padding-right: 0px;
  }
  .elementor-108 .elementor-element.elementor-element-53159d5 {
    margin: -5px 0px calc(var(--kit-widget-spacing, 0px) + -7px) 0px;
    padding: 0px 0px 0px 0px;
  }
  .elementor-108 .elementor-element.elementor-element-53159d5 .elementor-heading-title {
    font-size: 18px;
  }
  .elementor-108 .elementor-element.elementor-element-fcfda60 {
    width: 100%;
    max-width: 100%;
  }
  .elementor-108 .elementor-element.elementor-element-fcfda60 .elementor-button {
    font-size: 12px;
    line-height: 1.4em;
  }
  .elementor-108 .elementor-element.elementor-element-7be5299 {
    width: 100%;
    max-width: 100%;
    margin: 0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;
  }
  .elementor-108 .elementor-element.elementor-element-7be5299 .elementor-button {
    font-size: 12px;
  }
  .elementor-108 .elementor-element.elementor-element-97ab742 {
    --e-image-carousel-slides-to-show: 1;
    width: 100%;
    max-width: 100%;
    margin: 0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;
  }
  .elementor-108 .elementor-element.elementor-element-97ab742.elementor-element {
    --order: -99999
      /* order start hack */
    ;
  }
  .elementor-108 .elementor-element.elementor-element-e4533c1 {
    --gap: 20px 20px;
    --row-gap: 20px;
    --column-gap: 20px;
    --margin-top: 20px;
    --margin-bottom: 0px;
    --margin-left: 0px;
    --margin-right: 0px;
    --padding-top: 30px;
    --padding-bottom: 30px;
    --padding-left: 24px;
    --padding-right: 24px;
  }
  .elementor-108 .elementor-element.elementor-element-066404e {
    --gap: 15px 15px;
    --row-gap: 15px;
    --column-gap: 15px;
    --margin-top: 0px;
    --margin-bottom: 0px;
    --margin-left: 0px;
    --margin-right: 0px;
  }
  .elementor-108 .elementor-element.elementor-element-947ee07 {
    margin: -5px 0px calc(var(--kit-widget-spacing, 0px) + -7px) 0px;
    padding: 0px 0px 0px 0px;
  }
  .elementor-108 .elementor-element.elementor-element-947ee07 .elementor-heading-title {
    font-size: 18px;
  }
  .elementor-108 .elementor-element.elementor-element-63a0cf1 {
    text-align: start;
  }
  .elementor-108 .elementor-element.elementor-element-7741d05 {
    width: 100%;
    max-width: 100%;
  }
  .elementor-108 .elementor-element.elementor-element-7741d05 .elementor-button {
    font-size: 12px;
    line-height: 1.4em;
  }
  .elementor-108 .elementor-element.elementor-element-d3f1c33 {
    width: 100%;
    max-width: 100%;
    margin: 0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;
  }
  .elementor-108 .elementor-element.elementor-element-d3f1c33 .elementor-button {
    font-size: 12px;
  }
  .elementor-108 .elementor-element.elementor-element-5759b7f {
    --e-image-carousel-slides-to-show: 1;
    width: 100%;
    max-width: 100%;
    margin: 0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;
  }
  .elementor-108 .elementor-element.elementor-element-5759b7f.elementor-element {
    --order: -99999
      /* order start hack */
    ;
  }
  .elementor-108 .elementor-element.elementor-element-2edebd0 {
    --n-tabs-heading-justify-content: center;
    --n-tabs-title-width: initial;
    --n-tabs-title-height: initial;
    --n-tabs-title-align-items: center;
    --n-tabs-title-flex-grow: 0;
    width: 100%;
    max-width: 100%;
    margin: 0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;
    --n-tabs-title-gap: 50px;
    --n-tabs-gap: 0px;
    --n-tabs-title-padding-top: 30px;
    --n-tabs-title-padding-right: 30px;
    --n-tabs-title-padding-bottom: 30px;
    --n-tabs-title-padding-left: 30px;
    --n-tabs-title-font-size: 12px;
  }
  .elementor-108 .elementor-element.elementor-element-f9c41bb {
    --padding-top: 60px;
    --padding-bottom: 60px;
    --padding-left: 024px;
    --padding-right: 024px;
  }
  .elementor-108 .elementor-element.elementor-element-3747e88 {
    --e-image-carousel-slides-to-show: 2;
    --container-widget-width: 100%;
    --container-widget-flex-grow: 0;
    width: var(--container-widget-width, 100%);
    max-width: 100%;
  }
  .elementor-108 .elementor-element.elementor-element-bc066ce {
    width: 100%;
    max-width: 100%;
  }
}
/* Start custom CSS for container, class: .elementor-element-c476f11 */
.elementor-108 .elementor-element.elementor-element-c476f11 {
  border-radius: 20px;
  border: 1px solid #2A2A2A;
  /* borda levemente mais clara */
  background: linear-gradient(58deg, #1C1C1C 34.49%, #2B2B2B 125.27%);
  /* cinza escuro degradê */
}
/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e4533c1 */
.elementor-108 .elementor-element.elementor-element-e4533c1 {
  border-radius: 20px;
  border: 1px solid #2A2A2A;
  /* borda levemente mais clara */
  background: linear-gradient(58deg, #1C1C1C 34.49%, #2B2B2B 125.27%);
  /* cinza escuro degradê */
}
/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c476f11 */
.elementor-108 .elementor-element.elementor-element-c476f11 {
  border-radius: 20px;
  border: 1px solid #2A2A2A;
  /* borda levemente mais clara */
  background: linear-gradient(58deg, #1C1C1C 34.49%, #2B2B2B 125.27%);
  /* cinza escuro degradê */
}
/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e4533c1 */
.elementor-108 .elementor-element.elementor-element-e4533c1 {
  border-radius: 20px;
  border: 1px solid #2A2A2A;
  /* borda levemente mais clara */
  background: linear-gradient(58deg, #1C1C1C 34.49%, #2B2B2B 125.27%);
  /* cinza escuro degradê */
}
/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c476f11 */
.elementor-108 .elementor-element.elementor-element-c476f11 {
  border-radius: 20px;
  border: 1px solid #2A2A2A;
  /* borda levemente mais clara */
  background: linear-gradient(58deg, #1C1C1C 34.49%, #2B2B2B 125.27%);
  /* cinza escuro degradê */
}
/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e4533c1 */
.elementor-108 .elementor-element.elementor-element-e4533c1 {
  border-radius: 20px;
  border: 1px solid #2A2A2A;
  /* borda levemente mais clara */
  background: linear-gradient(58deg, #1C1C1C 34.49%, #2B2B2B 125.27%);
  /* cinza escuro degradê */
}
/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-2edebd0 */
@media (max-width: 1024px) {
  .elementor-108 .elementor-element.elementor-element-2edebd0 .e-collapse {
    display: none !important;
  }
  .elementor-108 .elementor-element.elementor-element-2edebd0 .e-n-tabs-heading {
    display: flex !important;
    flex-direction: row !important;
  }
  .elementor-108 .elementor-element.elementor-element-2edebd0 .e-n-tab-title {
    width: calc(25% - 3px) !important;
    min-width: calc(25% - 3px) !important;
    max-width: calc(25% - 3px) !important;
    margin: 0 !important;
    min-height: 23px;
    /* padroniza a altura da aba */
  }
}
/* End custom CSS */
/* Start custom CSS for image-carousel, class: .elementor-element-3747e88 */
.elementor-108 .elementor-element.elementor-element-3747e88 .swiper,
.elementor-108 .elementor-element.elementor-element-3747e88 .swiper-container {
  overflow: visible !important;
  clip-path: polygon(-1000% 0%, 100% 0%, 100% 100%, -1000% 100%);
}
/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f9c41bb */
html, body {
  width: 100%;
  overflow-x: hidden;
}
/* End custom CSS */
/* elementor/css/post-576.css */
.elementor-576 .elementor-element.elementor-element-041ffb5 {
  --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;
  --border-radius: 10px 10px 10px 10px;
  --padding-top: 35px;
  --padding-bottom: 35px;
  --padding-left: 35px;
  --padding-right: 35px;
}
.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-576 .elementor-element.elementor-element-ed209a0 .elementor-heading-title {
  color: #414141;
}
#elementor-popup-modal-576 {
  background-color: rgba(0, 0, 0, .8);
  justify-content: center;
  align-items: center;
  pointer-events: all;
}
#elementor-popup-modal-576 .dialog-message {
  width: 640px;
  height: auto;
}
#elementor-popup-modal-576 .dialog-close-button {
  display: flex;
}
#elementor-popup-modal-576 .dialog-widget-content {
  border-radius: 30px 30px 30px 30px;
  box-shadow: 2px 8px 23px 3px rgba(0, 0, 0, 0.2);
}
/* elementor/css/post-592.css */
.elementor-592 .elementor-element.elementor-element-041ffb5 {
  --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;
  --border-radius: 10px 10px 10px 10px;
  --padding-top: 35px;
  --padding-bottom: 35px;
  --padding-left: 35px;
  --padding-right: 35px;
}
.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-592 .elementor-element.elementor-element-ed209a0 .elementor-heading-title {
  color: #414141;
}
#elementor-popup-modal-592 {
  background-color: rgba(0, 0, 0, .8);
  justify-content: center;
  align-items: center;
  pointer-events: all;
}
#elementor-popup-modal-592 .dialog-message {
  width: 640px;
  height: auto;
}
#elementor-popup-modal-592 .dialog-close-button {
  display: flex;
}
#elementor-popup-modal-592 .dialog-widget-content {
  border-radius: 30px 30px 30px 30px;
  box-shadow: 2px 8px 23px 3px rgba(0, 0, 0, 0.2);
}
/* tabela 1 do popup (era <style> dentro do widget HTML) */
/* CSS INLINE PARA A TABELA (PRETO E CINZA, RESPONSIVO) */
/* Variáveis de Cores */
:root {
  --progresso-preto: #212121;
  --progresso-cinza-claro: #f5f5f5;
  --progresso-cinza-linha: #eeeeee;
  --progresso-borda: #dddddd;
}
/* 1. Estilo Básico da Tabela */
.tabela-progresso {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 20px;
  font-family: Arial, sans-serif;
  color: var(--progresso-preto);
}
/* Título Principal (caption) */
.tabela-progresso caption {
  font-size: 1.5em;
  font-weight: bold;
  background-color: var(--progresso-preto);
  color: #ffffff;
  padding: 15px 10px;
  margin-bottom: 5px;
  text-align: center;
}
/* 2. Estilo do Cabeçalho (thead) */
.tabela-progresso thead th {
  background-color: var(--progresso-cinza-claro);
  border: 1px solid var(--progresso-borda);
  padding: 12px 8px;
  text-align: center;
  font-weight: bold;
  font-size: 0.9em;
}
/* 3. Estilo do Corpo (tbody) */
.tabela-progresso tbody td {
  border: 1px solid var(--progresso-borda);
  padding: 12px 8px;
  text-align: center;
  vertical-align: top;
}
/* Linhas Alternadas (Zebrado) para melhor leitura */
.tabela-progresso tbody tr:nth-child(even) {
  background-color: var(--progresso-cinza-linha);
}
.tabela-progresso tbody tr:hover {
  background-color: #e0e0e0;
}
/* 4. Responsividade (Transforma a tabela em cartões em telas pequenas) */
@media screen and (max-width: 600px) {
  /* Esconde cabeçalho da tabela em telas pequenas */
  .tabela-progresso thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  /* Transforma a tabela em display de bloco (cartões) */
  .tabela-progresso,
  .tabela-progresso tbody,
  .tabela-progresso tr {
    display: block;
    width: 100%;
  }
  /* Estilo do Card (cada linha vira um bloco) */
  .tabela-progresso tr {
    margin-bottom: 15px;
    border: 1px solid var(--progresso-borda);
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
  }
  /* Remove a cor alternada do zebrado, pois cada linha é um cartão */
  .tabela-progresso tbody tr:nth-child(even) {
    background-color: #ffffff;
  }
  /* Transforma as células em bloco */
  .tabela-progresso td {
    border: none;
    border-bottom: 1px solid var(--progresso-cinza-linha);
    display: block;
    text-align: right;
    padding-left: 50%;
    position: relative;
  }
  /* Rótulos de dados (usa o atributo data-label definido no HTML) */
  .tabela-progresso td:before {
    content: attr(data-label);
    position: absolute;
    left: 10px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
    text-align: left;
    font-weight: bold;
    color: var(--progresso-preto);
  }
}
/* tabela 2 do popup (era <style> dentro do widget HTML) */
/* CSS INLINE PARA A TABELA (PRETO E CINZA, RESPONSIVO) */
/* Variáveis de Cores */
:root {
  --progresso-preto: #212121;
  --progresso-cinza-claro: #f5f5f5;
  --progresso-cinza-linha: #eeeeee;
  --progresso-borda: #dddddd;
}
/* 1. Estilo Básico da Tabela */
.tabela-progresso {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 20px;
  font-family: Arial, sans-serif;
  color: var(--progresso-preto);
}
/* Título Principal (caption) */
.tabela-progresso caption {
  font-size: 1.5em;
  font-weight: bold;
  background-color: var(--progresso-preto);
  color: #ffffff;
  padding: 15px 10px;
  margin-bottom: 5px;
  text-align: center;
}
/* 2. Estilo do Cabeçalho (thead) */
.tabela-progresso thead th {
  background-color: var(--progresso-cinza-claro);
  border: 1px solid var(--progresso-borda);
  padding: 12px 8px;
  text-align: center;
  font-weight: bold;
  font-size: 0.9em;
}
/* 3. Estilo do Corpo (tbody) */
.tabela-progresso tbody td {
  border: 1px solid var(--progresso-borda);
  padding: 12px 8px;
  text-align: center;
  vertical-align: top;
}
/* Linhas Alternadas (Zebrado) para melhor leitura */
.tabela-progresso tbody tr:nth-child(even) {
  background-color: var(--progresso-cinza-linha);
}
.tabela-progresso tbody tr:hover {
  background-color: #e0e0e0;
}
/* 4. Responsividade (Transforma a tabela em cartões em telas pequenas) */
@media screen and (max-width: 600px) {
  /* Esconde cabeçalho da tabela em telas pequenas */
  .tabela-progresso thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  /* Transforma a tabela em display de bloco (cartões) */
  .tabela-progresso,
  .tabela-progresso tbody,
  .tabela-progresso tr {
    display: block;
    width: 100%;
  }
  /* Estilo do Card (cada linha vira um bloco) */
  .tabela-progresso tr {
    margin-bottom: 15px;
    border: 1px solid var(--progresso-borda);
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
  }
  /* Remove a cor alternada do zebrado, pois cada linha é um cartão */
  .tabela-progresso tbody tr:nth-child(even) {
    background-color: #ffffff;
  }
  /* Transforma as células em bloco */
  .tabela-progresso td {
    border: none;
    border-bottom: 1px solid var(--progresso-cinza-linha);
    display: block;
    text-align: right;
    padding-left: 50%;
    position: relative;
  }
  /* Rótulos de dados (usa o atributo data-label definido no HTML) */
  .tabela-progresso td:before {
    content: attr(data-label);
    position: absolute;
    left: 10px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
    text-align: left;
    font-weight: bold;
    color: var(--progresso-preto);
  }
}

