.elementor-180 .elementor-element.elementor-element-416fc2e0:not(.elementor-motion-effects-element-type-background), .elementor-180 .elementor-element.elementor-element-416fc2e0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F7F6;}.elementor-180 .elementor-element.elementor-element-416fc2e0{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:6em 1em 7em 1em;}.elementor-180 .elementor-element.elementor-element-416fc2e0 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-180 .elementor-element.elementor-element-cc1ed9a.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-180 .elementor-element.elementor-element-cc1ed9a.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-180 .elementor-element.elementor-element-cc1ed9a > .elementor-element-populated{margin:0em 0em 0em 4em;--e-column-margin-right:0em;--e-column-margin-left:4em;padding:0% 0% 0% 32%;}.elementor-180 .elementor-element.elementor-element-7a908852 .elementor-heading-title{font-size:36px;}.elementor-180 .elementor-element.elementor-element-5449499e{margin:0px 104px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;column-gap:0px;line-height:15px;}.elementor-180 .elementor-element.elementor-element-4ace7bba > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:0px;}.elementor-180 .elementor-element.elementor-element-4ace7bba > .elementor-element-populated{margin:0% 0% 0% 0%;--e-column-margin-right:0%;--e-column-margin-left:0%;padding:0% 0% 0% 0%;}.elementor-180 .elementor-element.elementor-element-f925a5f{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 54%;padding:0% 0% 0% 0%;}.elementor-180 .elementor-element.elementor-element-f925a5f img{width:549px;}.elementor-180 .elementor-element.elementor-element-1136256{--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-180 .elementor-element.elementor-element-03bc391{text-align:center;}.elementor-180 .elementor-element.elementor-element-602de76{margin:0px 220px calc(var(--kit-widget-spacing, 0px) + 0px) 220px;text-align:center;}.elementor-180 .elementor-element.elementor-element-a7b53e5{--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:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-180 .elementor-element.elementor-element-21fc2e3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-180 .elementor-element.elementor-element-4551af1{--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;--margin-top:1%;--margin-bottom:7%;--margin-left:0%;--margin-right:0%;--padding-top:5%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-180 .elementor-element.elementor-element-aa5f2c1{--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-180 .elementor-element.elementor-element-2d21e98{--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:44px;--margin-bottom:44px;--margin-left:44px;--margin-right:44px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-180 .elementor-element.elementor-element-5b82d62 .elementor-heading-title{font-size:15px;}.elementor-180 .elementor-element.elementor-element-9424c78{margin:0% 50% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;}.elementor-180 .elementor-element.elementor-element-9424c78 .elementor-heading-title{font-size:27px;}.elementor-180 .elementor-element.elementor-element-77ac8d4{--spacer-size:50px;}.elementor-180 .elementor-element.elementor-element-1949039:not(.elementor-motion-effects-element-type-background), .elementor-180 .elementor-element.elementor-element-1949039 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-180 .elementor-element.elementor-element-1949039 > .elementor-container{max-width:1250px;}.elementor-180 .elementor-element.elementor-element-1949039{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:70px;margin-bottom:70px;padding:0em 1em 7em 1em;}.elementor-180 .elementor-element.elementor-element-1949039 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-180 .elementor-element.elementor-element-d92b78e > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:0px;}.elementor-180 .elementor-element.elementor-element-d6c38a2{width:auto;max-width:auto;background-color:var( --e-global-color-primary );padding:10px 7px 0px 7px;top:-10px;z-index:3;border-radius:8px 8px 8px 8px;box-shadow:0px 10px 40px -5px rgba(0, 0, 0, 0.15);}body:not(.rtl) .elementor-180 .elementor-element.elementor-element-d6c38a2{left:0px;}body.rtl .elementor-180 .elementor-element.elementor-element-d6c38a2{right:0px;}.elementor-180 .elementor-element.elementor-element-d6c38a2 .elementor-icon-wrapper{text-align:center;}.elementor-180 .elementor-element.elementor-element-d6c38a2.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-2db06a9 );color:var( --e-global-color-secondary );}.elementor-180 .elementor-element.elementor-element-d6c38a2.elementor-view-framed .elementor-icon, .elementor-180 .elementor-element.elementor-element-d6c38a2.elementor-view-default .elementor-icon{color:var( --e-global-color-2db06a9 );border-color:var( --e-global-color-2db06a9 );}.elementor-180 .elementor-element.elementor-element-d6c38a2.elementor-view-framed .elementor-icon, .elementor-180 .elementor-element.elementor-element-d6c38a2.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-2db06a9 );}.elementor-180 .elementor-element.elementor-element-d6c38a2.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-180 .elementor-element.elementor-element-d6c38a2.elementor-view-stacked .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-180 .elementor-element.elementor-element-d6c38a2 .elementor-icon{font-size:45px;padding:20px;border-radius:8px 8px 8px 8px;}.elementor-180 .elementor-element.elementor-element-d6c38a2 .elementor-icon svg{height:45px;}.elementor-180 .elementor-element.elementor-element-5fef1ca{padding:0px 0px 0px 10px;}.elementor-180 .elementor-element.elementor-element-5fef1ca img{width:100%;height:475px;object-fit:cover;object-position:center center;border-radius:8px 8px 8px 100px;}.elementor-bc-flex-widget .elementor-180 .elementor-element.elementor-element-a0168a5.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-180 .elementor-element.elementor-element-a0168a5.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-180 .elementor-element.elementor-element-a0168a5 > .elementor-element-populated{margin:0em 0em 0em 4em;--e-column-margin-right:0em;--e-column-margin-left:4em;}.elementor-180 .elementor-element.elementor-element-e513803 .elementor-heading-title{font-family:var( --e-global-typography-84ca66e-font-family ), Sans-serif;font-size:var( --e-global-typography-84ca66e-font-size );font-weight:var( --e-global-typography-84ca66e-font-weight );text-transform:var( --e-global-typography-84ca66e-text-transform );line-height:var( --e-global-typography-84ca66e-line-height );letter-spacing:var( --e-global-typography-84ca66e-letter-spacing );color:var( --e-global-color-a291686 );}.elementor-180 .elementor-element.elementor-element-00879e8 .elementor-heading-title{color:#FFFFFF;}.elementor-180 .elementor-element.elementor-element-3ef073e{background-color:var( --e-global-color-651faef );margin:0em 0em calc(var(--kit-widget-spacing, 0px) + 0em) -13em;padding:15px 0px 0px 15px;border-radius:10px 0px 0px 0px;}.elementor-180 .elementor-element.elementor-element-3ef073e.elementor-arrows-yes .elementor-main-swiper{width:calc( 100% - 40px );}.elementor-180 .elementor-element.elementor-element-3ef073e .elementor-main-swiper{width:100%;}.elementor-180 .elementor-element.elementor-element-3ef073e .elementor-main-swiper .swiper-slide{background-color:var( --e-global-color-a954db2 );border-radius:8px;padding:30px 30px 25px 30px;}.elementor-180 .elementor-element.elementor-element-3ef073e .elementor-swiper-button{font-size:20px;}.elementor-180 .elementor-element.elementor-element-3ef073e.elementor-testimonial--layout-image_inline .elementor-testimonial__footer, .elementor-180 .elementor-element.elementor-element-3ef073e.elementor-testimonial--layout-image_stacked .elementor-testimonial__footer{margin-top:20px;}.elementor-180 .elementor-element.elementor-element-3ef073e.elementor-testimonial--layout-image_above .elementor-testimonial__footer{margin-bottom:20px;}.elementor-180 .elementor-element.elementor-element-3ef073e.elementor-testimonial--layout-image_left .elementor-testimonial__footer{padding-right:20px;}.elementor-180 .elementor-element.elementor-element-3ef073e.elementor-testimonial--layout-image_right .elementor-testimonial__footer{padding-left:20px;}.elementor-180 .elementor-element.elementor-element-3ef073e .elementor-testimonial__text{color:var( --e-global-color-text );font-family:"Poppins", Sans-serif;font-size:18px;line-height:1.5em;}.elementor-180 .elementor-element.elementor-element-3ef073e .elementor-testimonial__name{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );line-height:var( --e-global-typography-text-line-height );}.elementor-180 .elementor-element.elementor-element-3ef073e .elementor-testimonial__title{color:var( --e-global-color-text );font-family:var( --e-global-typography-69c152f-font-family ), Sans-serif;font-size:var( --e-global-typography-69c152f-font-size );line-height:var( --e-global-typography-69c152f-line-height );}.elementor-180 .elementor-element.elementor-element-3ef073e .elementor-testimonial__image img{width:55px;height:55px;border-style:solid;border-color:var( --e-global-color-651faef );border-width:5px;}.elementor-180 .elementor-element.elementor-element-3ef073e.elementor-testimonial--layout-image_left .elementor-testimonial__content:after, .elementor-180 .elementor-element.elementor-element-3ef073e.elementor-testimonial--layout-image_right .elementor-testimonial__content:after{top:calc( 20px + (55px / 2) - 8px );}body:not(.rtl) .elementor-180 .elementor-element.elementor-element-3ef073e.elementor-testimonial--layout-image_stacked:not(.elementor-testimonial--align-center):not(.elementor-testimonial--align-right) .elementor-testimonial__content:after, body:not(.rtl) .elementor-180 .elementor-element.elementor-element-3ef073e.elementor-testimonial--layout-image_inline:not(.elementor-testimonial--align-center):not(.elementor-testimonial--align-right) .elementor-testimonial__content:after, .elementor-180 .elementor-element.elementor-element-3ef073e.elementor-testimonial--layout-image_stacked.elementor-testimonial--align-left .elementor-testimonial__content:after, .elementor-180 .elementor-element.elementor-element-3ef073e.elementor-testimonial--layout-image_inline.elementor-testimonial--align-left .elementor-testimonial__content:after{left:calc( 20px + (55px / 2) - 8px );right:auto;}body.rtl .elementor-180 .elementor-element.elementor-element-3ef073e.elementor-testimonial--layout-image_stacked:not(.elementor-testimonial--align-center):not(.elementor-testimonial--align-left) .elementor-testimonial__content:after, body.rtl .elementor-180 .elementor-element.elementor-element-3ef073e.elementor-testimonial--layout-image_inline:not(.elementor-testimonial--align-center):not(.elementor-testimonial--align-left) .elementor-testimonial__content:after, .elementor-180 .elementor-element.elementor-element-3ef073e.elementor-testimonial--layout-image_stacked.elementor-testimonial--align-right .elementor-testimonial__content:after, .elementor-180 .elementor-element.elementor-element-3ef073e.elementor-testimonial--layout-image_inline.elementor-testimonial--align-right .elementor-testimonial__content:after{right:calc( 20px + (55px / 2) - 8px );left:auto;}body:not(.rtl) .elementor-180 .elementor-element.elementor-element-3ef073e.elementor-testimonial--layout-image_above:not(.elementor-testimonial--align-center):not(.elementor-testimonial--align-right) .elementor-testimonial__content:after, .elementor-180 .elementor-element.elementor-element-3ef073e.elementor-testimonial--layout-image_above.elementor-testimonial--align-left .elementor-testimonial__content:after{left:calc( 20px + (55px / 2) - 8px );right:auto;}body.rtl .elementor-180 .elementor-element.elementor-element-3ef073e.elementor-testimonial--layout-image_above:not(.elementor-testimonial--align-center):not(.elementor-testimonial--align-left) .elementor-testimonial__content:after, .elementor-180 .elementor-element.elementor-element-3ef073e.elementor-testimonial--layout-image_above.elementor-testimonial--align-right .elementor-testimonial__content:after{right:calc( 20px + (55px / 2) - 8px );left:auto;}body.rtl .elementor-180 .elementor-element.elementor-element-3ef073e.elementor-testimonial--layout-image_inline.elementor-testimonial--align-left .elementor-testimonial__image + cite, body.rtl .elementor-180 .elementor-element.elementor-element-3ef073e.elementor-testimonial--layout-image_above.elementor-testimonial--align-left .elementor-testimonial__image + cite, body:not(.rtl) .elementor-180 .elementor-element.elementor-element-3ef073e.elementor-testimonial--layout-image_inline .elementor-testimonial__image + cite, body:not(.rtl) .elementor-180 .elementor-element.elementor-element-3ef073e.elementor-testimonial--layout-image_above .elementor-testimonial__image + cite{margin-left:15px;margin-right:0;}body:not(.rtl) .elementor-180 .elementor-element.elementor-element-3ef073e.elementor-testimonial--layout-image_inline.elementor-testimonial--align-right .elementor-testimonial__image + cite, body:not(.rtl) .elementor-180 .elementor-element.elementor-element-3ef073e.elementor-testimonial--layout-image_above.elementor-testimonial--align-right .elementor-testimonial__image + cite, body.rtl .elementor-180 .elementor-element.elementor-element-3ef073e.elementor-testimonial--layout-image_inline .elementor-testimonial__image + cite, body.rtl .elementor-180 .elementor-element.elementor-element-3ef073e.elementor-testimonial--layout-image_above .elementor-testimonial__image + cite{margin-right:15px;margin-left:0;}.elementor-180 .elementor-element.elementor-element-3ef073e.elementor-testimonial--layout-image_stacked .elementor-testimonial__image + cite, .elementor-180 .elementor-element.elementor-element-3ef073e.elementor-testimonial--layout-image_left .elementor-testimonial__image + cite, .elementor-180 .elementor-element.elementor-element-3ef073e.elementor-testimonial--layout-image_right .elementor-testimonial__image + cite{margin-top:15px;}.elementor-180 .elementor-element.elementor-element-095def1{--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:89px;--padding-bottom:150px;--padding-left:0px;--padding-right:0px;}.elementor-180 .elementor-element.elementor-element-51edbbd{--display:flex;--min-height:454px;--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;--border-radius:29px 29px 29px 29px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:32px;--padding-bottom:32px;--padding-left:32px;--padding-right:32px;}.elementor-180 .elementor-element.elementor-element-51edbbd:not(.elementor-motion-effects-element-type-background), .elementor-180 .elementor-element.elementor-element-51edbbd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1C1C1C;}.elementor-180 .elementor-element.elementor-element-0b9d76a .elementor-heading-title{color:#FFFFFF;}.elementor-180 .elementor-element.elementor-element-f19e8f5{margin:25px 25px calc(var(--kit-widget-spacing, 0px) + 25px) 25px;color:#FFFFFF;}.elementor-180 .elementor-element.elementor-element-8c82c01{--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;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-180 .elementor-element.elementor-element-416fc2e0{padding:4em 2em 4em 2em;}.elementor-180 .elementor-element.elementor-element-cc1ed9a > .elementor-element-populated{margin:0em 0em 3em 0em;--e-column-margin-right:0em;--e-column-margin-left:0em;}.elementor-180 .elementor-element.elementor-element-7a908852{padding:0em 15em 0em 0em;}.elementor-180 .elementor-element.elementor-element-1949039{padding:0em 1.5em 4em 1.5em;}.elementor-180 .elementor-element.elementor-element-d6c38a2 .elementor-icon{font-size:40px;}.elementor-180 .elementor-element.elementor-element-d6c38a2 .elementor-icon svg{height:40px;}.elementor-180 .elementor-element.elementor-element-5fef1ca img{height:450px;}.elementor-180 .elementor-element.elementor-element-a0168a5 > .elementor-element-populated{margin:0em 0em 0em 3em;--e-column-margin-right:0em;--e-column-margin-left:3em;}.elementor-180 .elementor-element.elementor-element-e513803 .elementor-heading-title{font-size:var( --e-global-typography-84ca66e-font-size );line-height:var( --e-global-typography-84ca66e-line-height );letter-spacing:var( --e-global-typography-84ca66e-letter-spacing );}.elementor-180 .elementor-element.elementor-element-00879e8{padding:0em 7em 0em 0em;}.elementor-180 .elementor-element.elementor-element-3ef073e{margin:0em 0em calc(var(--kit-widget-spacing, 0px) + 0em) -6em;}.elementor-180 .elementor-element.elementor-element-3ef073e .elementor-testimonial__text{font-size:16px;}.elementor-180 .elementor-element.elementor-element-3ef073e .elementor-testimonial__name{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-180 .elementor-element.elementor-element-3ef073e .elementor-testimonial__title{font-size:var( --e-global-typography-69c152f-font-size );line-height:var( --e-global-typography-69c152f-line-height );}.elementor-180 .elementor-element.elementor-element-3ef073e .elementor-testimonial__image img{width:50px;height:50px;}}@media(max-width:767px){.elementor-180 .elementor-element.elementor-element-416fc2e0{padding:2em 1.5em 2em 1.5em;}.elementor-180 .elementor-element.elementor-element-cc1ed9a > .elementor-element-populated{margin:0em 0em 1.5em 0em;--e-column-margin-right:0em;--e-column-margin-left:0em;}.elementor-180 .elementor-element.elementor-element-7a908852{padding:0em 0em 0em 0em;}.elementor-180 .elementor-element.elementor-element-5449499e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 0px;}.elementor-180 .elementor-element.elementor-element-1949039{padding:0em 1.5em 2.5em 1.5em;}.elementor-180 .elementor-element.elementor-element-d6c38a2 .elementor-icon{font-size:30px;}.elementor-180 .elementor-element.elementor-element-d6c38a2 .elementor-icon svg{height:30px;}.elementor-180 .elementor-element.elementor-element-5fef1ca img{height:280px;border-radius:8px 8px 8px 80px;}.elementor-180 .elementor-element.elementor-element-a0168a5 > .elementor-element-populated{margin:2em 0em 0em 0em;--e-column-margin-right:0em;--e-column-margin-left:0em;}.elementor-180 .elementor-element.elementor-element-e513803{text-align:center;}.elementor-180 .elementor-element.elementor-element-e513803 .elementor-heading-title{font-size:var( --e-global-typography-84ca66e-font-size );line-height:var( --e-global-typography-84ca66e-line-height );letter-spacing:var( --e-global-typography-84ca66e-letter-spacing );}.elementor-180 .elementor-element.elementor-element-00879e8{padding:0em 3em 0em 0em;text-align:center;}.elementor-180 .elementor-element.elementor-element-3ef073e{margin:0em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;padding:0px 0px 0px 0px;}.elementor-180 .elementor-element.elementor-element-3ef073e .elementor-testimonial__text{font-size:15px;}.elementor-180 .elementor-element.elementor-element-3ef073e .elementor-testimonial__name{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-180 .elementor-element.elementor-element-3ef073e .elementor-testimonial__title{font-size:var( --e-global-typography-69c152f-font-size );line-height:var( --e-global-typography-69c152f-line-height );}.elementor-180 .elementor-element.elementor-element-3ef073e .elementor-testimonial__image img{width:47px;height:47px;}}@media(min-width:768px){.elementor-180 .elementor-element.elementor-element-cc1ed9a{width:44%;}.elementor-180 .elementor-element.elementor-element-4ace7bba{width:56%;}.elementor-180 .elementor-element.elementor-element-a7b53e5{--width:100%;}.elementor-180 .elementor-element.elementor-element-aa5f2c1{--width:50%;}.elementor-180 .elementor-element.elementor-element-2d21e98{--width:50%;}.elementor-180 .elementor-element.elementor-element-51edbbd{--width:35%;}.elementor-180 .elementor-element.elementor-element-8c82c01{--width:65%;}}@media(max-width:1024px) and (min-width:768px){.elementor-180 .elementor-element.elementor-element-cc1ed9a{width:100%;}.elementor-180 .elementor-element.elementor-element-4ace7bba{width:100%;}}/* Start custom CSS for html, class: .elementor-element-21fc2e3 *//* ------------------------------------------------------------------------------------------------ 1. LAYOUT GRID (ESTRUTURA PRINCIPAL) Define o layout de 4 colunas (o mosaico) ------------------------------------------------------------------------------------------------ */ .grid-certifica { display: grid; /* Define 4 colunas de tamanho igual */ grid-template-columns: repeat(4, 1fr); gap: 15px; /* Espaçamento entre os cards */ max-width: 1200px; /* Limite a largura para um melhor design */ margin: 0 auto; padding: 20px; } /* ------------------------------------------------------------------------------------------------ 2. POSICIONAMENTO E TAMANHOS ESPECÍFICOS (Conforme a imagem) ------------------------------------------------------------------------------------------------ */ /* Card Docnuvem (Ocupa 2 linhas) */ .grid-certifica .card-preto-grande { grid-row: span 2; /* Ajuste de colunas para encaixar os outros cards se necessário */ grid-column: span 1; } /* Imagem Central (Ocupa 2 colunas e 2 linhas) */ .grid-certifica .card-imagem-central { grid-column: span 2; grid-row: span 2; overflow: hidden; padding: 0; border-radius: 0; /* A imagem não terá a borda do card */ } .grid-certifica .card-imagem-central img { width: 100%; height: 100%; object-fit: cover; /* Garante que a imagem preencha o espaço sem distorcer */ } /* ------------------------------------------------------------------------------------------------ 3. ESTILOS VISUAIS, CORES E BASE DO CARD ------------------------------------------------------------------------------------------------ */ .grid-certifica .card { display: flex; flex-direction: column; justify-content: space-between; /* Empurra o conteúdo para cima e a seta para baixo */ padding: 20px; border-radius: 8px; text-decoration: none; /* Remove sublinhado do link */ color: #333; /* Cor padrão do texto (para cards claros) */ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05); /* Sombra sutil */ transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transição para o hover */ min-height: 150px; /* Altura mínima para melhor visualização */ } .grid-certifica h3 { margin-top: 0; font-size: 1.5em; /* Título maior */ line-height: 1.2; } .grid-certifica p { font-size: 0.9em; opacity: 0.8; } /* Cores de Fundo e Texto BASE */ .card-branco { background-color: #f0f0f0; color: #333; } .card-azul { background-color: #4dc2ed; color: #fff; } /* Fundo escuro */ .card-verde { background-color: #66c78b; color: #fff; } /* Fundo escuro */ .card-preto, .card-preto-grande { background-color: #2e2e2e; color: #fff; } /* Fundo escuro */ .card-laranja { background-color: #B9963C; color: #fff; } /* Fundo escuro */ .card-cinza-claro { background-color: #e6e6e6; color: #333; } .card-roxo { background-color: #a778e8; color: #fff; } /* Fundo escuro */ /* REFORÇO: Define a cor do texto para branco (#fff) nos cards escuros */ .card-azul h3, .card-azul p, .card-verde h3, .card-verde p, .card-preto h3, .card-preto p, .card-preto-grande h3, .card-preto-grande p, .card-laranja h3, .card-laranja p, .card-roxo h3, .card-roxo p { color: #fff; /* O texto será branco */ /* Garante que o parágrafo também seja branco, com opacidade para contraste */ opacity: 1; } .card-azul p, .card-verde p, .card-preto p, .card-preto-grande p, .card-laranja p, .card-roxo p { opacity: 0.8; /* Mantém a opacidade apenas para o parágrafo, para dar um toque mais suave */ } /* ------------------------------------------------------------------------------------------------ 4. EFEITO HOVER (AUMENTAR/DESTAQUE) ------------------------------------------------------------------------------------------------ */ .card-hover-efeito:hover { transform: scale(1.03); /* Aumenta o card em 3% */ z-index: 10; /* Traz para frente */ box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2); /* Sombra mais forte */ } /* ------------------------------------------------------------------------------------------------ 5. ESTILO DAS SETAS (ÍCONES) ------------------------------------------------------------------------------------------------ */ .icon-arrow { align-self: flex-end; /* Posiciona a seta no canto inferior direito */ font-size: 1.5em; width: 30px; height: 30px; line-height: 28px; text-align: center; border-radius: 50%; margin-top: 10px; } /* Cores da seta */ .arrow-branco { background-color: rgba(255, 255, 255, 0.3); color: #fff; } .arrow-cinza { background-color: rgba(0, 0, 0, 0.1); color: #333; } .arrow-preto { background-color: rgba(0, 0, 0, 0.3); color: #fff; } /* ------------------------------------------------------------------------------------------------ 6. RESPONSIVIDADE (Para tablets e celulares) ------------------------------------------------------------------------------------------------ */ /* Tablets (Abaixo de 1024px) */ @media (max-width: 1024px) { .grid-certifica { grid-template-columns: repeat(2, 1fr); /* Reduz para 2 colunas */ } /* Reset o tamanho dos cards que eram maiores */ .grid-certifica .card, .grid-certifica .card-preto-grande, .grid-certifica .card-imagem-central { grid-column: span 1; grid-row: span 1; } } /* Celulares (Abaixo de 767px) */ @media (max-width: 767px) { .grid-certifica { grid-template-columns: 1fr; /* 1 coluna em celular */ } }/* End custom CSS */