.elementor-20 .elementor-element.elementor-element-0b73fa1{--display:flex;--min-height:750px;--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:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;--border-radius:0px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-0b73fa1::before, .elementor-20 .elementor-element.elementor-element-0b73fa1 > .elementor-background-video-container::before, .elementor-20 .elementor-element.elementor-element-0b73fa1 > .e-con-inner > .elementor-background-video-container::before, .elementor-20 .elementor-element.elementor-element-0b73fa1 > .elementor-background-slideshow::before, .elementor-20 .elementor-element.elementor-element-0b73fa1 > .e-con-inner > .elementor-background-slideshow::before, .elementor-20 .elementor-element.elementor-element-0b73fa1 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #FFEAD3 0%, #FDFDFD00 100%);}.elementor-20 .elementor-element.elementor-element-bb4515f{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-bb4515f.e-con{--align-self:center;}.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-20 .elementor-element.elementor-element-65bfffa{padding:0px 0px 0px 0px;text-align:left;}.elementor-20 .elementor-element.elementor-element-65bfffa .elementor-heading-title{font-family:"SF UI Display", Sans-serif;font-size:44px;font-weight:600;line-height:1em;color:#3C3C3C;}.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-20 .elementor-element.elementor-element-8a1c74a{text-align:left;font-family:"SF UI Display", Sans-serif;font-size:20px;font-weight:300;line-height:1.1em;color:#1C1C1C;}.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-20 .elementor-element.elementor-element-193637e .elementor-button{background-color:transparent;font-family:"Inter", Sans-serif;font-size:20px;font-weight:600;text-transform:capitalize;line-height:1.1em;fill:#1C1C1C;color:#1C1C1C;background-image:linear-gradient(91deg, #D5BF9C 15%, #886B42 105%);box-shadow:0px 4px 20.4px 0px rgba(0, 0, 0, 0.2901960784313726);transition-duration:1.9s;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF33;border-radius:25px 25px 25px 25px;padding:10px 20px 10px 20px;}.elementor-20 .elementor-element.elementor-element-193637e{width:100%;max-width:100%;}.elementor-20 .elementor-element.elementor-element-193637e:hover{--e-transform-scale:1.05;}.elementor-20 .elementor-element.elementor-element-193637e .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-20 .elementor-element.elementor-element-31a4434{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:21px 21px 21px 21px;--padding-top:60px;--padding-bottom:60px;--padding-left:15px;--padding-right:15px;}.elementor-20 .elementor-element.elementor-element-31a4434:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-31a4434 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(141deg, #D5BF9C 44%, #AC946E 82%);}.elementor-20 .elementor-element.elementor-element-31a4434.e-con:hover{--e-con-transform-scale:1.05;}.elementor-20 .elementor-element.elementor-element-31a4434.e-con{--align-self:center;}.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-20 .elementor-element.elementor-element-84a1713{width:100%;max-width:100%;}.elementor-20 .elementor-element.elementor-element-84a1713 img{width:80%;}.elementor-20 .elementor-element.elementor-element-be079ab{--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:center;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--flex-wrap:wrap;--padding-top:60px;--padding-bottom:60px;--padding-left:15px;--padding-right:15px;}.elementor-20 .elementor-element.elementor-element-b5b6c2c{width:100%;max-width:100%;padding:0px 0px 30px 0px;text-align:center;}.elementor-20 .elementor-element.elementor-element-b5b6c2c .elementor-heading-title{font-family:"SF UI Display", Sans-serif;font-size:48px;font-weight:600;line-height:1.1em;color:#3F3F3F;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-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-20 .elementor-element.elementor-element-3a96ee6{width:var( --container-widget-width, 370px );max-width:370px;padding:0px 20px 20px 20px;--container-widget-width:370px;--container-widget-flex-grow:0;border-style:solid;border-width:2px 2px 2px 2px;border-color:#B09978;border-radius:15px 15px 15px 15px;--icon-box-icon-margin:15px;}.elementor-20 .elementor-element.elementor-element-3a96ee6:hover{--e-transform-rotateZ:1.1deg;--e-transform-scale:1.05;}.elementor-20 .elementor-element.elementor-element-3a96ee6 .elementor-icon-box-title, .elementor-20 .elementor-element.elementor-element-3a96ee6 .elementor-icon-box-title a{font-family:"SF UI Display", Sans-serif;font-size:28px;font-weight:600;line-height:1.1em;}.elementor-20 .elementor-element.elementor-element-3a96ee6 .elementor-icon-box-title{color:#1C1C1C;}.elementor-20 .elementor-element.elementor-element-3a96ee6:has(:hover) .elementor-icon-box-title,
					 .elementor-20 .elementor-element.elementor-element-3a96ee6:has(:focus) .elementor-icon-box-title{color:#1C1C1C;}.elementor-20 .elementor-element.elementor-element-3a96ee6 .elementor-icon-box-description{font-family:"SF UI Display", Sans-serif;font-size:17px;font-weight:500;line-height:1.1em;color:#1C1C1C;}.elementor-20 .elementor-element.elementor-element-6f82e3c{width:var( --container-widget-width, 370px );max-width:370px;padding:0px 20px 20px 20px;--container-widget-width:370px;--container-widget-flex-grow:0;border-style:solid;border-width:2px 2px 2px 2px;border-color:#B09978;border-radius:15px 15px 15px 15px;--icon-box-icon-margin:15px;}.elementor-20 .elementor-element.elementor-element-6f82e3c:hover{--e-transform-rotateZ:1.1deg;--e-transform-scale:1.05;}.elementor-20 .elementor-element.elementor-element-6f82e3c .elementor-icon-box-title, .elementor-20 .elementor-element.elementor-element-6f82e3c .elementor-icon-box-title a{font-family:"SF UI Display", Sans-serif;font-size:28px;font-weight:600;line-height:1.1em;}.elementor-20 .elementor-element.elementor-element-6f82e3c .elementor-icon-box-title{color:#1C1C1C;}.elementor-20 .elementor-element.elementor-element-6f82e3c:has(:hover) .elementor-icon-box-title,
					 .elementor-20 .elementor-element.elementor-element-6f82e3c:has(:focus) .elementor-icon-box-title{color:#1C1C1C;}.elementor-20 .elementor-element.elementor-element-6f82e3c .elementor-icon-box-description{font-family:"SF UI Display", Sans-serif;font-size:17px;font-weight:500;line-height:1.1em;color:#1C1C1C;}.elementor-20 .elementor-element.elementor-element-267e0ce{width:var( --container-widget-width, 370px );max-width:370px;padding:0px 20px 20px 20px;--container-widget-width:370px;--container-widget-flex-grow:0;border-style:solid;border-width:2px 2px 2px 2px;border-color:#B09978;border-radius:15px 15px 15px 15px;--icon-box-icon-margin:15px;}.elementor-20 .elementor-element.elementor-element-267e0ce:hover{--e-transform-rotateZ:1.1deg;--e-transform-scale:1.05;}.elementor-20 .elementor-element.elementor-element-267e0ce .elementor-icon-box-title, .elementor-20 .elementor-element.elementor-element-267e0ce .elementor-icon-box-title a{font-family:"SF UI Display", Sans-serif;font-size:28px;font-weight:600;line-height:1.1em;}.elementor-20 .elementor-element.elementor-element-267e0ce .elementor-icon-box-title{color:#1C1C1C;}.elementor-20 .elementor-element.elementor-element-267e0ce:has(:hover) .elementor-icon-box-title,
					 .elementor-20 .elementor-element.elementor-element-267e0ce:has(:focus) .elementor-icon-box-title{color:#1C1C1C;}.elementor-20 .elementor-element.elementor-element-267e0ce .elementor-icon-box-description{font-family:"SF UI Display", Sans-serif;font-size:17px;font-weight:500;line-height:1.1em;color:#1C1C1C;}.elementor-20 .elementor-element.elementor-element-f6531d7{width:var( --container-widget-width, 370px );max-width:370px;margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 20px 20px 20px;--container-widget-width:370px;--container-widget-flex-grow:0;border-style:solid;border-width:2px 2px 2px 2px;border-color:#B09978;border-radius:15px 15px 15px 15px;--icon-box-icon-margin:15px;}.elementor-20 .elementor-element.elementor-element-f6531d7:hover{--e-transform-rotateZ:1.1deg;--e-transform-scale:1.05;}.elementor-20 .elementor-element.elementor-element-f6531d7 .elementor-icon-box-title, .elementor-20 .elementor-element.elementor-element-f6531d7 .elementor-icon-box-title a{font-family:"SF UI Display", Sans-serif;font-size:28px;font-weight:600;line-height:1.1em;}.elementor-20 .elementor-element.elementor-element-f6531d7 .elementor-icon-box-title{color:#1C1C1C;}.elementor-20 .elementor-element.elementor-element-f6531d7:has(:hover) .elementor-icon-box-title,
					 .elementor-20 .elementor-element.elementor-element-f6531d7:has(:focus) .elementor-icon-box-title{color:#1C1C1C;}.elementor-20 .elementor-element.elementor-element-f6531d7 .elementor-icon-box-description{font-family:"SF UI Display", Sans-serif;font-size:17px;font-weight:500;line-height:1.1em;color:#1C1C1C;}.elementor-20 .elementor-element.elementor-element-37790bc{width:var( --container-widget-width, 370px );max-width:370px;margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 20px 20px 20px;--container-widget-width:370px;--container-widget-flex-grow:0;border-style:solid;border-width:2px 2px 2px 2px;border-color:#B09978;border-radius:15px 15px 15px 15px;--icon-box-icon-margin:15px;}.elementor-20 .elementor-element.elementor-element-37790bc:hover{--e-transform-rotateZ:1.1deg;--e-transform-scale:1.05;}.elementor-20 .elementor-element.elementor-element-37790bc .elementor-icon-box-title, .elementor-20 .elementor-element.elementor-element-37790bc .elementor-icon-box-title a{font-family:"SF UI Display", Sans-serif;font-size:28px;font-weight:600;line-height:1.1em;}.elementor-20 .elementor-element.elementor-element-37790bc .elementor-icon-box-title{color:#1C1C1C;}.elementor-20 .elementor-element.elementor-element-37790bc:has(:hover) .elementor-icon-box-title,
					 .elementor-20 .elementor-element.elementor-element-37790bc:has(:focus) .elementor-icon-box-title{color:#1C1C1C;}.elementor-20 .elementor-element.elementor-element-37790bc .elementor-icon-box-description{font-family:"SF UI Display", Sans-serif;font-size:17px;font-weight:500;line-height:1.1em;color:#1C1C1C;}.elementor-20 .elementor-element.elementor-element-2295f9c{width:var( --container-widget-width, 370px );max-width:370px;margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 20px 20px 20px;--container-widget-width:370px;--container-widget-flex-grow:0;border-style:solid;border-width:2px 2px 2px 2px;border-color:#B09978;border-radius:15px 15px 15px 15px;--icon-box-icon-margin:15px;}.elementor-20 .elementor-element.elementor-element-2295f9c:hover{--e-transform-rotateZ:1.1deg;--e-transform-scale:1.05;}.elementor-20 .elementor-element.elementor-element-2295f9c .elementor-icon-box-title, .elementor-20 .elementor-element.elementor-element-2295f9c .elementor-icon-box-title a{font-family:"SF UI Display", Sans-serif;font-size:28px;font-weight:600;line-height:1.1em;}.elementor-20 .elementor-element.elementor-element-2295f9c .elementor-icon-box-title{color:#1C1C1C;}.elementor-20 .elementor-element.elementor-element-2295f9c:has(:hover) .elementor-icon-box-title,
					 .elementor-20 .elementor-element.elementor-element-2295f9c:has(:focus) .elementor-icon-box-title{color:#1C1C1C;}.elementor-20 .elementor-element.elementor-element-2295f9c .elementor-icon-box-description{font-family:"SF UI Display", Sans-serif;font-size:17px;font-weight:500;line-height:1.1em;color:#1C1C1C;}.elementor-20 .elementor-element.elementor-element-d0b57d0{--display:flex;--min-height:750px;--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:15px 15px;--row-gap:15px;--column-gap:15px;--overflow:hidden;--padding-top:60px;--padding-bottom:60px;--padding-left:15px;--padding-right:15px;}.elementor-20 .elementor-element.elementor-element-d0b57d0:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-d0b57d0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-8e5f45b{--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;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-224bdaf{width:100%;max-width:100%;padding:0px 0px 0px 0px;text-align:left;}.elementor-20 .elementor-element.elementor-element-224bdaf .elementor-heading-title{font-family:"SF UI Display", Sans-serif;font-size:28px;font-weight:600;line-height:1.1em;color:#3F3F3F;}.elementor-20 .elementor-element.elementor-element-745da7b{font-family:"SF UI Display", Sans-serif;font-size:17px;font-weight:500;line-height:1.1em;color:#3C3C3C;}.elementor-20 .elementor-element.elementor-element-7588f48 .elementor-button{background-color:transparent;font-family:"Inter", Sans-serif;font-size:20px;font-weight:600;text-transform:capitalize;line-height:1.1em;fill:#1C1C1C;color:#1C1C1C;background-image:linear-gradient(91deg, #D5BF9C 15%, #886B42 105%);box-shadow:0px 4px 20.4px 0px rgba(0, 0, 0, 0.2901960784313726);transition-duration:1.9s;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF33;border-radius:25px 25px 25px 25px;padding:10px 20px 10px 20px;}.elementor-20 .elementor-element.elementor-element-7588f48{width:100%;max-width:100%;}.elementor-20 .elementor-element.elementor-element-7588f48:hover{--e-transform-scale:1.05;}.elementor-20 .elementor-element.elementor-element-7588f48 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-20 .elementor-element.elementor-element-376d2c9{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-96ae255:hover{--e-transform-scale:1.05;}body:not(.rtl) .elementor-20 .elementor-element.elementor-element-96ae255{left:40px;}body.rtl .elementor-20 .elementor-element.elementor-element-96ae255{right:40px;}.elementor-20 .elementor-element.elementor-element-96ae255{top:-25px;}.elementor-20 .elementor-element.elementor-element-96ae255 img{width:80%;}.elementor-20 .elementor-element.elementor-element-cb942aa:hover{--e-transform-scale:1.05;}body:not(.rtl) .elementor-20 .elementor-element.elementor-element-cb942aa{right:-20px;}body.rtl .elementor-20 .elementor-element.elementor-element-cb942aa{left:-20px;}.elementor-20 .elementor-element.elementor-element-cb942aa{top:0px;}.elementor-20 .elementor-element.elementor-element-a4b6869{--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:center;--align-items:center;--gap:10px 20px;--row-gap:10px;--column-gap:20px;--flex-wrap:wrap;--padding-top:60px;--padding-bottom:60px;--padding-left:15px;--padding-right:15px;}.elementor-20 .elementor-element.elementor-element-a4b6869:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-a4b6869 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F6F6F6;}.elementor-20 .elementor-element.elementor-element-4a0b2eb{width:100%;max-width:100%;padding:0px 0px 0px 0px;text-align:center;}.elementor-20 .elementor-element.elementor-element-4a0b2eb .elementor-heading-title{font-family:"SF UI Display", Sans-serif;font-size:40px;font-weight:600;line-height:1.1em;color:#3F3F3F;}.elementor-20 .elementor-element.elementor-element-3293071{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-9254faa{--display:flex;--min-height:605px;--justify-content:flex-end;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-9254faa:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-9254faa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/BASE-4.webp");background-position:center center;background-size:cover;}.elementor-20 .elementor-element.elementor-element-9254faa.e-con{--align-self:center;}.elementor-20 .elementor-element.elementor-element-38b0273{width:var( --container-widget-width, 275px );max-width:275px;background-color:#D5BF9C;margin:25px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 10px 20px 10px;--container-widget-width:275px;--container-widget-flex-grow:0;border-radius:20px 20px 20px 20px;--icon-box-icon-margin:15px;}.elementor-20 .elementor-element.elementor-element-38b0273:hover{--e-transform-translateY:-10px;}.elementor-20 .elementor-element.elementor-element-38b0273.ha-has-bg-overlay:hover::before{transition:background 0.3s;}.elementor-20 .elementor-element.elementor-element-38b0273 .elementor-icon-box-title, .elementor-20 .elementor-element.elementor-element-38b0273 .elementor-icon-box-title a{font-family:"SF UI Display", Sans-serif;font-size:17px;font-weight:600;line-height:1.1em;}.elementor-20 .elementor-element.elementor-element-38b0273 .elementor-icon-box-title{color:#3C3C3C;}.elementor-20 .elementor-element.elementor-element-38b0273:has(:hover) .elementor-icon-box-title,
					 .elementor-20 .elementor-element.elementor-element-38b0273:has(:focus) .elementor-icon-box-title{color:#1C1C1C;}.elementor-20 .elementor-element.elementor-element-38b0273 .elementor-icon-box-description{font-family:"SF UI Display", Sans-serif;font-size:14px;font-weight:300;line-height:1.1em;color:#1C1C1C;}.elementor-20 .elementor-element.elementor-element-0984454{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-6b1d4eb{--display:flex;--min-height:605px;--justify-content:flex-end;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-6b1d4eb:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-6b1d4eb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/base-1-1.webp");background-position:center center;background-size:cover;}.elementor-20 .elementor-element.elementor-element-6b1d4eb.e-con{--align-self:center;}.elementor-20 .elementor-element.elementor-element-bb3e03b{width:var( --container-widget-width, 275px );max-width:275px;background-color:#D5BF9C;margin:25px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 10px 20px 10px;--container-widget-width:275px;--container-widget-flex-grow:0;border-radius:20px 20px 20px 20px;--icon-box-icon-margin:15px;}.elementor-20 .elementor-element.elementor-element-bb3e03b:hover{--e-transform-translateY:-10px;}.elementor-20 .elementor-element.elementor-element-bb3e03b.ha-has-bg-overlay:hover::before{transition:background 0.3s;}.elementor-20 .elementor-element.elementor-element-bb3e03b .elementor-icon-box-title, .elementor-20 .elementor-element.elementor-element-bb3e03b .elementor-icon-box-title a{font-family:"SF UI Display", Sans-serif;font-size:17px;font-weight:600;line-height:1.1em;}.elementor-20 .elementor-element.elementor-element-bb3e03b .elementor-icon-box-title{color:#3C3C3C;}.elementor-20 .elementor-element.elementor-element-bb3e03b:has(:hover) .elementor-icon-box-title,
					 .elementor-20 .elementor-element.elementor-element-bb3e03b:has(:focus) .elementor-icon-box-title{color:#1C1C1C;}.elementor-20 .elementor-element.elementor-element-bb3e03b .elementor-icon-box-description{font-family:"SF UI Display", Sans-serif;font-size:14px;font-weight:300;line-height:1.1em;color:#1C1C1C;}.elementor-20 .elementor-element.elementor-element-d9c4261{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-175e10e{--display:flex;--min-height:605px;--justify-content:flex-end;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-175e10e:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-175e10e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/base-8.webp");background-position:center center;background-size:cover;}.elementor-20 .elementor-element.elementor-element-175e10e.e-con{--align-self:center;}.elementor-20 .elementor-element.elementor-element-82a6389{width:var( --container-widget-width, 275px );max-width:275px;background-color:#D5BF9C;margin:25px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 10px 20px 10px;--container-widget-width:275px;--container-widget-flex-grow:0;border-radius:20px 20px 20px 20px;--icon-box-icon-margin:15px;}.elementor-20 .elementor-element.elementor-element-82a6389:hover{--e-transform-translateY:-10px;}.elementor-20 .elementor-element.elementor-element-82a6389.ha-has-bg-overlay:hover::before{transition:background 0.3s;}.elementor-20 .elementor-element.elementor-element-82a6389 .elementor-icon-box-title, .elementor-20 .elementor-element.elementor-element-82a6389 .elementor-icon-box-title a{font-family:"SF UI Display", Sans-serif;font-size:17px;font-weight:600;line-height:1.1em;}.elementor-20 .elementor-element.elementor-element-82a6389 .elementor-icon-box-title{color:#3C3C3C;}.elementor-20 .elementor-element.elementor-element-82a6389:has(:hover) .elementor-icon-box-title,
					 .elementor-20 .elementor-element.elementor-element-82a6389:has(:focus) .elementor-icon-box-title{color:#1C1C1C;}.elementor-20 .elementor-element.elementor-element-82a6389 .elementor-icon-box-description{font-family:"SF UI Display", Sans-serif;font-size:14px;font-weight:300;line-height:1.1em;color:#1C1C1C;}.elementor-20 .elementor-element.elementor-element-2af2e37{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-d2f18af{--display:flex;--min-height:605px;--justify-content:flex-end;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-d2f18af:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-d2f18af > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/BASE-3.webp");background-position:center center;background-size:cover;}.elementor-20 .elementor-element.elementor-element-d2f18af.e-con{--align-self:center;}.elementor-20 .elementor-element.elementor-element-34650f9{width:var( --container-widget-width, 275px );max-width:275px;background-color:#D5BF9C;margin:25px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 5px 20px 5px;--container-widget-width:275px;--container-widget-flex-grow:0;border-radius:20px 20px 20px 20px;--icon-box-icon-margin:15px;}.elementor-20 .elementor-element.elementor-element-34650f9:hover{--e-transform-translateY:-10px;}.elementor-20 .elementor-element.elementor-element-34650f9.ha-has-bg-overlay:hover::before{transition:background 0.3s;}.elementor-20 .elementor-element.elementor-element-34650f9 .elementor-icon-box-title, .elementor-20 .elementor-element.elementor-element-34650f9 .elementor-icon-box-title a{font-family:"SF UI Display", Sans-serif;font-size:17px;font-weight:600;line-height:1.1em;}.elementor-20 .elementor-element.elementor-element-34650f9 .elementor-icon-box-title{color:#3C3C3C;}.elementor-20 .elementor-element.elementor-element-34650f9:has(:hover) .elementor-icon-box-title,
					 .elementor-20 .elementor-element.elementor-element-34650f9:has(:focus) .elementor-icon-box-title{color:#1C1C1C;}.elementor-20 .elementor-element.elementor-element-34650f9 .elementor-icon-box-description{font-family:"SF UI Display", Sans-serif;font-size:14px;font-weight:300;line-height:1.1em;color:#1C1C1C;}.elementor-20 .elementor-element.elementor-element-f14c243{--e-n-carousel-swiper-slides-gap:10px;padding:0px 0px 0px 0px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;--e-n-carousel-arrow-normal-color:#000000;--e-n-carousel-arrow-hover-color:#000000;}.elementor-20 .elementor-element.elementor-element-dc5b827{--display:flex;--min-height:605px;--justify-content:flex-end;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-dc5b827:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-dc5b827 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/BASE-4.webp");background-position:center center;background-size:cover;}.elementor-20 .elementor-element.elementor-element-dc5b827.e-con{--align-self:center;}.elementor-20 .elementor-element.elementor-element-b60f16b{width:var( --container-widget-width, 275px );max-width:275px;background-color:#D5BF9C;margin:25px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 10px 20px 10px;--container-widget-width:275px;--container-widget-flex-grow:0;border-radius:20px 20px 20px 20px;--icon-box-icon-margin:15px;}.elementor-20 .elementor-element.elementor-element-b60f16b:hover{--e-transform-translateY:-10px;}.elementor-20 .elementor-element.elementor-element-b60f16b.ha-has-bg-overlay:hover::before{transition:background 0.3s;}.elementor-20 .elementor-element.elementor-element-b60f16b .elementor-icon-box-title, .elementor-20 .elementor-element.elementor-element-b60f16b .elementor-icon-box-title a{font-family:"SF UI Display", Sans-serif;font-size:17px;font-weight:600;line-height:1.1em;}.elementor-20 .elementor-element.elementor-element-b60f16b .elementor-icon-box-title{color:#3C3C3C;}.elementor-20 .elementor-element.elementor-element-b60f16b:has(:hover) .elementor-icon-box-title,
					 .elementor-20 .elementor-element.elementor-element-b60f16b:has(:focus) .elementor-icon-box-title{color:#1C1C1C;}.elementor-20 .elementor-element.elementor-element-b60f16b .elementor-icon-box-description{font-family:"SF UI Display", Sans-serif;font-size:14px;font-weight:300;line-height:1.1em;color:#1C1C1C;}.elementor-20 .elementor-element.elementor-element-b057ebb{--display:flex;--min-height:605px;--justify-content:flex-end;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-b057ebb:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-b057ebb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/base-1-1.webp");background-position:center center;background-size:cover;}.elementor-20 .elementor-element.elementor-element-b057ebb.e-con{--align-self:center;}.elementor-20 .elementor-element.elementor-element-3950247{width:var( --container-widget-width, 275px );max-width:275px;background-color:#D5BF9C;margin:25px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 10px 20px 10px;--container-widget-width:275px;--container-widget-flex-grow:0;border-radius:20px 20px 20px 20px;--icon-box-icon-margin:15px;}.elementor-20 .elementor-element.elementor-element-3950247:hover{--e-transform-translateY:-10px;}.elementor-20 .elementor-element.elementor-element-3950247.ha-has-bg-overlay:hover::before{transition:background 0.3s;}.elementor-20 .elementor-element.elementor-element-3950247 .elementor-icon-box-title, .elementor-20 .elementor-element.elementor-element-3950247 .elementor-icon-box-title a{font-family:"SF UI Display", Sans-serif;font-size:17px;font-weight:600;line-height:1.1em;}.elementor-20 .elementor-element.elementor-element-3950247 .elementor-icon-box-title{color:#3C3C3C;}.elementor-20 .elementor-element.elementor-element-3950247:has(:hover) .elementor-icon-box-title,
					 .elementor-20 .elementor-element.elementor-element-3950247:has(:focus) .elementor-icon-box-title{color:#1C1C1C;}.elementor-20 .elementor-element.elementor-element-3950247 .elementor-icon-box-description{font-family:"SF UI Display", Sans-serif;font-size:14px;font-weight:300;line-height:1.1em;color:#1C1C1C;}.elementor-20 .elementor-element.elementor-element-9befce2{--display:flex;--min-height:605px;--justify-content:flex-end;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-9befce2:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-9befce2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/base-8.webp");background-position:center center;background-size:cover;}.elementor-20 .elementor-element.elementor-element-9befce2.e-con{--align-self:center;}.elementor-20 .elementor-element.elementor-element-075e954{width:var( --container-widget-width, 275px );max-width:275px;background-color:#D5BF9C;margin:25px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 10px 20px 10px;--container-widget-width:275px;--container-widget-flex-grow:0;border-radius:20px 20px 20px 20px;--icon-box-icon-margin:15px;}.elementor-20 .elementor-element.elementor-element-075e954:hover{--e-transform-translateY:-10px;}.elementor-20 .elementor-element.elementor-element-075e954.ha-has-bg-overlay:hover::before{transition:background 0.3s;}.elementor-20 .elementor-element.elementor-element-075e954 .elementor-icon-box-title, .elementor-20 .elementor-element.elementor-element-075e954 .elementor-icon-box-title a{font-family:"SF UI Display", Sans-serif;font-size:17px;font-weight:600;line-height:1.1em;}.elementor-20 .elementor-element.elementor-element-075e954 .elementor-icon-box-title{color:#3C3C3C;}.elementor-20 .elementor-element.elementor-element-075e954:has(:hover) .elementor-icon-box-title,
					 .elementor-20 .elementor-element.elementor-element-075e954:has(:focus) .elementor-icon-box-title{color:#1C1C1C;}.elementor-20 .elementor-element.elementor-element-075e954 .elementor-icon-box-description{font-family:"SF UI Display", Sans-serif;font-size:14px;font-weight:300;line-height:1.1em;color:#1C1C1C;}.elementor-20 .elementor-element.elementor-element-3fee614{--display:flex;--min-height:605px;--justify-content:flex-end;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-3fee614:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-3fee614 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/BASE-3.webp");background-position:center center;background-size:cover;}.elementor-20 .elementor-element.elementor-element-3fee614.e-con{--align-self:center;}.elementor-20 .elementor-element.elementor-element-53a8a8d{width:var( --container-widget-width, 275px );max-width:275px;background-color:#D5BF9C;margin:25px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 5px 20px 5px;--container-widget-width:275px;--container-widget-flex-grow:0;border-radius:20px 20px 20px 20px;--icon-box-icon-margin:15px;}.elementor-20 .elementor-element.elementor-element-53a8a8d:hover{--e-transform-translateY:-10px;}.elementor-20 .elementor-element.elementor-element-53a8a8d.ha-has-bg-overlay:hover::before{transition:background 0.3s;}.elementor-20 .elementor-element.elementor-element-53a8a8d .elementor-icon-box-title, .elementor-20 .elementor-element.elementor-element-53a8a8d .elementor-icon-box-title a{font-family:"SF UI Display", Sans-serif;font-size:17px;font-weight:600;line-height:1.1em;}.elementor-20 .elementor-element.elementor-element-53a8a8d .elementor-icon-box-title{color:#3C3C3C;}.elementor-20 .elementor-element.elementor-element-53a8a8d:has(:hover) .elementor-icon-box-title,
					 .elementor-20 .elementor-element.elementor-element-53a8a8d:has(:focus) .elementor-icon-box-title{color:#1C1C1C;}.elementor-20 .elementor-element.elementor-element-53a8a8d .elementor-icon-box-description{font-family:"SF UI Display", Sans-serif;font-size:14px;font-weight:300;line-height:1.1em;color:#1C1C1C;}.elementor-20 .elementor-element.elementor-element-1dea373{--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:center;--align-items:center;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--flex-wrap:wrap;--padding-top:60px;--padding-bottom:60px;--padding-left:15px;--padding-right:15px;}.elementor-20 .elementor-element.elementor-element-1dea373.e-con{--align-self:center;}.elementor-20 .elementor-element.elementor-element-fdccc57{width:100%;max-width:100%;padding:0px 0px 20px 0px;text-align:center;}.elementor-20 .elementor-element.elementor-element-fdccc57 .elementor-heading-title{font-family:"SF UI Display", Sans-serif;font-size:40px;font-weight:600;line-height:1.1em;color:#3F3F3F;}.elementor-20 .elementor-element.elementor-element-6842cf1{--display:flex;--min-height:440px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:15px 15px;--row-gap:15px;--column-gap:15px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#59636D24;--border-color:#59636D24;--border-radius:25px 25px 25px 25px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-20 .elementor-element.elementor-element-6842cf1:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-6842cf1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9F4EB;}.elementor-20 .elementor-element.elementor-element-6842cf1.e-con:hover{--e-con-transform-scale:1.05;}.elementor-20 .elementor-element.elementor-element-6842cf1.e-con{--align-self:center;}.elementor-20 .elementor-element.elementor-element-ad4eae7{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-20 .elementor-element.elementor-element-ad4eae7 img{width:100%;border-radius:8px 8px 8px 8px;}.elementor-20 .elementor-element.elementor-element-9c7e06b{text-align:center;}.elementor-20 .elementor-element.elementor-element-9c7e06b .elementor-heading-title{font-family:"SF UI Display", Sans-serif;font-size:29px;font-weight:600;line-height:1em;letter-spacing:-2%;color:#3F3F3F;}.elementor-20 .elementor-element.elementor-element-3a29841{text-align:center;font-family:"SF UI Display", Sans-serif;font-size:14px;font-weight:500;line-height:1.2em;color:#000000;}.elementor-20 .elementor-element.elementor-element-9b01707{--display:flex;--min-height:440px;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:15px 15px;--row-gap:15px;--column-gap:15px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#59636D24;--border-color:#59636D24;--border-radius:25px 25px 25px 25px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-20 .elementor-element.elementor-element-9b01707:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-9b01707 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9F4EB;}.elementor-20 .elementor-element.elementor-element-9b01707.e-con:hover{--e-con-transform-scale:1.05;}.elementor-20 .elementor-element.elementor-element-9b01707.e-con{--align-self:center;}.elementor-20 .elementor-element.elementor-element-c0a328c{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-20 .elementor-element.elementor-element-c0a328c img{width:100%;border-radius:8px 8px 8px 8px;}.elementor-20 .elementor-element.elementor-element-9dc16b8{text-align:center;}.elementor-20 .elementor-element.elementor-element-9dc16b8 .elementor-heading-title{font-family:"SF UI Display", Sans-serif;font-size:29px;font-weight:600;line-height:1em;letter-spacing:-2%;color:#3F3F3F;}.elementor-20 .elementor-element.elementor-element-5f2da40{text-align:center;font-family:"SF UI Display", Sans-serif;font-size:14px;font-weight:500;line-height:1.2em;color:#000000;}.elementor-20 .elementor-element.elementor-element-4a42f71{--display:flex;--min-height:440px;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:15px 15px;--row-gap:15px;--column-gap:15px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#59636D24;--border-color:#59636D24;--border-radius:25px 25px 25px 25px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-20 .elementor-element.elementor-element-4a42f71:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-4a42f71 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9F4EB;}.elementor-20 .elementor-element.elementor-element-4a42f71.e-con:hover{--e-con-transform-scale:1.05;}.elementor-20 .elementor-element.elementor-element-4a42f71.e-con{--align-self:center;}.elementor-20 .elementor-element.elementor-element-b1253b4{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-20 .elementor-element.elementor-element-b1253b4 img{width:100%;border-radius:8px 8px 8px 8px;}.elementor-20 .elementor-element.elementor-element-e7801c3{text-align:center;}.elementor-20 .elementor-element.elementor-element-e7801c3 .elementor-heading-title{font-family:"SF UI Display", Sans-serif;font-size:29px;font-weight:600;line-height:1em;letter-spacing:-2%;color:#3F3F3F;}.elementor-20 .elementor-element.elementor-element-5c6b061{text-align:center;font-family:"SF UI Display", Sans-serif;font-size:14px;font-weight:500;line-height:1.2em;color:#000000;}.elementor-20 .elementor-element.elementor-element-1891334{--display:flex;--min-height:440px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:15px 15px;--row-gap:15px;--column-gap:15px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#59636D24;--border-color:#59636D24;--border-radius:25px 25px 25px 25px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-20 .elementor-element.elementor-element-1891334:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-1891334 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9F4EB;}.elementor-20 .elementor-element.elementor-element-1891334.e-con:hover{--e-con-transform-scale:1.05;}.elementor-20 .elementor-element.elementor-element-1891334.e-con{--align-self:center;}.elementor-20 .elementor-element.elementor-element-af8dc5d{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-20 .elementor-element.elementor-element-af8dc5d img{width:100%;border-radius:8px 8px 8px 8px;}.elementor-20 .elementor-element.elementor-element-fe2afe9{text-align:center;}.elementor-20 .elementor-element.elementor-element-fe2afe9 .elementor-heading-title{font-family:"SF UI Display", Sans-serif;font-size:29px;font-weight:600;line-height:1em;letter-spacing:-2%;color:#3F3F3F;}.elementor-20 .elementor-element.elementor-element-d079a70{text-align:center;font-family:"SF UI Display", Sans-serif;font-size:14px;font-weight:500;line-height:1.2em;color:#000000;}.elementor-20 .elementor-element.elementor-element-133f7e7{--display:flex;--min-height:440px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:15px 15px;--row-gap:15px;--column-gap:15px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#59636D24;--border-color:#59636D24;--border-radius:25px 25px 25px 25px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-20 .elementor-element.elementor-element-133f7e7:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-133f7e7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9F4EB;}.elementor-20 .elementor-element.elementor-element-133f7e7.e-con:hover{--e-con-transform-scale:1.05;}.elementor-20 .elementor-element.elementor-element-133f7e7.e-con{--align-self:center;}.elementor-20 .elementor-element.elementor-element-bb81a4f{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-20 .elementor-element.elementor-element-bb81a4f img{width:100%;border-radius:8px 8px 8px 8px;}.elementor-20 .elementor-element.elementor-element-a813680{text-align:center;}.elementor-20 .elementor-element.elementor-element-a813680 .elementor-heading-title{font-family:"SF UI Display", Sans-serif;font-size:29px;font-weight:600;line-height:1em;letter-spacing:-2%;color:#3F3F3F;}.elementor-20 .elementor-element.elementor-element-0643562{text-align:center;font-family:"SF UI Display", Sans-serif;font-size:14px;font-weight:500;line-height:1.2em;color:#000000;}.elementor-20 .elementor-element.elementor-element-c70ef6d{--display:flex;--min-height:440px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:15px 15px;--row-gap:15px;--column-gap:15px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#59636D24;--border-color:#59636D24;--border-radius:25px 25px 25px 25px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-20 .elementor-element.elementor-element-c70ef6d:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-c70ef6d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9F4EB;}.elementor-20 .elementor-element.elementor-element-c70ef6d.e-con:hover{--e-con-transform-scale:1.05;}.elementor-20 .elementor-element.elementor-element-c70ef6d.e-con{--align-self:center;}.elementor-20 .elementor-element.elementor-element-283209d{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-20 .elementor-element.elementor-element-283209d img{width:100%;border-radius:8px 8px 8px 8px;}.elementor-20 .elementor-element.elementor-element-8fcb3ac{text-align:center;}.elementor-20 .elementor-element.elementor-element-8fcb3ac .elementor-heading-title{font-family:"SF UI Display", Sans-serif;font-size:29px;font-weight:600;line-height:1em;letter-spacing:-2%;color:#3F3F3F;}.elementor-20 .elementor-element.elementor-element-1316cf6{text-align:center;font-family:"SF UI Display", Sans-serif;font-size:14px;font-weight:500;line-height:1.2em;color:#000000;}.elementor-20 .elementor-element.elementor-element-cbfc096 .elementor-button{background-color:transparent;font-family:"Inter", Sans-serif;font-size:20px;font-weight:600;text-transform:capitalize;line-height:1.1em;fill:#1C1C1C;color:#1C1C1C;background-image:linear-gradient(91deg, #D5BF9C 15%, #886B42 105%);box-shadow:0px 4px 20.4px 0px rgba(0, 0, 0, 0.2901960784313726);transition-duration:1.9s;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF33;border-radius:25px 25px 25px 25px;padding:10px 20px 10px 20px;}.elementor-20 .elementor-element.elementor-element-cbfc096{width:100%;max-width:100%;padding:20px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-cbfc096:hover{--e-transform-scale:1.05;}.elementor-20 .elementor-element.elementor-element-cbfc096 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-20 .elementor-element.elementor-element-b46c329{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--flex-wrap:wrap;--padding-top:60px;--padding-bottom:60px;--padding-left:15px;--padding-right:15px;}.elementor-20 .elementor-element.elementor-element-63f84c5{text-align:center;}.elementor-20 .elementor-element.elementor-element-63f84c5 .elementor-heading-title{font-family:"SF UI Display", Sans-serif;font-size:40px;font-weight:600;line-height:1.2em;color:#1C1C1C;}.elementor-20 .elementor-element.elementor-element-aadf65d{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:35px;--padding-bottom:35px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-107f4bb{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:35px;--padding-bottom:35px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-88f291b{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:35px;--padding-bottom:35px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-80c53be{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:35px;--padding-bottom:35px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-28f7865{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:35px;--padding-bottom:35px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-a4c059e{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:35px;--padding-bottom:35px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-0d94ba6{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:35px;--padding-bottom:35px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-d6aae00{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:35px;--padding-bottom:35px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-1434dc3{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:35px;--padding-bottom:35px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-320bef2{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:35px;--padding-bottom:35px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-ad2757a{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:35px;--padding-bottom:35px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-7bc2c5f{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:35px;--padding-bottom:35px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-b92dda0{--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:-60px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:-60px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;--e-n-carousel-arrow-normal-color:#000000;--e-n-carousel-arrow-hover-color:#000000;}.elementor-20 .elementor-element.elementor-element-2b3446b{--display:flex;--min-height:719px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 100px;--row-gap:0px;--column-gap:100px;--padding-top:20px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-20 .elementor-element.elementor-element-2b3446b:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-2b3446b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-0c139b0 .elementor-heading-title{font-family:"SF UI Display", Sans-serif;font-size:40px;font-weight:600;line-height:1.2em;letter-spacing:-0.05em;color:#1C1C1C;}.elementor-20 .elementor-element.elementor-element-e93eb59{--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:center;--align-items:flex-start;--gap:20px 70px;--row-gap:20px;--column-gap:70px;--padding-top:25px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-de307a7{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--gap:40px 10px;--row-gap:40px;--column-gap:10px;--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-20 .elementor-element.elementor-element-1eca905{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#02010124;--border-color:#02010124;--border-radius:26px 26px 26px 26px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-20 .elementor-element.elementor-element-1eca905:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-1eca905 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-22a86dc{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-20 .elementor-element.elementor-element-22a86dc .elementor-heading-title{font-family:"Inria Sans", Sans-serif;font-size:34px;font-weight:700;line-height:1.1em;letter-spacing:0px;color:#000000;}.elementor-20 .elementor-element.elementor-element-20c1e63{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 50px 0px;text-align:center;}.elementor-20 .elementor-element.elementor-element-20c1e63 .elementor-heading-title{font-family:"Inria Sans", Sans-serif;font-size:24px;font-weight:400;line-height:1em;letter-spacing:0.35px;color:#3C3C3C;}.elementor-20 .elementor-element.elementor-element-2585244 .elementor-button{background-color:#FFFFFF;font-family:"Inria Sans", Sans-serif;font-size:24px;font-weight:300;fill:#00000080;color:#00000080;border-style:solid;border-width:1px 1px 1px 1px;border-color:#00000036;border-radius:26px 26px 26px 26px;padding:10px 20px 10px 20px;}.elementor-20 .elementor-element.elementor-element-2585244{margin:-50px 0px calc(var(--kit-widget-spacing, 0px) + -30px) 0px;padding:0px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-2585244.elementor-element{--align-self:center;}.elementor-20 .elementor-element.elementor-element-1007f82{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#02010124;--border-color:#02010124;--border-radius:26px 26px 26px 26px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-20 .elementor-element.elementor-element-1007f82:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-1007f82 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-dc6fc7d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-20 .elementor-element.elementor-element-dc6fc7d .elementor-heading-title{font-family:"Inria Sans", Sans-serif;font-size:34px;font-weight:700;line-height:1.1em;letter-spacing:0px;color:#000000;}.elementor-20 .elementor-element.elementor-element-c370661{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 50px 0px;text-align:center;}.elementor-20 .elementor-element.elementor-element-c370661 .elementor-heading-title{font-family:"Inria Sans", Sans-serif;font-size:24px;font-weight:400;line-height:1em;letter-spacing:0.35px;color:#3C3C3C;}.elementor-20 .elementor-element.elementor-element-cb1251f .elementor-button{background-color:#FFFFFF;font-family:"Inria Sans", Sans-serif;font-size:24px;font-weight:300;fill:#00000080;color:#00000080;border-style:solid;border-width:1px 1px 1px 1px;border-color:#00000036;border-radius:26px 26px 26px 26px;padding:10px 20px 10px 20px;}.elementor-20 .elementor-element.elementor-element-cb1251f{margin:-50px 0px calc(var(--kit-widget-spacing, 0px) + -45px) 0px;padding:0px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-cb1251f.elementor-element{--align-self:center;}.elementor-20 .elementor-element.elementor-element-5410376{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#02010124;--border-color:#02010124;--border-radius:26px 26px 26px 26px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-20 .elementor-element.elementor-element-5410376:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-5410376 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-dc1ada8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-20 .elementor-element.elementor-element-dc1ada8 .elementor-heading-title{font-family:"Inria Sans", Sans-serif;font-size:34px;font-weight:700;line-height:1.1em;letter-spacing:0px;color:#000000;}.elementor-20 .elementor-element.elementor-element-9831262{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 50px 0px;text-align:center;}.elementor-20 .elementor-element.elementor-element-9831262 .elementor-heading-title{font-family:"Inria Sans", Sans-serif;font-size:24px;font-weight:400;line-height:1em;letter-spacing:0.35px;color:#3C3C3C;}.elementor-20 .elementor-element.elementor-element-e0d9634 .elementor-button{background-color:#FFFFFF;font-family:"Inria Sans", Sans-serif;font-size:24px;font-weight:300;fill:#00000080;color:#00000080;border-style:solid;border-width:1px 1px 1px 1px;border-color:#00000036;border-radius:26px 26px 26px 26px;padding:10px 20px 10px 20px;}.elementor-20 .elementor-element.elementor-element-e0d9634{margin:-50px 0px calc(var(--kit-widget-spacing, 0px) + -45px) 0px;padding:0px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-e0d9634.elementor-element{--align-self:center;}.elementor-20 .elementor-element.elementor-element-78e5ae0{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#02010124;--border-color:#02010124;--border-radius:26px 26px 26px 26px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-20 .elementor-element.elementor-element-78e5ae0:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-78e5ae0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9F4EB;}.elementor-20 .elementor-element.elementor-element-90fc0c1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-20 .elementor-element.elementor-element-90fc0c1 .elementor-heading-title{font-family:"Inria Sans", Sans-serif;font-size:34px;font-weight:700;line-height:1.1em;letter-spacing:0px;color:#000000;}.elementor-20 .elementor-element.elementor-element-22b1439{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 50px 0px;text-align:center;}.elementor-20 .elementor-element.elementor-element-22b1439 .elementor-heading-title{font-family:"Inria Sans", Sans-serif;font-size:24px;font-weight:400;line-height:1em;letter-spacing:0.35px;color:#3C3C3C;}.elementor-20 .elementor-element.elementor-element-fa89cc9 .elementor-button{background-color:#FFFFFF;font-family:"Inria Sans", Sans-serif;font-size:24px;font-weight:300;fill:#00000080;color:#00000080;border-style:solid;border-width:1px 1px 1px 1px;border-color:#00000036;border-radius:26px 26px 26px 26px;padding:10px 20px 10px 20px;}.elementor-20 .elementor-element.elementor-element-fa89cc9{margin:-50px 0px calc(var(--kit-widget-spacing, 0px) + -45px) 0px;padding:0px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-fa89cc9.elementor-element{--align-self:center;}.elementor-20 .elementor-element.elementor-element-88fa9ca{--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:center;--align-items:center;--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-20 .elementor-element.elementor-element-833f15e{width:var( --container-widget-width, 780px );max-width:780px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:780px;--container-widget-flex-grow:0;}.elementor-20 .elementor-element.elementor-element-833f15e:hover{--e-transform-scale:1.05;}.elementor-20 .elementor-element.elementor-element-833f15e img{width:90%;}.elementor-20 .elementor-element.elementor-element-5f1fc33{--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:center;--align-items:center;--gap:10px 30px;--row-gap:10px;--column-gap:30px;--flex-wrap:wrap;--padding-top:60px;--padding-bottom:60px;--padding-left:15px;--padding-right:15px;}.elementor-20 .elementor-element.elementor-element-5f1fc33:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-5f1fc33 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FEF7EC;}.elementor-20 .elementor-element.elementor-element-5f1fc33.e-con{--align-self:center;}.elementor-20 .elementor-element.elementor-element-77dff8d{width:100%;max-width:100%;padding:0px 0px 0px 0px;text-align:center;}.elementor-20 .elementor-element.elementor-element-77dff8d .elementor-heading-title{font-family:"SF UI Display", Sans-serif;font-size:48px;font-weight:600;line-height:1.1em;color:#3F3F3F;}.elementor-20 .elementor-element.elementor-element-56baa6f{width:100%;max-width:100%;text-align:center;}.elementor-20 .elementor-element.elementor-element-56baa6f .elementor-heading-title{font-family:"SF UI Display", Sans-serif;font-size:24px;font-weight:500;line-height:1.1em;color:#585858ED;}.elementor-20 .elementor-element.elementor-element-5dfce4f{--display:flex;--min-height:450px;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:15px 15px;--row-gap:15px;--column-gap:15px;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#B09978;--border-color:#B09978;--border-radius:15px 15px 15px 15px;--margin-top:30px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-5dfce4f:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-5dfce4f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-5dfce4f.e-con:hover{--e-con-transform-scale:1.05;}.elementor-20 .elementor-element.elementor-element-5dfce4f.e-con{--align-self:center;}.elementor-20 .elementor-element.elementor-element-2249945{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-2249945 img{width:100%;border-radius:8px 8px 0px 0px;}.elementor-20 .elementor-element.elementor-element-69e3da2{text-align:center;}.elementor-20 .elementor-element.elementor-element-69e3da2 .elementor-heading-title{font-family:"SF UI Display", Sans-serif;font-size:28px;font-weight:600;line-height:1em;letter-spacing:-2%;color:#1C1C11CC;}.elementor-20 .elementor-element.elementor-element-5573ba3{text-align:center;font-family:"SF UI Display", Sans-serif;font-size:18px;font-weight:500;line-height:1.2em;color:#3C3C3C;}.elementor-20 .elementor-element.elementor-element-5a21dec{--display:flex;--min-height:450px;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:15px 15px;--row-gap:15px;--column-gap:15px;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#B09978;--border-color:#B09978;--border-radius:15px 15px 15px 15px;--margin-top:30px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-5a21dec:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-5a21dec > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-5a21dec.e-con:hover{--e-con-transform-scale:1.05;}.elementor-20 .elementor-element.elementor-element-5a21dec.e-con{--align-self:center;}.elementor-20 .elementor-element.elementor-element-2fbfba4{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-2fbfba4 img{width:100%;border-radius:8px 8px 0px 0px;}.elementor-20 .elementor-element.elementor-element-3d6e829{text-align:center;}.elementor-20 .elementor-element.elementor-element-3d6e829 .elementor-heading-title{font-family:"SF UI Display", Sans-serif;font-size:28px;font-weight:600;line-height:1em;letter-spacing:-2%;color:#1C1C11CC;}.elementor-20 .elementor-element.elementor-element-f48809c{text-align:center;font-family:"SF UI Display", Sans-serif;font-size:18px;font-weight:500;line-height:1.2em;color:#3C3C3C;}.elementor-20 .elementor-element.elementor-element-ad07eec{--display:flex;--min-height:450px;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:15px 15px;--row-gap:15px;--column-gap:15px;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#B09978;--border-color:#B09978;--border-radius:15px 15px 15px 15px;--margin-top:30px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-ad07eec:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-ad07eec > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-ad07eec.e-con:hover{--e-con-transform-scale:1.05;}.elementor-20 .elementor-element.elementor-element-ad07eec.e-con{--align-self:center;}.elementor-20 .elementor-element.elementor-element-ebb1f56{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-ebb1f56 img{width:100%;border-radius:8px 8px 0px 0px;}.elementor-20 .elementor-element.elementor-element-14ac4aa{text-align:center;}.elementor-20 .elementor-element.elementor-element-14ac4aa .elementor-heading-title{font-family:"SF UI Display", Sans-serif;font-size:28px;font-weight:600;line-height:1em;letter-spacing:-2%;color:#1C1C11CC;}.elementor-20 .elementor-element.elementor-element-7203d71{text-align:center;font-family:"SF UI Display", Sans-serif;font-size:18px;font-weight:500;line-height:1.2em;color:#3C3C3C;}.elementor-20 .elementor-element.elementor-element-5aa9cc7{--display:flex;--min-height:450px;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:15px 15px;--row-gap:15px;--column-gap:15px;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#B09978;--border-color:#B09978;--border-radius:15px 15px 15px 15px;--margin-top:30px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-5aa9cc7:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-5aa9cc7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-5aa9cc7.e-con:hover{--e-con-transform-scale:1.05;}.elementor-20 .elementor-element.elementor-element-5aa9cc7.e-con{--align-self:center;}.elementor-20 .elementor-element.elementor-element-a2334b1{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-a2334b1 img{width:100%;border-radius:8px 8px 0px 0px;}.elementor-20 .elementor-element.elementor-element-88b336e{text-align:center;}.elementor-20 .elementor-element.elementor-element-88b336e .elementor-heading-title{font-family:"SF UI Display", Sans-serif;font-size:28px;font-weight:600;line-height:1em;letter-spacing:-2%;color:#1C1C11CC;}.elementor-20 .elementor-element.elementor-element-0e12a24{text-align:center;font-family:"SF UI Display", Sans-serif;font-size:18px;font-weight:500;line-height:1.2em;color:#3C3C3C;}.elementor-20 .elementor-element.elementor-element-87743a0{--display:flex;--min-height:450px;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:15px 15px;--row-gap:15px;--column-gap:15px;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#B09978;--border-color:#B09978;--border-radius:15px 15px 15px 15px;--margin-top:30px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-87743a0:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-87743a0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-87743a0.e-con:hover{--e-con-transform-scale:1.05;}.elementor-20 .elementor-element.elementor-element-87743a0.e-con{--align-self:center;}.elementor-20 .elementor-element.elementor-element-d1100ab{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-d1100ab img{width:100%;border-radius:8px 8px 0px 0px;}.elementor-20 .elementor-element.elementor-element-4ea9cc3{text-align:center;}.elementor-20 .elementor-element.elementor-element-4ea9cc3 .elementor-heading-title{font-family:"SF UI Display", Sans-serif;font-size:28px;font-weight:600;line-height:1em;letter-spacing:-2%;color:#1C1C11CC;}.elementor-20 .elementor-element.elementor-element-ce94e2a{text-align:center;font-family:"SF UI Display", Sans-serif;font-size:18px;font-weight:500;line-height:1.2em;color:#3C3C3C;}.elementor-20 .elementor-element.elementor-element-1b79a13{--display:flex;--min-height:450px;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:15px 15px;--row-gap:15px;--column-gap:15px;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#B09978;--border-color:#B09978;--border-radius:15px 15px 15px 15px;--margin-top:30px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-1b79a13:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-1b79a13 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-1b79a13.e-con:hover{--e-con-transform-scale:1.05;}.elementor-20 .elementor-element.elementor-element-1b79a13.e-con{--align-self:center;}.elementor-20 .elementor-element.elementor-element-d5f7600{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-d5f7600 img{width:100%;border-radius:8px 8px 0px 0px;}.elementor-20 .elementor-element.elementor-element-08c11d8{text-align:center;}.elementor-20 .elementor-element.elementor-element-08c11d8 .elementor-heading-title{font-family:"SF UI Display", Sans-serif;font-size:28px;font-weight:600;line-height:1em;letter-spacing:-2%;color:#1C1C11CC;}.elementor-20 .elementor-element.elementor-element-6b23076{text-align:center;font-family:"SF UI Display", Sans-serif;font-size:18px;font-weight:500;line-height:1.2em;color:#3C3C3C;}.elementor-20 .elementor-element.elementor-element-ab60f43 .elementor-button{background-color:transparent;font-family:"Inter", Sans-serif;font-size:20px;font-weight:600;text-transform:capitalize;line-height:1.1em;fill:#1C1C1C;color:#1C1C1C;background-image:linear-gradient(91deg, #D5BF9C 15%, #886B42 105%);box-shadow:0px 4px 20.4px 0px rgba(0, 0, 0, 0.2901960784313726);transition-duration:1.9s;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF33;border-radius:25px 25px 25px 25px;padding:10px 20px 10px 20px;}.elementor-20 .elementor-element.elementor-element-ab60f43{width:100%;max-width:100%;}.elementor-20 .elementor-element.elementor-element-ab60f43:hover{--e-transform-scale:1.05;}.elementor-20 .elementor-element.elementor-element-ab60f43 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-20 .elementor-element.elementor-element-632a9ee{--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:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:15px;--padding-right:15px;}.elementor-20 .elementor-element.elementor-element-bf47ad6{--display:flex;--min-height:458px;--border-radius:45px 0px 0px 45px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-bf47ad6:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-bf47ad6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/rectangle_40836-1.webp");}.elementor-20 .elementor-element.elementor-element-98beec8{--display:flex;--min-height:427px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#00000020;--border-color:#00000020;--border-radius:45px 45px 45px 45px;box-shadow:0px 20px 28px 0px rgba(0, 0, 0, 0.058823529411764705);--padding-top:30px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-98beec8:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-98beec8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-7cbfaeb{text-align:center;}.elementor-20 .elementor-element.elementor-element-7cbfaeb .elementor-heading-title{font-family:"SF UI Display", Sans-serif;font-size:24px;font-weight:600;line-height:1.1em;color:#3C3C3C;}.elementor-20 .elementor-element.elementor-element-c3a5004{background-color:#FEF7EC;padding:5px 0px 5px 0px;text-align:center;}.elementor-20 .elementor-element.elementor-element-c3a5004.ha-has-bg-overlay:hover::before{transition:background 0.3s;}.elementor-20 .elementor-element.elementor-element-c3a5004 .elementor-heading-title{font-family:"SF UI Display", Sans-serif;font-size:24px;font-weight:600;text-transform:uppercase;line-height:1.1em;letter-spacing:8%;color:#828282;}.elementor-20 .elementor-element.elementor-element-e2588cb{text-align:center;font-family:"SF UI Display", Sans-serif;font-size:18px;font-weight:500;line-height:1.1em;color:#3C3C3C;}.elementor-20 .elementor-element.elementor-element-49894cd{text-align:center;font-family:"SF UI Display", Sans-serif;font-size:18px;font-weight:500;line-height:1.1em;color:#AAAAAA;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-20 .elementor-element.elementor-element-38d3352 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(7px/2);}.elementor-20 .elementor-element.elementor-element-38d3352 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(7px/2);}.elementor-20 .elementor-element.elementor-element-38d3352 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(7px/2);}.elementor-20 .elementor-element.elementor-element-38d3352 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-7px/2);}.elementor-20 .elementor-element.elementor-element-38d3352 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-7px/2);}.elementor-20 .elementor-element.elementor-element-38d3352 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-20 .elementor-element.elementor-element-38d3352 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-20 .elementor-element.elementor-element-38d3352{--e-icon-list-icon-size:15px;--icon-vertical-offset:0px;}.elementor-20 .elementor-element.elementor-element-38d3352 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-20 .elementor-element.elementor-element-38d3352 .elementor-icon-list-item > a{font-family:"SF UI Display", Sans-serif;font-size:18px;font-weight:500;line-height:1.2em;}.elementor-20 .elementor-element.elementor-element-38d3352 .elementor-icon-list-text{transition:color 0.3s;}.elementor-20 .elementor-element.elementor-element-33b495d .elementor-button{background-color:transparent;font-family:"Inter", Sans-serif;font-size:20px;font-weight:600;text-transform:capitalize;line-height:1.1em;fill:#1C1C1C;color:#1C1C1C;background-image:linear-gradient(91deg, #D5BF9C 15%, #886B42 105%);box-shadow:0px 4px 20.4px 0px rgba(0, 0, 0, 0.2901960784313726);transition-duration:1.9s;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF33;border-radius:25px 25px 25px 25px;padding:10px 20px 10px 20px;}.elementor-20 .elementor-element.elementor-element-33b495d{width:100%;max-width:100%;}.elementor-20 .elementor-element.elementor-element-33b495d:hover{--e-transform-scale:1.05;}.elementor-20 .elementor-element.elementor-element-33b495d .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-20 .elementor-element.elementor-element-9c846b7{--display:flex;--min-height:458px;--border-radius:0px 45px 45px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-9c846b7:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-9c846b7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00982B;background-image:url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/rectangle_40835-1.webp");}.elementor-20 .elementor-element.elementor-element-3140149{--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;--padding-top:60px;--padding-bottom:20px;--padding-left:15px;--padding-right:15px;}.elementor-20 .elementor-element.elementor-element-3140149:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-3140149 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FEF7EC;}.elementor-20 .elementor-element.elementor-element-289c50e{width:100%;max-width:100%;padding:0px 0px 0px 0px;text-align:center;}.elementor-20 .elementor-element.elementor-element-289c50e .elementor-heading-title{font-family:"SF UI Display", Sans-serif;font-size:48px;font-weight:600;line-height:1.1em;color:#3F3F3F;}.elementor-20 .elementor-element.elementor-element-df7d658{width:100%;max-width:100%;text-align:center;}.elementor-20 .elementor-element.elementor-element-df7d658 .elementor-heading-title{font-family:"SF UI Display", Sans-serif;font-size:24px;font-weight:500;line-height:1.1em;color:#585858ED;}.elementor-20 .elementor-element.elementor-element-40be4d6{padding:0px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-40be4d6 img{width:100%;border-radius:45px 45px 45px 45px;}.elementor-20 .elementor-element.elementor-element-b24cb92{--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;--justify-content:center;--gap:45px 30px;--row-gap:45px;--column-gap:30px;--flex-wrap:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:15px;--padding-right:15px;}.elementor-20 .elementor-element.elementor-element-b24cb92.e-con{--align-self:center;}.elementor-20 .elementor-element.elementor-element-99b40dc{--display:flex;--min-height:288px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-99b40dc.e-con:hover{--e-con-transform-scale:1.05;}.elementor-20 .elementor-element.elementor-element-88e7314:hover{--e-transform-scale:1.05;}.elementor-20 .elementor-element.elementor-element-57a6ae8{--display:flex;--min-height:288px;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#00000033;--border-color:#00000033;--border-radius:20px 20px 20px 20px;--margin-top:-30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:8;}.elementor-20 .elementor-element.elementor-element-57a6ae8:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-57a6ae8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9F4EB;}.elementor-20 .elementor-element.elementor-element-a98af0e{padding:25px 0px 0px 0px;text-align:center;}.elementor-20 .elementor-element.elementor-element-a98af0e .elementor-heading-title{font-family:"SF UI Display", Sans-serif;font-size:36px;font-weight:600;line-height:1.1em;color:#3F3F3F;}.elementor-20 .elementor-element.elementor-element-d44b325{text-align:center;}.elementor-20 .elementor-element.elementor-element-d44b325 .elementor-heading-title{font-family:"SF UI Display", Sans-serif;font-size:24px;font-weight:500;line-height:1.1em;color:#838383;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-20 .elementor-element.elementor-element-3585929{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-3585929 .elementor-icon-wrapper{text-align:center;}.elementor-20 .elementor-element.elementor-element-3585929 .elementor-icon{font-size:100%;}.elementor-20 .elementor-element.elementor-element-3585929 .elementor-icon svg{height:100%;}.elementor-20 .elementor-element.elementor-element-3585929 .elementor-icon-wrapper svg{width:auto;}.elementor-20 .elementor-element.elementor-element-ec6e141{width:100%;max-width:100%;background-color:#FFFFFF;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:20px 20px 20px 20px;border-radius:0px 0px 20px 20px;text-align:center;font-family:"SF UI Display", Sans-serif;font-size:18px;font-weight:300;line-height:1.1em;color:#838383;}.elementor-20 .elementor-element.elementor-element-ec6e141.ha-has-bg-overlay:hover::before{transition:background 0.3s;}.elementor-20 .elementor-element.elementor-element-7aab534{--display:flex;--min-height:288px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-7aab534.e-con:hover{--e-con-transform-scale:1.05;}.elementor-20 .elementor-element.elementor-element-1488930:hover{--e-transform-scale:1.05;}.elementor-20 .elementor-element.elementor-element-3e1b16a{--display:flex;--min-height:288px;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#00000033;--border-color:#00000033;--border-radius:20px 20px 20px 20px;--margin-top:-30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:8;}.elementor-20 .elementor-element.elementor-element-3e1b16a:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-3e1b16a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9F4EB;}.elementor-20 .elementor-element.elementor-element-0cad344{padding:25px 0px 0px 0px;text-align:center;}.elementor-20 .elementor-element.elementor-element-0cad344 .elementor-heading-title{font-family:"SF UI Display", Sans-serif;font-size:36px;font-weight:600;line-height:1.1em;color:#3F3F3F;}.elementor-20 .elementor-element.elementor-element-871af56{text-align:center;}.elementor-20 .elementor-element.elementor-element-871af56 .elementor-heading-title{font-family:"SF UI Display", Sans-serif;font-size:24px;font-weight:500;line-height:1.1em;color:#838383;}.elementor-20 .elementor-element.elementor-element-2f4f874{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-2f4f874 .elementor-icon-wrapper{text-align:center;}.elementor-20 .elementor-element.elementor-element-2f4f874 .elementor-icon{font-size:100%;}.elementor-20 .elementor-element.elementor-element-2f4f874 .elementor-icon svg{height:100%;}.elementor-20 .elementor-element.elementor-element-2f4f874 .elementor-icon-wrapper svg{width:auto;}.elementor-20 .elementor-element.elementor-element-05c81b5{width:100%;max-width:100%;background-color:#FFFFFF;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:20px 20px 20px 20px;border-radius:0px 0px 20px 20px;text-align:center;font-family:"SF UI Display", Sans-serif;font-size:18px;font-weight:300;line-height:1.1em;color:#838383;}.elementor-20 .elementor-element.elementor-element-05c81b5.ha-has-bg-overlay:hover::before{transition:background 0.3s;}.elementor-20 .elementor-element.elementor-element-5e91a0e{--display:flex;--min-height:288px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-5e91a0e.e-con:hover{--e-con-transform-scale:1.05;}.elementor-20 .elementor-element.elementor-element-2e8eb4e:hover{--e-transform-scale:1.05;}.elementor-20 .elementor-element.elementor-element-664af02{--display:flex;--min-height:288px;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#00000033;--border-color:#00000033;--border-radius:20px 20px 20px 20px;--margin-top:-30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:8;}.elementor-20 .elementor-element.elementor-element-664af02:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-664af02 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9F4EB;}.elementor-20 .elementor-element.elementor-element-e4db2f5{padding:25px 0px 0px 0px;text-align:center;}.elementor-20 .elementor-element.elementor-element-e4db2f5 .elementor-heading-title{font-family:"SF UI Display", Sans-serif;font-size:36px;font-weight:600;line-height:1.1em;color:#3F3F3F;}.elementor-20 .elementor-element.elementor-element-3ffb297{text-align:center;}.elementor-20 .elementor-element.elementor-element-3ffb297 .elementor-heading-title{font-family:"SF UI Display", Sans-serif;font-size:24px;font-weight:500;line-height:1.1em;color:#838383;}.elementor-20 .elementor-element.elementor-element-7b91d94{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-7b91d94 .elementor-icon-wrapper{text-align:center;}.elementor-20 .elementor-element.elementor-element-7b91d94 .elementor-icon{font-size:100%;}.elementor-20 .elementor-element.elementor-element-7b91d94 .elementor-icon svg{height:100%;}.elementor-20 .elementor-element.elementor-element-7b91d94 .elementor-icon-wrapper svg{width:auto;}.elementor-20 .elementor-element.elementor-element-1ef2e8b{width:100%;max-width:100%;background-color:#FFFFFF;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:20px 20px 20px 20px;border-radius:0px 0px 20px 20px;text-align:center;font-family:"SF UI Display", Sans-serif;font-size:18px;font-weight:300;line-height:1.1em;color:#838383;}.elementor-20 .elementor-element.elementor-element-1ef2e8b.ha-has-bg-overlay:hover::before{transition:background 0.3s;}.elementor-20 .elementor-element.elementor-element-ebc8edc{--display:flex;--min-height:750px;--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:30px;--padding-bottom:60px;--padding-left:15px;--padding-right:15px;}.elementor-20 .elementor-element.elementor-element-ebc8edc.e-con{--align-self:center;}.elementor-20 .elementor-element.elementor-element-feec705{--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:center;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--flex-wrap:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:60px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-a449436{width:100%;max-width:100%;padding:0px 0px 0px 0px;text-align:center;}.elementor-20 .elementor-element.elementor-element-a449436 .elementor-heading-title{font-family:"SF UI Display", Sans-serif;font-size:48px;font-weight:600;line-height:1em;color:#91744C;}.elementor-20 .elementor-element.elementor-element-5e297ff{--display:flex;border-style:solid;--border-style:solid;border-color:#FFFFFF;--border-color:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-fe69874{font-family:"SF UI Display", Sans-serif;font-size:16px;font-weight:500;line-height:1.2em;}.elementor-20 .elementor-element.elementor-element-777a8ba{--display:flex;border-style:solid;--border-style:solid;border-color:#FFFFFF;--border-color:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-5cb4d7a{font-family:"SF UI Display", Sans-serif;font-size:16px;font-weight:500;line-height:1.2em;}.elementor-20 .elementor-element.elementor-element-624d929{--display:flex;border-style:solid;--border-style:solid;border-color:#FFFFFF;--border-color:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-e935bba{font-family:"SF UI Display", Sans-serif;font-size:16px;font-weight:500;line-height:1.2em;}.elementor-20 .elementor-element.elementor-element-7ab68fe{--display:flex;border-style:solid;--border-style:solid;border-color:#FFFFFF;--border-color:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-93970a0{font-family:"SF UI Display", Sans-serif;font-size:16px;font-weight:500;line-height:1.2em;}.elementor-20 .elementor-element.elementor-element-72dcd13{--display:flex;border-style:solid;--border-style:solid;border-color:#FFFFFF;--border-color:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-1ad145f{font-family:"SF UI Display", Sans-serif;font-size:16px;font-weight:500;line-height:1.2em;}.elementor-20 .elementor-element.elementor-element-4eb5764{--display:flex;border-style:solid;--border-style:solid;border-color:#FFFFFF;--border-color:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-fbd2295{font-family:"SF UI Display", Sans-serif;font-size:16px;font-weight:500;line-height:1.2em;}.elementor-20 .elementor-element.elementor-element-dc72eb7{--display:flex;border-style:solid;--border-style:solid;border-color:#FFFFFF;--border-color:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-c086e84{font-family:"SF UI Display", Sans-serif;font-size:16px;font-weight:500;line-height:1.2em;}.elementor-20 .elementor-element.elementor-element-3fc7f84{--display:flex;border-style:solid;--border-style:solid;border-color:#FFFFFF;--border-color:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-2fc699a{font-family:"SF UI Display", Sans-serif;font-size:16px;font-weight:500;line-height:1.2em;}.elementor-20 .elementor-element.elementor-element-05e524b{--n-accordion-title-font-size:18px;width:var( --container-widget-width, 48% );max-width:48%;--container-widget-width:48%;--container-widget-flex-grow:0;--n-accordion-title-justify-content:initial;--n-accordion-title-flex-grow:initial;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:20px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-border-radius:5px 5px 5px 5px;--n-accordion-title-normal-color:#585858;--n-accordion-title-hover-color:#585858;--n-accordion-title-active-color:#585858;--n-accordion-icon-size:15px;--n-accordion-icon-normal-color:#9E9E9E;--n-accordion-icon-hover-color:#9E9E9E;--n-accordion-icon-active-color:#9E9E9E;}.elementor-20 .elementor-element.elementor-element-05e524b > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{background-color:#FEF7EC;border-style:solid;border-width:1px 1px 1px 1px;border-color:#00000033;}:where( .elementor-20 .elementor-element.elementor-element-05e524b > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"SF UI Display", Sans-serif;font-weight:500;line-height:1.2em;}.elementor-20 .elementor-element.elementor-element-0f533f9{--display:flex;border-style:solid;--border-style:solid;border-color:#FFFFFF;--border-color:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-c2c5ab1{font-family:"SF UI Display", Sans-serif;font-size:16px;font-weight:500;line-height:1.2em;}.elementor-20 .elementor-element.elementor-element-124531b{--display:flex;border-style:solid;--border-style:solid;border-color:#FFFFFF;--border-color:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-9437d48{font-family:"SF UI Display", Sans-serif;font-size:16px;font-weight:500;line-height:1.2em;}.elementor-20 .elementor-element.elementor-element-5b0333b{--display:flex;border-style:solid;--border-style:solid;border-color:#FFFFFF;--border-color:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-b3eafaf{font-family:"SF UI Display", Sans-serif;font-size:16px;font-weight:500;line-height:1.2em;}.elementor-20 .elementor-element.elementor-element-4ed08b4{--display:flex;border-style:solid;--border-style:solid;border-color:#FFFFFF;--border-color:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-b33b1c9{font-family:"SF UI Display", Sans-serif;font-size:16px;font-weight:500;line-height:1.2em;}.elementor-20 .elementor-element.elementor-element-61f4ad3{--display:flex;border-style:solid;--border-style:solid;border-color:#FFFFFF;--border-color:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-d2222c0{font-family:"SF UI Display", Sans-serif;font-size:16px;font-weight:500;line-height:1.2em;}.elementor-20 .elementor-element.elementor-element-b579d40{--display:flex;border-style:solid;--border-style:solid;border-color:#FFFFFF;--border-color:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-7ecdaa3{font-family:"SF UI Display", Sans-serif;font-size:16px;font-weight:500;line-height:1.2em;}.elementor-20 .elementor-element.elementor-element-791a985{--display:flex;border-style:solid;--border-style:solid;border-color:#FFFFFF;--border-color:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-58de57a{font-family:"SF UI Display", Sans-serif;font-size:16px;font-weight:500;line-height:1.2em;}.elementor-20 .elementor-element.elementor-element-b9efc17{--display:flex;border-style:solid;--border-style:solid;border-color:#FFFFFF;--border-color:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-cd94f58{font-family:"SF UI Display", Sans-serif;font-size:16px;font-weight:500;line-height:1.2em;}.elementor-20 .elementor-element.elementor-element-ec9a05b{--display:flex;border-style:solid;--border-style:solid;border-color:#FFFFFF;--border-color:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-73e2ae0{font-family:"SF UI Display", Sans-serif;font-size:16px;font-weight:500;line-height:1.2em;}.elementor-20 .elementor-element.elementor-element-63282df{--display:flex;border-style:solid;--border-style:solid;border-color:#FFFFFF;--border-color:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-b098194{font-family:"SF UI Display", Sans-serif;font-size:16px;font-weight:500;line-height:1.2em;}.elementor-20 .elementor-element.elementor-element-f619164{--display:flex;border-style:solid;--border-style:solid;border-color:#FFFFFF;--border-color:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-24754ac{font-family:"SF UI Display", Sans-serif;font-size:16px;font-weight:500;line-height:1.2em;}.elementor-20 .elementor-element.elementor-element-4b7e9d3{--display:flex;border-style:solid;--border-style:solid;border-color:#FFFFFF;--border-color:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-885225c{font-family:"SF UI Display", Sans-serif;font-size:16px;font-weight:500;line-height:1.2em;}.elementor-20 .elementor-element.elementor-element-b08ae2e{--display:flex;border-style:solid;--border-style:solid;border-color:#FFFFFF;--border-color:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-9493e35{font-family:"SF UI Display", Sans-serif;font-size:16px;font-weight:500;line-height:1.2em;}.elementor-20 .elementor-element.elementor-element-db0f49f{--display:flex;border-style:solid;--border-style:solid;border-color:#FFFFFF;--border-color:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-942811b{font-family:"SF UI Display", Sans-serif;font-size:16px;font-weight:500;line-height:1.2em;}.elementor-20 .elementor-element.elementor-element-45f448a{--n-accordion-title-font-size:18px;width:var( --container-widget-width, 48% );max-width:48%;--container-widget-width:48%;--container-widget-flex-grow:0;--n-accordion-title-justify-content:initial;--n-accordion-title-flex-grow:initial;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:20px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-border-radius:5px 5px 5px 5px;--n-accordion-title-normal-color:#585858;--n-accordion-title-hover-color:#585858;--n-accordion-title-active-color:#585858;--n-accordion-icon-size:15px;--n-accordion-icon-normal-color:#9E9E9E;--n-accordion-icon-hover-color:#9E9E9E;--n-accordion-icon-active-color:#9E9E9E;}.elementor-20 .elementor-element.elementor-element-45f448a > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{background-color:#FEF7EC;border-style:solid;border-width:1px 1px 1px 1px;border-color:#00000033;}:where( .elementor-20 .elementor-element.elementor-element-45f448a > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"SF UI Display", Sans-serif;font-weight:500;line-height:1.2em;}.elementor-20 .elementor-element.elementor-element-3f3cc67{--display:flex;border-style:solid;--border-style:solid;border-color:#FFFFFF;--border-color:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-5dc8bb3{font-family:"SF UI Display", Sans-serif;font-size:16px;font-weight:500;line-height:1.2em;}.elementor-20 .elementor-element.elementor-element-0902cf9{--n-accordion-title-font-size:18px;width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;--n-accordion-title-justify-content:initial;--n-accordion-title-flex-grow:initial;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:20px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-border-radius:5px 5px 5px 5px;--n-accordion-title-normal-color:#585858;--n-accordion-title-hover-color:#585858;--n-accordion-title-active-color:#585858;--n-accordion-icon-size:15px;--n-accordion-icon-normal-color:#9E9E9E;--n-accordion-icon-hover-color:#9E9E9E;--n-accordion-icon-active-color:#9E9E9E;}.elementor-20 .elementor-element.elementor-element-0902cf9 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{background-color:#FEF7EC;border-style:solid;border-width:1px 1px 1px 1px;border-color:#00000033;}:where( .elementor-20 .elementor-element.elementor-element-0902cf9 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"SF UI Display", Sans-serif;font-weight:500;line-height:1.2em;}.elementor-20 .elementor-element.elementor-element-3579c59{--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:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:15px;--padding-bottom:15px;--padding-left:50px;--padding-right:50px;}.elementor-20 .elementor-element.elementor-element-3579c59:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-3579c59 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FEF7EC;}.elementor-20 .elementor-element.elementor-element-3e99ec9{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-2ab45c4{text-align:center;font-family:"SF UI Display", Sans-serif;font-size:16px;font-weight:400;color:#585858;}.elementor-20 .elementor-element.elementor-element-daab159{text-align:center;font-family:"SF UI Display", Sans-serif;font-size:16px;font-weight:400;color:#585858;}.elementor-20 .elementor-element.elementor-element-daab159 a{color:#000000;}.elementor-20 .elementor-element.elementor-element-daab159 a:hover, .elementor-20 .elementor-element.elementor-element-daab159 a:focus{color:#000000;}@media(max-width:1024px){.elementor-20 .elementor-element.elementor-element-f14c243{--e-n-carousel-swiper-slides-to-display:2;}.elementor-20 .elementor-element.elementor-element-63f84c5{width:var( --container-widget-width, 548px );max-width:548px;--container-widget-width:548px;--container-widget-flex-grow:0;text-align:center;}.elementor-20 .elementor-element.elementor-element-63f84c5.elementor-element{--align-self:center;}.elementor-20 .elementor-element.elementor-element-b92dda0{--e-n-carousel-swiper-slides-to-display:2;}.elementor-20 .elementor-element.elementor-element-0c139b0{width:var( --container-widget-width, 548px );max-width:548px;--container-widget-width:548px;--container-widget-flex-grow:0;text-align:center;}.elementor-20 .elementor-element.elementor-element-0c139b0.elementor-element{--align-self:center;}.elementor-20 .elementor-element.elementor-element-e93eb59{--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-20 .elementor-element.elementor-element-de307a7{--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}@media(min-width:768px){.elementor-20 .elementor-element.elementor-element-0b73fa1{--content-width:1260px;}.elementor-20 .elementor-element.elementor-element-bb4515f{--width:43%;}.elementor-20 .elementor-element.elementor-element-31a4434{--width:50%;}.elementor-20 .elementor-element.elementor-element-be079ab{--content-width:1260px;}.elementor-20 .elementor-element.elementor-element-d0b57d0{--content-width:1260px;}.elementor-20 .elementor-element.elementor-element-8e5f45b{--width:45%;}.elementor-20 .elementor-element.elementor-element-376d2c9{--width:50%;}.elementor-20 .elementor-element.elementor-element-a4b6869{--content-width:1260px;}.elementor-20 .elementor-element.elementor-element-9254faa{--width:299px;}.elementor-20 .elementor-element.elementor-element-6b1d4eb{--width:299px;}.elementor-20 .elementor-element.elementor-element-175e10e{--width:299px;}.elementor-20 .elementor-element.elementor-element-d2f18af{--width:299px;}.elementor-20 .elementor-element.elementor-element-dc5b827{--width:299px;}.elementor-20 .elementor-element.elementor-element-b057ebb{--width:299px;}.elementor-20 .elementor-element.elementor-element-9befce2{--width:299px;}.elementor-20 .elementor-element.elementor-element-3fee614{--width:299px;}.elementor-20 .elementor-element.elementor-element-1dea373{--content-width:1280px;}.elementor-20 .elementor-element.elementor-element-6842cf1{--width:330px;}.elementor-20 .elementor-element.elementor-element-9b01707{--width:330px;}.elementor-20 .elementor-element.elementor-element-4a42f71{--width:330px;}.elementor-20 .elementor-element.elementor-element-1891334{--width:330px;}.elementor-20 .elementor-element.elementor-element-133f7e7{--width:330px;}.elementor-20 .elementor-element.elementor-element-c70ef6d{--width:330px;}.elementor-20 .elementor-element.elementor-element-de307a7{--width:600px;}.elementor-20 .elementor-element.elementor-element-88fa9ca{--width:550px;}.elementor-20 .elementor-element.elementor-element-5f1fc33{--content-width:1280px;}.elementor-20 .elementor-element.elementor-element-5dfce4f{--width:371px;}.elementor-20 .elementor-element.elementor-element-5a21dec{--width:371px;}.elementor-20 .elementor-element.elementor-element-ad07eec{--width:371px;}.elementor-20 .elementor-element.elementor-element-5aa9cc7{--width:371px;}.elementor-20 .elementor-element.elementor-element-87743a0{--width:371px;}.elementor-20 .elementor-element.elementor-element-1b79a13{--width:371px;}.elementor-20 .elementor-element.elementor-element-bf47ad6{--width:30%;}.elementor-20 .elementor-element.elementor-element-98beec8{--width:35%;}.elementor-20 .elementor-element.elementor-element-9c846b7{--width:30%;}.elementor-20 .elementor-element.elementor-element-b24cb92{--content-width:1260px;}.elementor-20 .elementor-element.elementor-element-99b40dc{--width:385px;}.elementor-20 .elementor-element.elementor-element-57a6ae8{--width:385px;}.elementor-20 .elementor-element.elementor-element-7aab534{--width:385px;}.elementor-20 .elementor-element.elementor-element-3e1b16a{--width:385px;}.elementor-20 .elementor-element.elementor-element-5e91a0e{--width:385px;}.elementor-20 .elementor-element.elementor-element-664af02{--width:385px;}.elementor-20 .elementor-element.elementor-element-ebc8edc{--content-width:1260px;}.elementor-20 .elementor-element.elementor-element-feec705{--width:100%;}}@media(max-width:767px){.elementor-20 .elementor-element.elementor-element-0b73fa1{--min-height:750px;--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;--overlay-opacity:1;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-20 .elementor-element.elementor-element-0b73fa1::before, .elementor-20 .elementor-element.elementor-element-0b73fa1 > .elementor-background-video-container::before, .elementor-20 .elementor-element.elementor-element-0b73fa1 > .e-con-inner > .elementor-background-video-container::before, .elementor-20 .elementor-element.elementor-element-0b73fa1 > .elementor-background-slideshow::before, .elementor-20 .elementor-element.elementor-element-0b73fa1 > .e-con-inner > .elementor-background-slideshow::before, .elementor-20 .elementor-element.elementor-element-0b73fa1 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;background-image:linear-gradient(180deg, #FFEAD3 -3%, #FDFDFD00 46%);}.elementor-20 .elementor-element.elementor-element-0b73fa1.e-con{--align-self:center;}.elementor-20 .elementor-element.elementor-element-bb4515f{--width:100%;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:-80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-65bfffa{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-20 .elementor-element.elementor-element-65bfffa .elementor-heading-title{font-size:30px;}.elementor-20 .elementor-element.elementor-element-8a1c74a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;font-size:15px;line-height:1.1em;}.elementor-20 .elementor-element.elementor-element-193637e{width:100%;max-width:100%;}.elementor-20 .elementor-element.elementor-element-193637e .elementor-button{font-size:16px;}.elementor-20 .elementor-element.elementor-element-31a4434{--width:100%;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-20 .elementor-element.elementor-element-31a4434.e-con{--order:-99999 /* order start hack */;}.elementor-20 .elementor-element.elementor-element-84a1713 img{width:95%;}.elementor-20 .elementor-element.elementor-element-be079ab{--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-20 .elementor-element.elementor-element-b5b6c2c .elementor-heading-title{font-size:32px;}.elementor-20 .elementor-element.elementor-element-3a96ee6{width:auto;max-width:auto;}.elementor-20 .elementor-element.elementor-element-3a96ee6 .elementor-icon-box-title, .elementor-20 .elementor-element.elementor-element-3a96ee6 .elementor-icon-box-title a{font-size:26px;}.elementor-20 .elementor-element.elementor-element-3a96ee6 .elementor-icon-box-description{font-size:18px;}.elementor-20 .elementor-element.elementor-element-6f82e3c{width:auto;max-width:auto;margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-20 .elementor-element.elementor-element-6f82e3c .elementor-icon-box-title, .elementor-20 .elementor-element.elementor-element-6f82e3c .elementor-icon-box-title a{font-size:26px;}.elementor-20 .elementor-element.elementor-element-6f82e3c .elementor-icon-box-description{font-size:18px;}.elementor-20 .elementor-element.elementor-element-267e0ce{width:auto;max-width:auto;margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-20 .elementor-element.elementor-element-267e0ce .elementor-icon-box-title, .elementor-20 .elementor-element.elementor-element-267e0ce .elementor-icon-box-title a{font-size:26px;}.elementor-20 .elementor-element.elementor-element-267e0ce .elementor-icon-box-description{font-size:18px;}.elementor-20 .elementor-element.elementor-element-f6531d7{width:auto;max-width:auto;margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-20 .elementor-element.elementor-element-f6531d7 .elementor-icon-box-title, .elementor-20 .elementor-element.elementor-element-f6531d7 .elementor-icon-box-title a{font-size:26px;}.elementor-20 .elementor-element.elementor-element-f6531d7 .elementor-icon-box-description{font-size:18px;}.elementor-20 .elementor-element.elementor-element-37790bc{width:auto;max-width:auto;margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-20 .elementor-element.elementor-element-37790bc .elementor-icon-box-title, .elementor-20 .elementor-element.elementor-element-37790bc .elementor-icon-box-title a{font-size:26px;}.elementor-20 .elementor-element.elementor-element-37790bc .elementor-icon-box-description{font-size:18px;}.elementor-20 .elementor-element.elementor-element-2295f9c{width:auto;max-width:auto;margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-20 .elementor-element.elementor-element-2295f9c .elementor-icon-box-title, .elementor-20 .elementor-element.elementor-element-2295f9c .elementor-icon-box-title a{font-size:26px;}.elementor-20 .elementor-element.elementor-element-2295f9c .elementor-icon-box-description{font-size:18px;}.elementor-20 .elementor-element.elementor-element-d0b57d0{--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-20 .elementor-element.elementor-element-224bdaf .elementor-heading-title{font-size:26px;}.elementor-20 .elementor-element.elementor-element-7588f48{width:100%;max-width:100%;}.elementor-20 .elementor-element.elementor-element-7588f48 .elementor-button{font-size:16px;}.elementor-20 .elementor-element.elementor-element-376d2c9{--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}body:not(.rtl) .elementor-20 .elementor-element.elementor-element-96ae255{left:-75px;}body.rtl .elementor-20 .elementor-element.elementor-element-96ae255{right:-75px;}.elementor-20 .elementor-element.elementor-element-96ae255{top:-15px;}.elementor-20 .elementor-element.elementor-element-96ae255 img{width:45%;}body:not(.rtl) .elementor-20 .elementor-element.elementor-element-cb942aa{right:-75px;}body.rtl .elementor-20 .elementor-element.elementor-element-cb942aa{left:-75px;}.elementor-20 .elementor-element.elementor-element-cb942aa{top:85px;}.elementor-20 .elementor-element.elementor-element-cb942aa img{width:65%;}.elementor-20 .elementor-element.elementor-element-a4b6869{--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-20 .elementor-element.elementor-element-4a0b2eb .elementor-heading-title{font-size:27px;}.elementor-20 .elementor-element.elementor-element-9254faa{--width:299px;--min-height:605px;}.elementor-20 .elementor-element.elementor-element-9254faa:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-9254faa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-size:cover;}.elementor-20 .elementor-element.elementor-element-38b0273{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-20 .elementor-element.elementor-element-38b0273 .elementor-icon-box-title, .elementor-20 .elementor-element.elementor-element-38b0273 .elementor-icon-box-title a{font-size:23px;}.elementor-20 .elementor-element.elementor-element-38b0273 .elementor-icon-box-description{font-size:15px;}.elementor-20 .elementor-element.elementor-element-6b1d4eb:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-6b1d4eb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/base-1-1.webp");background-position:center center;background-size:cover;}.elementor-20 .elementor-element.elementor-element-6b1d4eb{--width:299px;--min-height:605px;}.elementor-20 .elementor-element.elementor-element-bb3e03b{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-20 .elementor-element.elementor-element-bb3e03b .elementor-icon-box-title, .elementor-20 .elementor-element.elementor-element-bb3e03b .elementor-icon-box-title a{font-size:23px;}.elementor-20 .elementor-element.elementor-element-bb3e03b .elementor-icon-box-description{font-size:15px;}.elementor-20 .elementor-element.elementor-element-175e10e{--width:299px;--min-height:605px;}.elementor-20 .elementor-element.elementor-element-82a6389{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-20 .elementor-element.elementor-element-82a6389 .elementor-icon-box-title, .elementor-20 .elementor-element.elementor-element-82a6389 .elementor-icon-box-title a{font-size:23px;}.elementor-20 .elementor-element.elementor-element-82a6389 .elementor-icon-box-description{font-size:15px;}.elementor-20 .elementor-element.elementor-element-d2f18af{--width:299px;--min-height:605px;}.elementor-20 .elementor-element.elementor-element-34650f9{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-20 .elementor-element.elementor-element-34650f9 .elementor-icon-box-title, .elementor-20 .elementor-element.elementor-element-34650f9 .elementor-icon-box-title a{font-size:23px;}.elementor-20 .elementor-element.elementor-element-34650f9 .elementor-icon-box-description{font-size:15px;}.elementor-20 .elementor-element.elementor-element-f14c243{--e-n-carousel-swiper-slides-to-display:1;}.elementor-20 .elementor-element.elementor-element-dc5b827{--width:299px;--min-height:605px;}.elementor-20 .elementor-element.elementor-element-dc5b827:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-dc5b827 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-size:cover;}.elementor-20 .elementor-element.elementor-element-b60f16b{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-20 .elementor-element.elementor-element-b60f16b .elementor-icon-box-title, .elementor-20 .elementor-element.elementor-element-b60f16b .elementor-icon-box-title a{font-size:23px;}.elementor-20 .elementor-element.elementor-element-b60f16b .elementor-icon-box-description{font-size:15px;}.elementor-20 .elementor-element.elementor-element-b057ebb:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-b057ebb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/base-1-1.webp");background-position:center center;background-size:cover;}.elementor-20 .elementor-element.elementor-element-b057ebb{--width:299px;--min-height:605px;}.elementor-20 .elementor-element.elementor-element-3950247{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-20 .elementor-element.elementor-element-3950247 .elementor-icon-box-title, .elementor-20 .elementor-element.elementor-element-3950247 .elementor-icon-box-title a{font-size:23px;}.elementor-20 .elementor-element.elementor-element-3950247 .elementor-icon-box-description{font-size:15px;}.elementor-20 .elementor-element.elementor-element-9befce2{--width:299px;--min-height:605px;}.elementor-20 .elementor-element.elementor-element-075e954{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-20 .elementor-element.elementor-element-075e954 .elementor-icon-box-title, .elementor-20 .elementor-element.elementor-element-075e954 .elementor-icon-box-title a{font-size:23px;}.elementor-20 .elementor-element.elementor-element-075e954 .elementor-icon-box-description{font-size:15px;}.elementor-20 .elementor-element.elementor-element-3fee614{--width:299px;--min-height:605px;}.elementor-20 .elementor-element.elementor-element-53a8a8d{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-20 .elementor-element.elementor-element-53a8a8d .elementor-icon-box-title, .elementor-20 .elementor-element.elementor-element-53a8a8d .elementor-icon-box-title a{font-size:23px;}.elementor-20 .elementor-element.elementor-element-53a8a8d .elementor-icon-box-description{font-size:15px;}.elementor-20 .elementor-element.elementor-element-fdccc57 .elementor-heading-title{font-size:32px;}.elementor-20 .elementor-element.elementor-element-6842cf1{--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}.elementor-20 .elementor-element.elementor-element-9c7e06b{padding:0px 10px 0px 10px;}.elementor-20 .elementor-element.elementor-element-9c7e06b .elementor-heading-title{font-size:20px;}.elementor-20 .elementor-element.elementor-element-9b01707{--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}.elementor-20 .elementor-element.elementor-element-9dc16b8{padding:0px 10px 0px 10px;}.elementor-20 .elementor-element.elementor-element-9dc16b8 .elementor-heading-title{font-size:20px;}.elementor-20 .elementor-element.elementor-element-4a42f71{--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}.elementor-20 .elementor-element.elementor-element-e7801c3{padding:0px 10px 0px 10px;}.elementor-20 .elementor-element.elementor-element-e7801c3 .elementor-heading-title{font-size:20px;}.elementor-20 .elementor-element.elementor-element-1891334{--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}.elementor-20 .elementor-element.elementor-element-fe2afe9{padding:0px 10px 0px 10px;}.elementor-20 .elementor-element.elementor-element-fe2afe9 .elementor-heading-title{font-size:20px;}.elementor-20 .elementor-element.elementor-element-133f7e7{--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}.elementor-20 .elementor-element.elementor-element-a813680{padding:0px 10px 0px 10px;}.elementor-20 .elementor-element.elementor-element-a813680 .elementor-heading-title{font-size:20px;}.elementor-20 .elementor-element.elementor-element-c70ef6d{--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}.elementor-20 .elementor-element.elementor-element-8fcb3ac{padding:0px 10px 0px 10px;}.elementor-20 .elementor-element.elementor-element-8fcb3ac .elementor-heading-title{font-size:20px;}.elementor-20 .elementor-element.elementor-element-cbfc096{width:100%;max-width:100%;}.elementor-20 .elementor-element.elementor-element-cbfc096 .elementor-button{font-size:16px;}.elementor-20 .elementor-element.elementor-element-63f84c5 .elementor-heading-title{font-size:2em;}.elementor-20 .elementor-element.elementor-element-b92dda0{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-arrow-prev-left-position:-10px;--e-n-carousel-arrow-next-right-position:-10px;}.elementor-20 .elementor-element.elementor-element-0c139b0 .elementor-heading-title{font-size:2em;}.elementor-20 .elementor-element.elementor-element-e93eb59{--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-20 .elementor-element.elementor-element-1eca905{--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-20 .elementor-element.elementor-element-22a86dc .elementor-heading-title{font-size:26px;}.elementor-20 .elementor-element.elementor-element-20c1e63{padding:0px 0px 50px 0px;}.elementor-20 .elementor-element.elementor-element-20c1e63 .elementor-heading-title{font-size:16px;}.elementor-20 .elementor-element.elementor-element-2585244{margin:-55px 0px calc(var(--kit-widget-spacing, 0px) + -30px) 0px;padding:0px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-2585244 .elementor-button{font-size:14px;}.elementor-20 .elementor-element.elementor-element-dc6fc7d .elementor-heading-title{font-size:26px;}.elementor-20 .elementor-element.elementor-element-c370661{padding:0px 0px 50px 0px;}.elementor-20 .elementor-element.elementor-element-c370661 .elementor-heading-title{font-size:16px;}.elementor-20 .elementor-element.elementor-element-cb1251f{margin:-55px 0px calc(var(--kit-widget-spacing, 0px) + -40px) 0px;padding:0px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-cb1251f .elementor-button{font-size:14px;}.elementor-20 .elementor-element.elementor-element-dc1ada8 .elementor-heading-title{font-size:26px;}.elementor-20 .elementor-element.elementor-element-9831262{padding:0px 0px 50px 0px;}.elementor-20 .elementor-element.elementor-element-9831262 .elementor-heading-title{font-size:16px;}.elementor-20 .elementor-element.elementor-element-e0d9634{margin:-55px 0px calc(var(--kit-widget-spacing, 0px) + -40px) 0px;padding:0px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-e0d9634 .elementor-button{font-size:14px;}.elementor-20 .elementor-element.elementor-element-90fc0c1 .elementor-heading-title{font-size:26px;}.elementor-20 .elementor-element.elementor-element-22b1439{padding:0px 0px 50px 0px;}.elementor-20 .elementor-element.elementor-element-22b1439 .elementor-heading-title{font-size:16px;}.elementor-20 .elementor-element.elementor-element-fa89cc9{margin:-55px 0px calc(var(--kit-widget-spacing, 0px) + -42px) 0px;padding:0px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-fa89cc9 .elementor-button{font-size:14px;}.elementor-20 .elementor-element.elementor-element-88fa9ca{--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-20 .elementor-element.elementor-element-88fa9ca.e-con{--order:-99999 /* order start hack */;}.elementor-20 .elementor-element.elementor-element-833f15e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:400px;--container-widget-flex-grow:0;width:var( --container-widget-width, 400px );max-width:400px;}.elementor-20 .elementor-element.elementor-element-5f1fc33{--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-20 .elementor-element.elementor-element-77dff8d{width:100%;max-width:100%;padding:0px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-77dff8d .elementor-heading-title{font-size:32px;}.elementor-20 .elementor-element.elementor-element-56baa6f .elementor-heading-title{font-size:16px;}.elementor-20 .elementor-element.elementor-element-5dfce4f{--min-height:410px;--margin-top:20px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-69e3da2{padding:0px 10px 0px 10px;}.elementor-20 .elementor-element.elementor-element-69e3da2 .elementor-heading-title{font-size:24px;}.elementor-20 .elementor-element.elementor-element-5573ba3{padding:0px 15px 20px 15px;font-size:18px;}.elementor-20 .elementor-element.elementor-element-5a21dec{--min-height:410px;--margin-top:20px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-3d6e829{padding:0px 10px 0px 10px;}.elementor-20 .elementor-element.elementor-element-3d6e829 .elementor-heading-title{font-size:24px;}.elementor-20 .elementor-element.elementor-element-f48809c{padding:0px 15px 0px 15px;font-size:18px;}.elementor-20 .elementor-element.elementor-element-ad07eec{--min-height:400px;--margin-top:20px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-14ac4aa{padding:0px 10px 0px 10px;}.elementor-20 .elementor-element.elementor-element-14ac4aa .elementor-heading-title{font-size:24px;}.elementor-20 .elementor-element.elementor-element-7203d71{padding:0px 15px 0px 15px;font-size:18px;}.elementor-20 .elementor-element.elementor-element-5aa9cc7{--min-height:410px;--margin-top:20px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-88b336e{padding:0px 10px 0px 10px;}.elementor-20 .elementor-element.elementor-element-88b336e .elementor-heading-title{font-size:24px;}.elementor-20 .elementor-element.elementor-element-0e12a24{padding:0px 15px 0px 15px;font-size:18px;}.elementor-20 .elementor-element.elementor-element-87743a0{--min-height:380px;--margin-top:20px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-4ea9cc3{padding:0px 10px 0px 10px;}.elementor-20 .elementor-element.elementor-element-4ea9cc3 .elementor-heading-title{font-size:24px;}.elementor-20 .elementor-element.elementor-element-ce94e2a{padding:0px 15px 0px 15px;font-size:18px;}.elementor-20 .elementor-element.elementor-element-1b79a13{--min-height:410px;--margin-top:20px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-08c11d8{padding:0px 10px 0px 10px;}.elementor-20 .elementor-element.elementor-element-08c11d8 .elementor-heading-title{font-size:24px;}.elementor-20 .elementor-element.elementor-element-6b23076{padding:0px 15px 0px 15px;font-size:18px;}.elementor-20 .elementor-element.elementor-element-ab60f43{width:100%;max-width:100%;}.elementor-20 .elementor-element.elementor-element-ab60f43 .elementor-button{font-size:16px;}.elementor-20 .elementor-element.elementor-element-bf47ad6{--min-height:405px;--border-radius:40px 40px 0px 0px;}.elementor-20 .elementor-element.elementor-element-98beec8{--margin-top:-35px;--margin-bottom:-35px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;--z-index:5;}.elementor-20 .elementor-element.elementor-element-7cbfaeb{padding:0px 15px 0px 15px;}.elementor-20 .elementor-element.elementor-element-e2588cb{padding:0px 15px 0px 15px;font-size:16px;}.elementor-20 .elementor-element.elementor-element-49894cd{padding:0px 15px 0px 15px;font-size:15px;}.elementor-20 .elementor-element.elementor-element-38d3352{padding:0px 15px 0px 15px;}.elementor-20 .elementor-element.elementor-element-38d3352 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-20 .elementor-element.elementor-element-38d3352 .elementor-icon-list-item > a{font-size:14px;}.elementor-20 .elementor-element.elementor-element-33b495d{width:100%;max-width:100%;}.elementor-20 .elementor-element.elementor-element-33b495d .elementor-button{font-size:16px;}.elementor-20 .elementor-element.elementor-element-9c846b7{--min-height:405px;--border-radius:0px 0px 40px 40px;}.elementor-20 .elementor-element.elementor-element-289c50e .elementor-heading-title{font-size:32px;}.elementor-20 .elementor-element.elementor-element-df7d658 .elementor-heading-title{font-size:16px;}.elementor-20 .elementor-element.elementor-element-b24cb92{--padding-top:20px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-20 .elementor-element.elementor-element-57a6ae8{--min-height:270px;}.elementor-20 .elementor-element.elementor-element-a98af0e .elementor-heading-title{font-size:26px;}.elementor-20 .elementor-element.elementor-element-d44b325 .elementor-heading-title{font-size:16px;}.elementor-20 .elementor-element.elementor-element-ec6e141{font-size:18px;}.elementor-20 .elementor-element.elementor-element-3e1b16a{--min-height:270px;}.elementor-20 .elementor-element.elementor-element-0cad344 .elementor-heading-title{font-size:26px;}.elementor-20 .elementor-element.elementor-element-871af56 .elementor-heading-title{font-size:16px;}.elementor-20 .elementor-element.elementor-element-05c81b5{font-size:18px;}.elementor-20 .elementor-element.elementor-element-664af02{--min-height:270px;}.elementor-20 .elementor-element.elementor-element-e4db2f5 .elementor-heading-title{font-size:26px;}.elementor-20 .elementor-element.elementor-element-3ffb297 .elementor-heading-title{font-size:16px;}.elementor-20 .elementor-element.elementor-element-1ef2e8b{font-size:18px;}.elementor-20 .elementor-element.elementor-element-ebc8edc{--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-20 .elementor-element.elementor-element-feec705{--width:100%;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--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-20 .elementor-element.elementor-element-a449436 .elementor-heading-title{font-size:30px;}.elementor-20 .elementor-element.elementor-element-5e297ff{--border-radius:0px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-05e524b{width:100%;max-width:100%;--n-accordion-title-font-size:16px;}.elementor-20 .elementor-element.elementor-element-0f533f9{--border-radius:0px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-45f448a{width:100%;max-width:100%;--n-accordion-title-font-size:16px;}.elementor-20 .elementor-element.elementor-element-0902cf9{width:100%;max-width:100%;--n-accordion-title-font-size:16px;}.elementor-20 .elementor-element.elementor-element-3579c59{--content-width:100%;--justify-content:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:5px;--padding-bottom:5px;--padding-left:15px;--padding-right:15px;}.elementor-20 .elementor-element.elementor-element-3579c59.e-con{--align-self:center;}.elementor-20 .elementor-element.elementor-element-3e99ec9{--justify-content:center;--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-20 .elementor-element.elementor-element-2ab45c4{padding:0px 0px 0px 0px;text-align:center;font-size:14px;}.elementor-20 .elementor-element.elementor-element-daab159{padding:0px 0px 0px 0px;text-align:center;font-size:14px;}}/* Start custom CSS for heading, class: .elementor-element-65bfffa */.elementor-20 .elementor-element.elementor-element-65bfffa{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-8a1c74a */.elementor-20 .elementor-element.elementor-element-8a1c74a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-193637e */.bth2 .elementor-button {
    padding: 3px 5px 3px 20px !important;
    border-radius: 200px !important;
    background: linear-gradient(91.78deg, #D5BF9C 15.41%, #886B42 104.41%);
    background-size: 200% auto;
    color: #fff;
    position: relative;
    overflow: hidden;
    transition: background-position 0.8s ease;
    isolation: isolate;
    -webkit-transform: translateZ(0); /* força renderização por GPU */
}

.bth2:hover .elementor-button {
    background-position: right center;
}

/* ===== EFEITO DE ILUMINAÇÃO ===== */
.bth2 .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.5) 50%,
        rgba(255, 255, 255, 0) 100%
    );
    transform: skewX(-20deg);
    transition: all 0.6s ease;
    pointer-events: none;
    z-index: 1;
    will-change: left;
}

.bth2:hover .elementor-button::before {
    left: 125%;
}

/* ===== TEXTO ===== */
.bth2 .elementor-button-text {
    align-self: center;
    position: relative;
    z-index: 2;
}

/* ===== ÍCONE (CÍRCULO BRANCO) ===== */
.bth2 .elementor-button-icon {
    font-size: 15px !important;
    padding: 10px;
    margin-left: 5px;
    background: #fff !important;
    border-radius: 200px;
    color: black !important;
    vertical-align: middle;
    rotate: 45deg;
    transition: 0.5s ease all;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    position: relative;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;

    /* --- CORREÇÃO DA MARCAÇÃO --- */
    backface-visibility: hidden; /* impede mistura do degradê */
    transform: translateZ(0); /* força renderização independente */
    will-change: transform; /* otimiza performance */
    -webkit-mask-image: radial-gradient(circle, #000 99%, transparent 100%); /* elimina linha fina */
}

.bth2 .elementor-button-icon svg {
    display: block;
    margin: 0;
    padding: 0;
}

.bth2 .elementor-button-icon svg path {
    fill: black !important;
    transition: 0.7s ease all;
}

.bth2:hover .elementor-button-icon {
    rotate: 0deg;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-3a96ee6 */.elementor-20 .elementor-element.elementor-element-3a96ee6 .elementor-icon-box-icon{
    margin-top: -30px;
}

.quebra{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-6f82e3c */.elementor-20 .elementor-element.elementor-element-6f82e3c .elementor-icon-box-icon{
    margin-top: -30px;
}

.elementor-20 .elementor-element.elementor-element-6f82e3c{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-267e0ce */.elementor-20 .elementor-element.elementor-element-267e0ce .elementor-icon-box-icon{
    margin-top: -30px;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-f6531d7 */.elementor-20 .elementor-element.elementor-element-f6531d7 .elementor-icon-box-icon{
    margin-top: -30px;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-37790bc */.elementor-20 .elementor-element.elementor-element-37790bc .elementor-icon-box-icon{
    margin-top: -30px;
}

.elementor-20 .elementor-element.elementor-element-37790bc{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-2295f9c */.elementor-20 .elementor-element.elementor-element-2295f9c .elementor-icon-box-icon{
    margin-top: -30px;
}

.elementor-20 .elementor-element.elementor-element-2295f9c{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-224bdaf */.elementor-20 .elementor-element.elementor-element-224bdaf{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-38b0273 */.elementor-20 .elementor-element.elementor-element-38b0273 .elementor-icon-box-icon{
    margin-top: -30px;
}

.elementor-20 .elementor-element.elementor-element-38b0273{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-bb3e03b */.elementor-20 .elementor-element.elementor-element-bb3e03b .elementor-icon-box-icon{
    margin-top: -30px;
}

.elementor-20 .elementor-element.elementor-element-bb3e03b{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-82a6389 */.elementor-20 .elementor-element.elementor-element-82a6389 .elementor-icon-box-icon{
    margin-top: -30px;
}

.elementor-20 .elementor-element.elementor-element-82a6389{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-34650f9 */.elementor-20 .elementor-element.elementor-element-34650f9 .elementor-icon-box-icon{
    margin-top: -30px;
}

.elementor-20 .elementor-element.elementor-element-34650f9{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-38b0273 */.elementor-20 .elementor-element.elementor-element-38b0273 .elementor-icon-box-icon{
    margin-top: -30px;
}

.elementor-20 .elementor-element.elementor-element-38b0273{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-bb3e03b */.elementor-20 .elementor-element.elementor-element-bb3e03b .elementor-icon-box-icon{
    margin-top: -30px;
}

.elementor-20 .elementor-element.elementor-element-bb3e03b{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-82a6389 */.elementor-20 .elementor-element.elementor-element-82a6389 .elementor-icon-box-icon{
    margin-top: -30px;
}

.elementor-20 .elementor-element.elementor-element-82a6389{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-34650f9 */.elementor-20 .elementor-element.elementor-element-34650f9 .elementor-icon-box-icon{
    margin-top: -30px;
}

.elementor-20 .elementor-element.elementor-element-34650f9{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-38b0273 */.elementor-20 .elementor-element.elementor-element-38b0273 .elementor-icon-box-icon{
    margin-top: -30px;
}

.elementor-20 .elementor-element.elementor-element-38b0273{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-bb3e03b */.elementor-20 .elementor-element.elementor-element-bb3e03b .elementor-icon-box-icon{
    margin-top: -30px;
}

.elementor-20 .elementor-element.elementor-element-bb3e03b{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-82a6389 */.elementor-20 .elementor-element.elementor-element-82a6389 .elementor-icon-box-icon{
    margin-top: -30px;
}

.elementor-20 .elementor-element.elementor-element-82a6389{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-34650f9 */.elementor-20 .elementor-element.elementor-element-34650f9 .elementor-icon-box-icon{
    margin-top: -30px;
}

.elementor-20 .elementor-element.elementor-element-34650f9{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-38b0273 */.elementor-20 .elementor-element.elementor-element-38b0273 .elementor-icon-box-icon{
    margin-top: -30px;
}

.elementor-20 .elementor-element.elementor-element-38b0273{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-bb3e03b */.elementor-20 .elementor-element.elementor-element-bb3e03b .elementor-icon-box-icon{
    margin-top: -30px;
}

.elementor-20 .elementor-element.elementor-element-bb3e03b{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-82a6389 */.elementor-20 .elementor-element.elementor-element-82a6389 .elementor-icon-box-icon{
    margin-top: -30px;
}

.elementor-20 .elementor-element.elementor-element-82a6389{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-34650f9 */.elementor-20 .elementor-element.elementor-element-34650f9 .elementor-icon-box-icon{
    margin-top: -30px;
}

.elementor-20 .elementor-element.elementor-element-34650f9{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-38b0273 */.elementor-20 .elementor-element.elementor-element-38b0273 .elementor-icon-box-icon{
    margin-top: -30px;
}

.elementor-20 .elementor-element.elementor-element-38b0273{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-bb3e03b */.elementor-20 .elementor-element.elementor-element-bb3e03b .elementor-icon-box-icon{
    margin-top: -30px;
}

.elementor-20 .elementor-element.elementor-element-bb3e03b{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-82a6389 */.elementor-20 .elementor-element.elementor-element-82a6389 .elementor-icon-box-icon{
    margin-top: -30px;
}

.elementor-20 .elementor-element.elementor-element-82a6389{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-34650f9 */.elementor-20 .elementor-element.elementor-element-34650f9 .elementor-icon-box-icon{
    margin-top: -30px;
}

.elementor-20 .elementor-element.elementor-element-34650f9{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-b60f16b */.elementor-20 .elementor-element.elementor-element-b60f16b .elementor-icon-box-icon{
    margin-top: -30px;
}

.elementor-20 .elementor-element.elementor-element-b60f16b{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-3950247 */.elementor-20 .elementor-element.elementor-element-3950247 .elementor-icon-box-icon{
    margin-top: -30px;
}

.elementor-20 .elementor-element.elementor-element-3950247{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-075e954 */.elementor-20 .elementor-element.elementor-element-075e954 .elementor-icon-box-icon{
    margin-top: -30px;
}

.elementor-20 .elementor-element.elementor-element-075e954{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-53a8a8d */.elementor-20 .elementor-element.elementor-element-53a8a8d .elementor-icon-box-icon{
    margin-top: -30px;
}

.elementor-20 .elementor-element.elementor-element-53a8a8d{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9c7e06b */.elementor-20 .elementor-element.elementor-element-9c7e06b .texto-cupom{
    font-size: 14px !important;
    color: #4CA6FF;
    line-height: 1.2em !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9dc16b8 */.elementor-20 .elementor-element.elementor-element-9dc16b8 .texto-cupom{
    font-size: 14px !important;
    color: #4CA6FF;
    line-height: 1.2em !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e7801c3 */.elementor-20 .elementor-element.elementor-element-e7801c3 .texto-cupom{
    font-size: 14px !important;
    color: #4CA6FF;
    line-height: 1.2em !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-fe2afe9 */.elementor-20 .elementor-element.elementor-element-fe2afe9 .texto-cupom{
    font-size: 14px !important;
    color: #4CA6FF;
    line-height: 1.2em !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a813680 */.elementor-20 .elementor-element.elementor-element-a813680 .texto-cupom{
    font-size: 14px !important;
    color: #4CA6FF;
    line-height: 1.2em !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8fcb3ac */.elementor-20 .elementor-element.elementor-element-8fcb3ac .texto-cupom{
    font-size: 14px !important;
    color: #4CA6FF;
    line-height: 1.2em !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-68d5694 *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://xispeh.com/wp-content/uploads/2025/10/Modulo1.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 180px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card:hover .card-list {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-09a7b49 *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card2 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card2:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card2::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header2 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me2 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card2:hover .click-me2 {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content2 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content2 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 150px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list2 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list2 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list2 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card2:hover .card-list2 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-55150a8 *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card3 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-2.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card3:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card3::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header3 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header3 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me3 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card3:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content3 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content3 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 150px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list3 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list3 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list3 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card3:hover .card-list3 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e9a5bb *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card4 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-3.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card4:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card4::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header4 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header4 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me4 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card4:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content4 {
  position: relative;
  z-index: 2;
  padding: 10px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content4 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 270px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list4 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list4 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list4 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card4:hover .card-list4 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cdac21b *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card5 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-4.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card5:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card5::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header5 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header5 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me5 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card5:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content5 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content5 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 210px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list5 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list5 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list5 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card5:hover .card-list5 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a2066d *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card6 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-5.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card6:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card6::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header6 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header6 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me6 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card6:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content6 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content6 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 250px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list6 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list6 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list6 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card6:hover .card-list6 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f070d6 *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card7 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-6.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card7:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card7::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header7 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header7 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me7 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card7:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content7 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content7 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 180px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list7 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list7 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list7 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card7:hover .card-list7 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0e763dd *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card8 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-7.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card8:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card8::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header8 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header8 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me8 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card8:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content8 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content8 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 210px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list8 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list8 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list8 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card8:hover .card-list8 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b86077e *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card9 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-8.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card9:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card9::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header9 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header9 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me9 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card9:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content9 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content9 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 160px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list9 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list9 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list9 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card9:hover .card-list9 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2180c4c *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card10 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-9.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card10:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card10::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header10 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header10 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me10 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card10:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content10 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content10 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 180px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list10 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list10 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list10 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card10:hover .card-list10 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-377f39c *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card11 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-10.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card11:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card11::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header11 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header11 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me11 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card11:hover .click-me11 {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content11 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content11 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 310px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list11 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list11 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list11 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card11:hover .card-list11 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-af5f4fc *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card12 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-11.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card12:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card12::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header12 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header12 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me12 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card12:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content12 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content12 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 250px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list12 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list12 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list12 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card12:hover .card-list12 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-68d5694 *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://xispeh.com/wp-content/uploads/2025/10/Modulo1.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 180px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card:hover .card-list {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-09a7b49 *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card2 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card2:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card2::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header2 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me2 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card2:hover .click-me2 {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content2 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content2 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 150px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list2 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list2 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list2 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card2:hover .card-list2 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-55150a8 *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card3 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-2.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card3:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card3::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header3 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header3 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me3 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card3:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content3 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content3 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 150px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list3 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list3 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list3 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card3:hover .card-list3 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e9a5bb *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card4 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-3.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card4:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card4::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header4 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header4 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me4 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card4:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content4 {
  position: relative;
  z-index: 2;
  padding: 10px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content4 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 270px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list4 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list4 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list4 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card4:hover .card-list4 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cdac21b *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card5 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-4.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card5:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card5::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header5 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header5 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me5 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card5:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content5 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content5 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 210px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list5 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list5 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list5 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card5:hover .card-list5 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a2066d *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card6 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-5.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card6:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card6::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header6 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header6 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me6 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card6:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content6 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content6 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 250px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list6 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list6 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list6 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card6:hover .card-list6 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f070d6 *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card7 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-6.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card7:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card7::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header7 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header7 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me7 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card7:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content7 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content7 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 180px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list7 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list7 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list7 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card7:hover .card-list7 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0e763dd *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card8 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-7.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card8:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card8::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header8 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header8 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me8 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card8:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content8 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content8 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 210px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list8 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list8 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list8 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card8:hover .card-list8 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b86077e *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card9 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-8.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card9:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card9::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header9 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header9 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me9 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card9:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content9 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content9 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 160px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list9 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list9 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list9 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card9:hover .card-list9 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2180c4c *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card10 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-9.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card10:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card10::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header10 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header10 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me10 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card10:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content10 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content10 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 180px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list10 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list10 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list10 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card10:hover .card-list10 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-377f39c *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card11 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-10.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card11:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card11::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header11 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header11 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me11 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card11:hover .click-me11 {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content11 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content11 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 310px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list11 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list11 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list11 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card11:hover .card-list11 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-af5f4fc *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card12 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-11.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card12:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card12::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header12 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header12 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me12 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card12:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content12 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content12 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 250px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list12 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list12 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list12 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card12:hover .card-list12 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-68d5694 *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://xispeh.com/wp-content/uploads/2025/10/Modulo1.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 180px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card:hover .card-list {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-09a7b49 *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card2 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card2:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card2::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header2 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me2 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card2:hover .click-me2 {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content2 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content2 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 150px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list2 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list2 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list2 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card2:hover .card-list2 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-55150a8 *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card3 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-2.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card3:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card3::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header3 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header3 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me3 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card3:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content3 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content3 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 150px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list3 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list3 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list3 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card3:hover .card-list3 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e9a5bb *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card4 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-3.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card4:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card4::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header4 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header4 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me4 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card4:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content4 {
  position: relative;
  z-index: 2;
  padding: 10px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content4 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 270px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list4 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list4 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list4 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card4:hover .card-list4 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cdac21b *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card5 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-4.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card5:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card5::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header5 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header5 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me5 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card5:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content5 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content5 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 210px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list5 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list5 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list5 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card5:hover .card-list5 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a2066d *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card6 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-5.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card6:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card6::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header6 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header6 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me6 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card6:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content6 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content6 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 250px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list6 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list6 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list6 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card6:hover .card-list6 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f070d6 *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card7 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-6.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card7:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card7::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header7 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header7 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me7 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card7:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content7 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content7 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 180px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list7 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list7 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list7 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card7:hover .card-list7 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0e763dd *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card8 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-7.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card8:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card8::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header8 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header8 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me8 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card8:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content8 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content8 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 210px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list8 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list8 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list8 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card8:hover .card-list8 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b86077e *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card9 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-8.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card9:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card9::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header9 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header9 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me9 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card9:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content9 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content9 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 160px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list9 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list9 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list9 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card9:hover .card-list9 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2180c4c *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card10 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-9.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card10:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card10::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header10 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header10 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me10 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card10:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content10 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content10 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 180px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list10 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list10 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list10 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card10:hover .card-list10 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-377f39c *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card11 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-10.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card11:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card11::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header11 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header11 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me11 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card11:hover .click-me11 {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content11 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content11 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 310px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list11 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list11 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list11 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card11:hover .card-list11 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-af5f4fc *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card12 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-11.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card12:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card12::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header12 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header12 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me12 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card12:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content12 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content12 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 250px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list12 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list12 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list12 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card12:hover .card-list12 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-68d5694 *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://xispeh.com/wp-content/uploads/2025/10/Modulo1.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 180px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card:hover .card-list {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-09a7b49 *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card2 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card2:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card2::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header2 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me2 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card2:hover .click-me2 {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content2 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content2 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 150px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list2 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list2 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list2 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card2:hover .card-list2 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-55150a8 *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card3 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-2.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card3:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card3::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header3 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header3 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me3 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card3:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content3 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content3 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 150px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list3 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list3 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list3 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card3:hover .card-list3 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e9a5bb *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card4 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-3.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card4:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card4::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header4 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header4 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me4 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card4:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content4 {
  position: relative;
  z-index: 2;
  padding: 10px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content4 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 270px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list4 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list4 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list4 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card4:hover .card-list4 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cdac21b *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card5 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-4.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card5:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card5::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header5 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header5 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me5 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card5:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content5 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content5 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 210px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list5 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list5 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list5 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card5:hover .card-list5 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a2066d *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card6 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-5.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card6:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card6::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header6 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header6 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me6 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card6:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content6 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content6 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 250px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list6 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list6 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list6 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card6:hover .card-list6 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f070d6 *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card7 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-6.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card7:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card7::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header7 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header7 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me7 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card7:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content7 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content7 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 180px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list7 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list7 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list7 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card7:hover .card-list7 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0e763dd *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card8 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-7.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card8:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card8::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header8 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header8 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me8 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card8:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content8 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content8 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 210px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list8 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list8 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list8 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card8:hover .card-list8 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b86077e *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card9 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-8.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card9:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card9::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header9 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header9 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me9 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card9:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content9 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content9 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 160px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list9 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list9 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list9 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card9:hover .card-list9 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2180c4c *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card10 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-9.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card10:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card10::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header10 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header10 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me10 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card10:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content10 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content10 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 180px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list10 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list10 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list10 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card10:hover .card-list10 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-377f39c *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card11 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-10.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card11:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card11::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header11 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header11 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me11 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card11:hover .click-me11 {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content11 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content11 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 310px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list11 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list11 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list11 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card11:hover .card-list11 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-af5f4fc *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card12 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-11.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card12:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card12::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header12 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header12 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me12 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card12:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content12 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content12 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 250px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list12 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list12 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list12 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card12:hover .card-list12 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-68d5694 *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://xispeh.com/wp-content/uploads/2025/10/Modulo1.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 180px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card:hover .card-list {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-09a7b49 *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card2 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card2:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card2::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header2 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me2 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card2:hover .click-me2 {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content2 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content2 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 150px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list2 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list2 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list2 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card2:hover .card-list2 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-55150a8 *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card3 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-2.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card3:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card3::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header3 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header3 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me3 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card3:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content3 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content3 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 150px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list3 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list3 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list3 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card3:hover .card-list3 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e9a5bb *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card4 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-3.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card4:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card4::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header4 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header4 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me4 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card4:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content4 {
  position: relative;
  z-index: 2;
  padding: 10px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content4 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 270px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list4 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list4 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list4 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card4:hover .card-list4 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cdac21b *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card5 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-4.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card5:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card5::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header5 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header5 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me5 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card5:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content5 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content5 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 210px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list5 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list5 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list5 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card5:hover .card-list5 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a2066d *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card6 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-5.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card6:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card6::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header6 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header6 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me6 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card6:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content6 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content6 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 250px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list6 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list6 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list6 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card6:hover .card-list6 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f070d6 *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card7 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-6.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card7:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card7::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header7 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header7 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me7 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card7:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content7 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content7 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 180px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list7 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list7 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list7 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card7:hover .card-list7 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0e763dd *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card8 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-7.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card8:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card8::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header8 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header8 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me8 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card8:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content8 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content8 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 210px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list8 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list8 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list8 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card8:hover .card-list8 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b86077e *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card9 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-8.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card9:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card9::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header9 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header9 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me9 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card9:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content9 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content9 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 160px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list9 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list9 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list9 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card9:hover .card-list9 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2180c4c *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card10 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-9.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card10:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card10::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header10 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header10 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me10 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card10:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content10 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content10 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 180px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list10 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list10 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list10 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card10:hover .card-list10 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-377f39c *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card11 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-10.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card11:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card11::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header11 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header11 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me11 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card11:hover .click-me11 {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content11 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content11 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 310px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list11 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list11 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list11 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card11:hover .card-list11 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-af5f4fc *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card12 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-11.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card12:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card12::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header12 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header12 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me12 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card12:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content12 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content12 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 250px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list12 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list12 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list12 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card12:hover .card-list12 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-68d5694 *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://xispeh.com/wp-content/uploads/2025/10/Modulo1.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 180px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card:hover .card-list {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-09a7b49 *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card2 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card2:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card2::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header2 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me2 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card2:hover .click-me2 {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content2 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content2 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 150px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list2 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list2 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list2 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card2:hover .card-list2 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-55150a8 *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card3 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-2.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card3:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card3::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header3 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header3 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me3 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card3:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content3 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content3 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 150px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list3 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list3 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list3 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card3:hover .card-list3 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e9a5bb *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card4 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-3.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card4:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card4::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header4 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header4 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me4 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card4:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content4 {
  position: relative;
  z-index: 2;
  padding: 10px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content4 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 270px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list4 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list4 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list4 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card4:hover .card-list4 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cdac21b *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card5 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-4.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card5:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card5::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header5 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header5 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me5 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card5:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content5 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content5 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 210px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list5 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list5 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list5 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card5:hover .card-list5 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a2066d *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card6 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-5.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card6:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card6::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header6 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header6 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me6 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card6:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content6 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content6 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 250px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list6 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list6 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list6 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card6:hover .card-list6 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f070d6 *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card7 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-6.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card7:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card7::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header7 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header7 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me7 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card7:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content7 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content7 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 180px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list7 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list7 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list7 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card7:hover .card-list7 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0e763dd *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card8 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-7.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card8:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card8::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header8 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header8 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me8 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card8:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content8 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content8 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 210px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list8 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list8 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list8 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card8:hover .card-list8 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b86077e *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card9 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-8.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card9:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card9::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header9 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header9 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me9 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card9:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content9 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content9 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 160px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list9 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list9 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list9 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card9:hover .card-list9 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2180c4c *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card10 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-9.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card10:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card10::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header10 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header10 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me10 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card10:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content10 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content10 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 180px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list10 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list10 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list10 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card10:hover .card-list10 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-377f39c *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card11 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-10.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card11:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card11::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header11 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header11 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me11 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card11:hover .click-me11 {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content11 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content11 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 310px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list11 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list11 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list11 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card11:hover .card-list11 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-af5f4fc *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card12 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-11.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card12:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card12::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header12 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header12 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me12 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card12:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content12 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content12 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 250px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list12 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list12 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list12 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card12:hover .card-list12 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-68d5694 *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://xispeh.com/wp-content/uploads/2025/10/Modulo1.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 180px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card:hover .card-list {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-09a7b49 *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card2 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card2:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card2::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header2 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me2 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card2:hover .click-me2 {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content2 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content2 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 150px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list2 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list2 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list2 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card2:hover .card-list2 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-55150a8 *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card3 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-2.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card3:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card3::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header3 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header3 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me3 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card3:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content3 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content3 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 150px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list3 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list3 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list3 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card3:hover .card-list3 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e9a5bb *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card4 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-3.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card4:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card4::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header4 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header4 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me4 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card4:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content4 {
  position: relative;
  z-index: 2;
  padding: 10px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content4 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 270px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list4 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list4 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list4 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card4:hover .card-list4 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cdac21b *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card5 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-4.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card5:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card5::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header5 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header5 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me5 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card5:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content5 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content5 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 210px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list5 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list5 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list5 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card5:hover .card-list5 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a2066d *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card6 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-5.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card6:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card6::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header6 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header6 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me6 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card6:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content6 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content6 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 250px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list6 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list6 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list6 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card6:hover .card-list6 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f070d6 *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card7 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-6.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card7:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card7::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header7 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header7 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me7 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card7:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content7 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content7 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 180px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list7 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list7 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list7 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card7:hover .card-list7 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0e763dd *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card8 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-7.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card8:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card8::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header8 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header8 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me8 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card8:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content8 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content8 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 210px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list8 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list8 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list8 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card8:hover .card-list8 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b86077e *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card9 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-8.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card9:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card9::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header9 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header9 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me9 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card9:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content9 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content9 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 160px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list9 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list9 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list9 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card9:hover .card-list9 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2180c4c *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card10 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-9.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card10:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card10::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header10 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header10 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me10 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card10:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content10 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content10 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 180px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list10 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list10 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list10 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card10:hover .card-list10 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-377f39c *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card11 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-10.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card11:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card11::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header11 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header11 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me11 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card11:hover .click-me11 {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content11 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content11 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 310px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list11 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list11 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list11 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card11:hover .card-list11 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-af5f4fc *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card12 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-11.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card12:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card12::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header12 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header12 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me12 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card12:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content12 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content12 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 250px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list12 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list12 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list12 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card12:hover .card-list12 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-68d5694 *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://xispeh.com/wp-content/uploads/2025/10/Modulo1.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 180px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card:hover .card-list {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-09a7b49 *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card2 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card2:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card2::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header2 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me2 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card2:hover .click-me2 {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content2 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content2 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 150px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list2 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list2 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list2 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card2:hover .card-list2 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-55150a8 *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card3 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-2.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card3:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card3::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header3 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header3 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me3 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card3:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content3 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content3 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 150px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list3 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list3 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list3 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card3:hover .card-list3 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e9a5bb *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card4 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-3.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card4:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card4::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header4 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header4 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me4 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card4:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content4 {
  position: relative;
  z-index: 2;
  padding: 10px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content4 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 270px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list4 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list4 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list4 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card4:hover .card-list4 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cdac21b *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card5 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-4.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card5:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card5::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header5 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header5 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me5 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card5:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content5 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content5 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 210px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list5 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list5 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list5 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card5:hover .card-list5 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a2066d *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card6 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-5.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card6:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card6::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header6 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header6 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me6 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card6:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content6 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content6 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 250px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list6 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list6 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list6 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card6:hover .card-list6 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f070d6 *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card7 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-6.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card7:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card7::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header7 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header7 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me7 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card7:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content7 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content7 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 180px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list7 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list7 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list7 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card7:hover .card-list7 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0e763dd *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card8 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-7.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card8:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card8::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header8 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header8 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me8 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card8:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content8 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content8 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 210px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list8 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list8 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list8 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card8:hover .card-list8 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b86077e *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card9 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-8.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card9:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card9::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header9 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header9 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me9 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card9:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content9 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content9 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 160px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list9 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list9 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list9 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card9:hover .card-list9 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2180c4c *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card10 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-9.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card10:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card10::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header10 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header10 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me10 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card10:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content10 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content10 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 180px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list10 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list10 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list10 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card10:hover .card-list10 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-377f39c *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card11 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-10.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card11:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card11::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header11 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header11 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me11 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card11:hover .click-me11 {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content11 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content11 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 310px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list11 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list11 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list11 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card11:hover .card-list11 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-af5f4fc *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card12 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-11.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card12:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card12::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header12 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header12 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me12 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card12:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content12 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content12 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 250px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list12 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list12 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list12 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card12:hover .card-list12 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-68d5694 *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://xispeh.com/wp-content/uploads/2025/10/Modulo1.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 180px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card:hover .card-list {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-09a7b49 *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card2 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card2:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card2::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header2 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me2 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card2:hover .click-me2 {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content2 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content2 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 150px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list2 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list2 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list2 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card2:hover .card-list2 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-55150a8 *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card3 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-2.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card3:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card3::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header3 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header3 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me3 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card3:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content3 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content3 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 150px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list3 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list3 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list3 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card3:hover .card-list3 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e9a5bb *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card4 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-3.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card4:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card4::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header4 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header4 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me4 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card4:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content4 {
  position: relative;
  z-index: 2;
  padding: 10px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content4 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 270px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list4 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list4 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list4 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card4:hover .card-list4 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cdac21b *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card5 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-4.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card5:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card5::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header5 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header5 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me5 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card5:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content5 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content5 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 210px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list5 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list5 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list5 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card5:hover .card-list5 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a2066d *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card6 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-5.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card6:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card6::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header6 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header6 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me6 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card6:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content6 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content6 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 250px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list6 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list6 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list6 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card6:hover .card-list6 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f070d6 *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card7 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-6.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card7:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card7::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header7 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header7 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me7 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card7:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content7 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content7 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 180px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list7 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list7 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list7 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card7:hover .card-list7 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0e763dd *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card8 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-7.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card8:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card8::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header8 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header8 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me8 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card8:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content8 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content8 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 210px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list8 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list8 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list8 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card8:hover .card-list8 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b86077e *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card9 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-8.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card9:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card9::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header9 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header9 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me9 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card9:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content9 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content9 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 160px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list9 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list9 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list9 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card9:hover .card-list9 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2180c4c *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card10 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-9.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card10:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card10::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header10 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header10 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me10 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card10:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content10 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content10 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 180px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list10 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list10 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list10 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card10:hover .card-list10 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-377f39c *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card11 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-10.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card11:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card11::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header11 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header11 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me11 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card11:hover .click-me11 {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content11 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content11 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 310px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list11 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list11 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list11 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card11:hover .card-list11 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-af5f4fc *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card12 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-11.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card12:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card12::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header12 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header12 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me12 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card12:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content12 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content12 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 250px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list12 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list12 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list12 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card12:hover .card-list12 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-68d5694 *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://xispeh.com/wp-content/uploads/2025/10/Modulo1.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 180px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card:hover .card-list {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-09a7b49 *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card2 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card2:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card2::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header2 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me2 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card2:hover .click-me2 {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content2 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content2 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 150px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list2 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list2 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list2 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card2:hover .card-list2 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-55150a8 *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card3 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-2.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card3:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card3::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header3 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header3 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me3 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card3:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content3 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content3 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 150px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list3 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list3 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list3 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card3:hover .card-list3 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e9a5bb *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card4 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-3.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card4:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card4::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header4 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header4 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me4 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card4:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content4 {
  position: relative;
  z-index: 2;
  padding: 10px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content4 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 270px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list4 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list4 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list4 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card4:hover .card-list4 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cdac21b *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card5 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-4.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card5:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card5::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header5 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header5 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me5 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card5:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content5 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content5 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 210px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list5 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list5 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list5 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card5:hover .card-list5 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a2066d *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card6 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-5.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card6:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card6::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header6 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header6 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me6 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card6:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content6 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content6 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 250px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list6 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list6 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list6 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card6:hover .card-list6 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f070d6 *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card7 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-6.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card7:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card7::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header7 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header7 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me7 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card7:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content7 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content7 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 180px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list7 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list7 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list7 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card7:hover .card-list7 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0e763dd *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card8 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-7.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card8:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card8::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header8 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header8 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me8 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card8:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content8 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content8 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 210px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list8 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list8 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list8 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card8:hover .card-list8 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b86077e *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card9 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-8.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card9:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card9::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header9 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header9 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me9 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card9:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content9 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content9 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 160px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list9 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list9 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list9 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card9:hover .card-list9 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2180c4c *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card10 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-9.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card10:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card10::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header10 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header10 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me10 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card10:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content10 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content10 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 180px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list10 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list10 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list10 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card10:hover .card-list10 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-377f39c *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card11 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-10.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card11:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card11::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header11 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header11 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me11 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card11:hover .click-me11 {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content11 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content11 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 310px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list11 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list11 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list11 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card11:hover .card-list11 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-af5f4fc *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card12 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-11.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card12:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card12::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header12 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header12 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me12 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card12:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content12 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content12 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 250px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list12 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list12 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list12 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card12:hover .card-list12 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-68d5694 *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://xispeh.com/wp-content/uploads/2025/10/Modulo1.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 180px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card:hover .card-list {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-09a7b49 *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card2 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card2:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card2::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header2 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me2 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card2:hover .click-me2 {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content2 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content2 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 150px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list2 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list2 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list2 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card2:hover .card-list2 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-55150a8 *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card3 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-2.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card3:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card3::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header3 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header3 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me3 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card3:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content3 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content3 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 150px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list3 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list3 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list3 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card3:hover .card-list3 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e9a5bb *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card4 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-3.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card4:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card4::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header4 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header4 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me4 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card4:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content4 {
  position: relative;
  z-index: 2;
  padding: 10px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content4 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 270px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list4 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list4 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list4 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card4:hover .card-list4 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cdac21b *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card5 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-4.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card5:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card5::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header5 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header5 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me5 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card5:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content5 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content5 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 210px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list5 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list5 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list5 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card5:hover .card-list5 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a2066d *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card6 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-5.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card6:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card6::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header6 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header6 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me6 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card6:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content6 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content6 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 250px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list6 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list6 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list6 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card6:hover .card-list6 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f070d6 *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card7 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-6.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card7:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card7::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header7 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header7 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me7 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card7:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content7 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content7 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 180px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list7 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list7 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list7 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card7:hover .card-list7 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0e763dd *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card8 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-7.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card8:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card8::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header8 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header8 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me8 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card8:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content8 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content8 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 210px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list8 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list8 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list8 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card8:hover .card-list8 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b86077e *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card9 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-8.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card9:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card9::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header9 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header9 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me9 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card9:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content9 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content9 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 160px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list9 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list9 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list9 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card9:hover .card-list9 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2180c4c *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card10 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-9.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card10:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card10::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header10 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header10 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me10 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card10:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content10 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content10 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 180px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list10 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list10 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list10 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card10:hover .card-list10 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-377f39c *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card11 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-10.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card11:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card11::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header11 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header11 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me11 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card11:hover .click-me11 {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content11 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content11 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 310px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list11 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list11 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list11 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card11:hover .card-list11 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-af5f4fc *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card12 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-11.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card12:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card12::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header12 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header12 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me12 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card12:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content12 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content12 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 250px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list12 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list12 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list12 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card12:hover .card-list12 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-68d5694 *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://xispeh.com/wp-content/uploads/2025/10/Modulo1.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 180px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card:hover .card-list {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-09a7b49 *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card2 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card2:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card2::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header2 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me2 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card2:hover .click-me2 {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content2 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content2 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 150px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list2 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list2 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list2 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card2:hover .card-list2 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-55150a8 *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card3 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-2.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card3:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card3::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header3 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header3 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me3 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card3:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content3 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content3 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 150px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list3 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list3 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list3 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card3:hover .card-list3 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e9a5bb *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card4 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-3.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card4:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card4::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header4 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header4 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me4 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card4:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content4 {
  position: relative;
  z-index: 2;
  padding: 10px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content4 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 270px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list4 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list4 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list4 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card4:hover .card-list4 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cdac21b *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card5 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-4.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card5:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card5::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header5 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header5 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me5 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card5:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content5 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content5 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 210px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list5 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list5 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list5 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card5:hover .card-list5 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a2066d *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card6 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-5.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card6:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card6::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header6 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header6 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me6 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card6:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content6 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content6 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 250px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list6 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list6 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list6 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card6:hover .card-list6 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f070d6 *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card7 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-6.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card7:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card7::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header7 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header7 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me7 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card7:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content7 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content7 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 180px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list7 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list7 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list7 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card7:hover .card-list7 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0e763dd *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card8 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-7.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card8:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card8::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header8 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header8 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me8 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card8:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content8 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content8 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 210px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list8 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list8 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list8 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card8:hover .card-list8 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b86077e *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card9 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-8.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card9:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card9::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header9 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header9 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me9 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card9:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content9 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content9 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 160px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list9 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list9 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list9 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card9:hover .card-list9 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2180c4c *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card10 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-9.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card10:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card10::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header10 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header10 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me10 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card10:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content10 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content10 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 180px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list10 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list10 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list10 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card10:hover .card-list10 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-377f39c *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card11 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-10.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card11:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card11::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header11 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header11 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me11 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card11:hover .click-me11 {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content11 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content11 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 310px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list11 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list11 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list11 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card11:hover .card-list11 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-af5f4fc *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card12 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-11.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card12:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card12::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header12 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header12 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me12 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card12:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content12 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content12 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 250px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list12 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list12 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list12 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card12:hover .card-list12 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-68d5694 *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://xispeh.com/wp-content/uploads/2025/10/Modulo1.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 180px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card:hover .card-list {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-09a7b49 *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card2 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card2:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card2::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header2 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me2 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card2:hover .click-me2 {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content2 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content2 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 150px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list2 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list2 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list2 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card2:hover .card-list2 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-55150a8 *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card3 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-2.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card3:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card3::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header3 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header3 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me3 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card3:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content3 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content3 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 150px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list3 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list3 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list3 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card3:hover .card-list3 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e9a5bb *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card4 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-3.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card4:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card4::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header4 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header4 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me4 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card4:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content4 {
  position: relative;
  z-index: 2;
  padding: 10px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content4 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 270px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list4 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list4 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list4 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card4:hover .card-list4 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cdac21b *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card5 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-4.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card5:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card5::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header5 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header5 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me5 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card5:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content5 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content5 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 210px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list5 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list5 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list5 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card5:hover .card-list5 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a2066d *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card6 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-5.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card6:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card6::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header6 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header6 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me6 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card6:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content6 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content6 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 250px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list6 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list6 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list6 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card6:hover .card-list6 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f070d6 *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card7 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-6.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card7:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card7::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header7 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header7 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me7 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card7:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content7 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content7 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 180px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list7 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list7 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list7 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card7:hover .card-list7 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0e763dd *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card8 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-7.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card8:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card8::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header8 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header8 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me8 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card8:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content8 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content8 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 210px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list8 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list8 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list8 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card8:hover .card-list8 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b86077e *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card9 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-8.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card9:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card9::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header9 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header9 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me9 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card9:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content9 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content9 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 160px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list9 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list9 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list9 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card9:hover .card-list9 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2180c4c *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card10 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-9.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card10:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card10::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header10 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header10 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me10 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card10:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content10 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content10 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 180px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list10 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list10 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list10 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card10:hover .card-list10 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-377f39c *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card11 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-10.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card11:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card11::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header11 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header11 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me11 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card11:hover .click-me11 {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content11 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content11 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 310px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list11 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list11 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list11 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card11:hover .card-list11 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-af5f4fc *//* ======== FONTES (se tiver o arquivo da SF UI Display, substitua o caminho abaixo) ======== */
/*
@font-face {
  font-family: "SF UI Display";
  src: url("/fonts/SFUIDisplay-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
*/

/* ======== CARD GERAL ======== */
.card12 {
  width: 322px;
  height: 514px;
  border-radius: 29px;
  overflow: hidden;
  position: relative;
  background-image: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/Rectangle-40832-11.webp');
  background-size: cover;
  background-position: center;
  color: #F9F4EB;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 6px 25px rgba(0,0,0,0.35);
  transition: transform 0.4s ease;
}

.card12:hover {
  transform: translateY(-4px);
}

/* Gradiente escuro na base */
.card12::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.15) 70%);
  z-index: 1;
}

/* ======== TOPO (MÓDULO 1) ======== */
.card-header12 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #F9F4EB;
  text-align: center;
  border-radius: 16px 16px 0 0;
  padding: 10px 0;
  z-index: 3;
}

.card-header12 h3 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0;
}

/* ======== TEXTO "CLIQUE EM MIM" ======== */
.click-me12 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(213, 191, 156, 0.9);
  color: #000;
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(213,191,156,0.7);
  z-index: 4;
  opacity: 0;
  animation: fadeFloat 2s ease-in-out infinite alternate;
  transition: opacity 0.5s ease;
}

.card12:hover .click-me {
  opacity: 0;
}

/* Animação suave de flutuação + fade */
@keyframes fadeFloat {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -10px);
    opacity: 0.7;
  }
}

/* ======== CONTEÚDO ======== */
.card-content12 {
  position: relative;
  z-index: 2;
  padding: 140px 22px 30px 22px;
  text-align: center;
}

/* Título principal */
.card-content12 h4 {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 250px;
  color: #fff;
}

/* ======== LISTA COM ÍCONES ======== */
.card-list12 {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.card-list12 li {
  font-family: "SF UI Display", -apple-system, "Segoe UI", Roboto, Arial;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255,0.95);
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}

/* Ícones SVG */
.card-list12 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/CHECK-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Fade-in + subir em toda a lista */
.card12:hover .card-list12 {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-0c139b0 */.elementor-20 .elementor-element.elementor-element-0c139b0{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-20c1e63 */.elementor-20 .elementor-element.elementor-element-20c1e63{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1eca905 */.elementor-20 .elementor-element.elementor-element-1eca905 {
    box-shadow: 0px 129.263px 36.625px 0px rgba(0, 0, 0, 0.00), 0px 82.944px 33.393px 0px rgba(0, 0, 0, 0.01), 0px 46.319px 28.007px 0px rgba(0, 0, 0, 0.04), 0px 20.467px 20.467px 0px rgba(0, 0, 0, 0.06), 0px 5.386px 11.849px 0px rgba(0, 0, 0, 0.07);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c370661 */.elementor-20 .elementor-element.elementor-element-c370661{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1007f82 */.elementor-20 .elementor-element.elementor-element-1007f82 {
    box-shadow: 0px 129.263px 36.625px 0px rgba(0, 0, 0, 0.00), 0px 82.944px 33.393px 0px rgba(0, 0, 0, 0.01), 0px 46.319px 28.007px 0px rgba(0, 0, 0, 0.04), 0px 20.467px 20.467px 0px rgba(0, 0, 0, 0.06), 0px 5.386px 11.849px 0px rgba(0, 0, 0, 0.07);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9831262 */.elementor-20 .elementor-element.elementor-element-9831262{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5410376 */.elementor-20 .elementor-element.elementor-element-5410376 {
    box-shadow: 0px 129.263px 36.625px 0px rgba(0, 0, 0, 0.00), 0px 82.944px 33.393px 0px rgba(0, 0, 0, 0.01), 0px 46.319px 28.007px 0px rgba(0, 0, 0, 0.04), 0px 20.467px 20.467px 0px rgba(0, 0, 0, 0.06), 0px 5.386px 11.849px 0px rgba(0, 0, 0, 0.07);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-22b1439 */.elementor-20 .elementor-element.elementor-element-22b1439{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-78e5ae0 */.elementor-20 .elementor-element.elementor-element-78e5ae0 {
    box-shadow: 0px 129.263px 36.625px 0px rgba(0, 0, 0, 0.00), 0px 82.944px 33.393px 0px rgba(0, 0, 0, 0.01), 0px 46.319px 28.007px 0px rgba(0, 0, 0, 0.04), 0px 20.467px 20.467px 0px rgba(0, 0, 0, 0.06), 0px 5.386px 11.849px 0px rgba(0, 0, 0, 0.07);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-69e3da2 */.elementor-20 .elementor-element.elementor-element-69e3da2 .texto-cupom{
    font-size: 14px !important;
    color: #4CA6FF;
    line-height: 1.2em !important;
}

.elementor-20 .elementor-element.elementor-element-69e3da2{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-5573ba3 */.elementor-20 .elementor-element.elementor-element-5573ba3{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3d6e829 */.elementor-20 .elementor-element.elementor-element-3d6e829 .texto-cupom{
    font-size: 14px !important;
    color: #4CA6FF;
    line-height: 1.2em !important;
}

.elementor-20 .elementor-element.elementor-element-3d6e829{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f48809c */.elementor-20 .elementor-element.elementor-element-f48809c{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-14ac4aa */.elementor-20 .elementor-element.elementor-element-14ac4aa .texto-cupom{
    font-size: 14px !important;
    color: #4CA6FF;
    line-height: 1.2em !important;
}

.elementor-20 .elementor-element.elementor-element-14ac4aa{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-7203d71 */.elementor-20 .elementor-element.elementor-element-7203d71{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-88b336e */.elementor-20 .elementor-element.elementor-element-88b336e .texto-cupom{
    font-size: 14px !important;
    color: #4CA6FF;
    line-height: 1.2em !important;
}

.elementor-20 .elementor-element.elementor-element-88b336e{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0e12a24 */.elementor-20 .elementor-element.elementor-element-0e12a24{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4ea9cc3 */.elementor-20 .elementor-element.elementor-element-4ea9cc3 .texto-cupom{
    font-size: 14px !important;
    color: #4CA6FF;
    line-height: 1.2em !important;
}

.elementor-20 .elementor-element.elementor-element-4ea9cc3{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ce94e2a */.elementor-20 .elementor-element.elementor-element-ce94e2a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-08c11d8 */.elementor-20 .elementor-element.elementor-element-08c11d8 .texto-cupom{
    font-size: 14px !important;
    color: #4CA6FF;
    line-height: 1.2em !important;
}

.elementor-20 .elementor-element.elementor-element-08c11d8{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-6b23076 */.elementor-20 .elementor-element.elementor-element-6b23076{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-05e524b */.elementor-20 .elementor-element.elementor-element-05e524b .e-n-accordion-item-title {
    display: flex;
    justify-content: space-between; /* mantém texto à esquerda e ícone à direita */
    align-items: center; /* centraliza verticalmente */
}

.elementor-20 .elementor-element.elementor-element-05e524b .e-n-accordion-item-title-icon {
    margin-left: 0 !important; /* remove o margin que você colocou */
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-45f448a */.elementor-20 .elementor-element.elementor-element-45f448a .e-n-accordion-item-title {
    display: flex;
    justify-content: space-between; /* mantém texto à esquerda e ícone à direita */
    align-items: center; /* centraliza verticalmente */
}

.elementor-20 .elementor-element.elementor-element-45f448a .e-n-accordion-item-title-icon {
    margin-left: 0 !important; /* remove o margin que você colocou */
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-0902cf9 */.elementor-20 .elementor-element.elementor-element-0902cf9 .e-n-accordion-item-title {
    display: flex;
    justify-content: space-between; /* mantém texto à esquerda e ícone à direita */
    align-items: center; /* centraliza verticalmente */
}

.elementor-20 .elementor-element.elementor-element-0902cf9 .e-n-accordion-item-title-icon {
    margin-left: 0 !important; /* remove o margin que você colocou */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2ab45c4 */a {
    color: white;
    font-weight: 600;
}

a:hover {
    color: white;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-daab159 */a {
    color: white;
    font-weight: 600;
}

a:hover {
    color: white;
}/* End custom CSS */
/* Start custom CSS */.black{
    font-weight: 500;
}
.mobile-break {
  display: none;
}

@media (max-width: 767px) {
  .mobile-break {
    display: inline;
  }
}

.desktop-break {
  display: none;
}

@media (min-width: 768px) {
  .desktop-break {
    display: inline;
  }
}

body{
    overflow-x: hidden;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'SF UI Display';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/SFUIDisplay-Medium.woff2') format('woff2');
}
@font-face {
	font-family: 'SF UI Display';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/sf-ui-display-light-58646b33e0551-1.woff2') format('woff2');
}
@font-face {
	font-family: 'SF UI Display';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://inovaposgraduacao.com.br/wp-content/uploads/2025/10/sf-ui-display-semibold-58646eddcae92-2.woff2') format('woff2');
}
/* End Custom Fonts CSS */