.elementor-7578 .elementor-element.elementor-element-bb04e19{--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;}.elementor-widget-slides .elementor-slide-heading{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-slides .elementor-slide-description{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-slides .elementor-slide-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-7578 .elementor-element.elementor-element-a669aab .elementor-repeater-item-6924079 .swiper-slide-bg{background-color:#833ca3;background-image:url(https://fomento.to.gov.br/wp-content/uploads/2026/05/homenagem_maes_3.png);background-size:cover;}.elementor-7578 .elementor-element.elementor-element-a669aab .elementor-repeater-item-58dc139 .swiper-slide-bg{background-color:#4054b2;background-image:url(https://fomento.to.gov.br/wp-content/uploads/2026/04/b3-new3.png);background-size:cover;}.elementor-7578 .elementor-element.elementor-element-a669aab .elementor-repeater-item-17da05f .swiper-slide-bg{background-color:#1abc9c;background-image:url(https://fomento.to.gov.br/wp-content/uploads/2026/04/b5-new-2.png);background-size:cover;}.elementor-7578 .elementor-element.elementor-element-a669aab .swiper-slide{transition-duration:calc(5000ms*1.2);height:470px;}.elementor-7578 .elementor-element.elementor-element-a669aab .swiper-slide-contents{max-width:66%;}.elementor-7578 .elementor-element.elementor-element-a669aab .swiper-slide-inner{text-align:center;}.elementor-7578 .elementor-element.elementor-element-a9ab8c8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-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-7578 .elementor-element.elementor-element-956695f{--display:flex;--border-radius:30px 30px 30px 30px;}.elementor-7578 .elementor-element.elementor-element-c42470d{--display:flex;--border-radius:30px 30px 30px 30px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.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-7578 .elementor-element.elementor-element-d9d8e54 .elementor-icon-wrapper{text-align:center;}.elementor-7578 .elementor-element.elementor-element-d9d8e54.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-7578 .elementor-element.elementor-element-d9d8e54.elementor-view-framed .elementor-icon, .elementor-7578 .elementor-element.elementor-element-d9d8e54.elementor-view-default .elementor-icon{color:#000000;border-color:#000000;}.elementor-7578 .elementor-element.elementor-element-d9d8e54.elementor-view-framed .elementor-icon, .elementor-7578 .elementor-element.elementor-element-d9d8e54.elementor-view-default .elementor-icon svg{fill:#000000;}.elementor-7578 .elementor-element.elementor-element-3c1bc80{text-align:center;}.elementor-7578 .elementor-element.elementor-element-3c1bc80 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;color:#000000;}.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-7578 .elementor-element.elementor-element-5360b01{text-align:justify;font-family:"Roboto", Sans-serif;font-weight:400;color:#B47A7A;}.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-7578 .elementor-element.elementor-element-e99bb29{--display:flex;}.elementor-7578 .elementor-element.elementor-element-4e4773a{--display:flex;--border-radius:30px 30px 30px 30px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-7578 .elementor-element.elementor-element-2150ad5 .elementor-icon-wrapper{text-align:center;}.elementor-7578 .elementor-element.elementor-element-2150ad5.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-7578 .elementor-element.elementor-element-2150ad5.elementor-view-framed .elementor-icon, .elementor-7578 .elementor-element.elementor-element-2150ad5.elementor-view-default .elementor-icon{color:#000000;border-color:#000000;}.elementor-7578 .elementor-element.elementor-element-2150ad5.elementor-view-framed .elementor-icon, .elementor-7578 .elementor-element.elementor-element-2150ad5.elementor-view-default .elementor-icon svg{fill:#000000;}.elementor-7578 .elementor-element.elementor-element-fd73ae3{text-align:center;}.elementor-7578 .elementor-element.elementor-element-fd73ae3 .elementor-heading-title{color:#000000;}.elementor-7578 .elementor-element.elementor-element-18cfa57{text-align:justify;font-family:"Roboto", Sans-serif;font-weight:400;color:#B47A7A;}.elementor-7578 .elementor-element.elementor-element-cd5f554{--display:flex;}.elementor-7578 .elementor-element.elementor-element-c548951{--display:flex;--border-radius:30px 30px 30px 30px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-7578 .elementor-element.elementor-element-192f9ec .elementor-icon-wrapper{text-align:center;}.elementor-7578 .elementor-element.elementor-element-192f9ec.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-7578 .elementor-element.elementor-element-192f9ec.elementor-view-framed .elementor-icon, .elementor-7578 .elementor-element.elementor-element-192f9ec.elementor-view-default .elementor-icon{color:#000000;border-color:#000000;}.elementor-7578 .elementor-element.elementor-element-192f9ec.elementor-view-framed .elementor-icon, .elementor-7578 .elementor-element.elementor-element-192f9ec.elementor-view-default .elementor-icon svg{fill:#000000;}.elementor-7578 .elementor-element.elementor-element-53d8d3f{text-align:center;}.elementor-7578 .elementor-element.elementor-element-53d8d3f .elementor-heading-title{color:#000000;}.elementor-7578 .elementor-element.elementor-element-efdaf0a{text-align:justify;font-family:"Roboto", Sans-serif;font-weight:400;color:#B47A7A;}.elementor-7578 .elementor-element.elementor-element-e48f9bd{--display:flex;}.elementor-7578 .elementor-element.elementor-element-9cb2081{--display:flex;--border-radius:30px 30px 30px 30px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-7578 .elementor-element.elementor-element-6a70df6 .elementor-icon-wrapper{text-align:center;}.elementor-7578 .elementor-element.elementor-element-6a70df6.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-7578 .elementor-element.elementor-element-6a70df6.elementor-view-framed .elementor-icon, .elementor-7578 .elementor-element.elementor-element-6a70df6.elementor-view-default .elementor-icon{color:#000000;border-color:#000000;}.elementor-7578 .elementor-element.elementor-element-6a70df6.elementor-view-framed .elementor-icon, .elementor-7578 .elementor-element.elementor-element-6a70df6.elementor-view-default .elementor-icon svg{fill:#000000;}.elementor-7578 .elementor-element.elementor-element-7161c24{text-align:center;}.elementor-7578 .elementor-element.elementor-element-7161c24 .elementor-heading-title{color:#000000;}.elementor-7578 .elementor-element.elementor-element-5b4f1ea{text-align:justify;font-family:"Roboto", Sans-serif;font-weight:400;color:#B47A7A;}.elementor-7578 .elementor-element.elementor-element-5e06aad{--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: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;}.elementor-7578 .elementor-element.elementor-element-8ffce0f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-testimonial-carousel .elementor-testimonial__text{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-widget-testimonial-carousel .elementor-testimonial__name{color:var( --e-global-color-text );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-testimonial-carousel .elementor-testimonial__title{color:var( --e-global-color-primary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-7578 .elementor-element.elementor-element-db0dcdf .elementor-main-swiper .swiper-slide{border-radius:0px;}.elementor-7578 .elementor-element.elementor-element-db0dcdf .elementor-swiper-button{font-size:20px;}.elementor-7578 .elementor-element.elementor-element-db0dcdf .elementor-testimonial__image img{width:97px;height:97px;}.elementor-7578 .elementor-element.elementor-element-db0dcdf.elementor-testimonial--layout-image_left .elementor-testimonial__content:after, .elementor-7578 .elementor-element.elementor-element-db0dcdf.elementor-testimonial--layout-image_right .elementor-testimonial__content:after{top:calc( 20px + (97px / 2) - 8px );}body:not(.rtl) .elementor-7578 .elementor-element.elementor-element-db0dcdf.elementor-testimonial--layout-image_stacked:not(.elementor-testimonial--align-center):not(.elementor-testimonial--align-right) .elementor-testimonial__content:after, body:not(.rtl) .elementor-7578 .elementor-element.elementor-element-db0dcdf.elementor-testimonial--layout-image_inline:not(.elementor-testimonial--align-center):not(.elementor-testimonial--align-right) .elementor-testimonial__content:after, .elementor-7578 .elementor-element.elementor-element-db0dcdf.elementor-testimonial--layout-image_stacked.elementor-testimonial--align-left .elementor-testimonial__content:after, .elementor-7578 .elementor-element.elementor-element-db0dcdf.elementor-testimonial--layout-image_inline.elementor-testimonial--align-left .elementor-testimonial__content:after{left:calc( 20px + (97px / 2) - 8px );right:auto;}body.rtl .elementor-7578 .elementor-element.elementor-element-db0dcdf.elementor-testimonial--layout-image_stacked:not(.elementor-testimonial--align-center):not(.elementor-testimonial--align-left) .elementor-testimonial__content:after, body.rtl .elementor-7578 .elementor-element.elementor-element-db0dcdf.elementor-testimonial--layout-image_inline:not(.elementor-testimonial--align-center):not(.elementor-testimonial--align-left) .elementor-testimonial__content:after, .elementor-7578 .elementor-element.elementor-element-db0dcdf.elementor-testimonial--layout-image_stacked.elementor-testimonial--align-right .elementor-testimonial__content:after, .elementor-7578 .elementor-element.elementor-element-db0dcdf.elementor-testimonial--layout-image_inline.elementor-testimonial--align-right .elementor-testimonial__content:after{right:calc( 20px + (97px / 2) - 8px );left:auto;}body:not(.rtl) .elementor-7578 .elementor-element.elementor-element-db0dcdf.elementor-testimonial--layout-image_above:not(.elementor-testimonial--align-center):not(.elementor-testimonial--align-right) .elementor-testimonial__content:after, .elementor-7578 .elementor-element.elementor-element-db0dcdf.elementor-testimonial--layout-image_above.elementor-testimonial--align-left .elementor-testimonial__content:after{left:calc( 20px + (97px / 2) - 8px );right:auto;}body.rtl .elementor-7578 .elementor-element.elementor-element-db0dcdf.elementor-testimonial--layout-image_above:not(.elementor-testimonial--align-center):not(.elementor-testimonial--align-left) .elementor-testimonial__content:after, .elementor-7578 .elementor-element.elementor-element-db0dcdf.elementor-testimonial--layout-image_above.elementor-testimonial--align-right .elementor-testimonial__content:after{right:calc( 20px + (97px / 2) - 8px );left:auto;}.elementor-7578 .elementor-element.elementor-element-4bfcc0c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-7578 .elementor-element.elementor-element-029eb83{--swiper-slides-to-display:3;--swiper-slides-gap:10px;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:0px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:0px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:0px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;}.elementor-7578 .elementor-element.elementor-element-029eb83 .swiper-slide > .elementor-element{height:100%;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-7578 .elementor-element.elementor-element-5e06aad{--e-n-carousel-swiper-slides-to-display:2;}.elementor-7578 .elementor-element.elementor-element-029eb83{--swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-7578 .elementor-element.elementor-element-5e06aad{--e-n-carousel-swiper-slides-to-display:1;}.elementor-7578 .elementor-element.elementor-element-029eb83{--swiper-slides-to-display:1;}}/* Start custom CSS for container, class: .elementor-element-c42470d *//* ========================================== CARD LINHA DE CRÉDITO - FOMENTO TO Versão Compacta + Moderna ========================================== */ .card-credito{ background: #ffffff; border-radius: 20px; /* tamanho interno reduzido */ padding: 22px 18px; position: relative; overflow: hidden; transition: all .35s ease; border: 1px solid rgba(0,0,0,0.05); box-shadow: 0 8px 24px rgba(0,0,0,0.04); height: auto; /* largura menor */ max-width: 260px; width: 100%; margin: 0 auto; display: flex; flex-direction: column; justify-content: center; cursor: pointer; text-align: center; } /* Hover elegante */ .card-credito:hover{ transform: translateY(-6px); box-shadow: 0 18px 40px rgba(0,58,140,0.12); border-color: rgba(21,160,93,0.15); } /* Linha superior */ .card-credito::before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 4px; background: linear-gradient( 90deg, #003A8C, #0B57D0, #15A05D ); } /* Glow decorativo */ .card-credito::after{ content: ""; position: absolute; top: -80px; right: -80px; width: 140px; height: 140px; border-radius: 50%; background: radial-gradient( rgba(11,87,208,.06), transparent ); transition: .4s; } .card-credito:hover::after{ transform: scale(1.2); } /* ========================================== ÍCONE CENTRALIZADO ========================================== */ .card-credito .elementor-icon{ background: linear-gradient( 135deg, rgba(11,87,208,.10), rgba(21,160,93,.10) ); width: 58px; height: 58px; border-radius: 16px; display: flex; align-items: center; justify-content: center; margin: 0 auto 18px auto; transition: all .35s ease; } /* Hover no ícone */ .card-credito:hover .elementor-icon{ transform: scale(1.08); } /* Tamanho SVG */ .card-credito .elementor-icon svg{ width: 26px; height: 26px; fill: #003A8C; } /* ========================================== TÍTULO ========================================== */ .card-credito h3{ font-size: 18px; font-weight: 700; line-height: 1.3; color: #1A1A1A; margin-bottom: 10px; } /* ========================================== TEXTO ========================================== */ .card-credito p{ font-size: 14px; line-height: 1.5; color: #667085; margin-bottom: 18px; } /* ========================================== BOTÃO ========================================== */ .card-credito .elementor-button{ background: transparent !important; color: #003A8C !important; border: 2px solid rgba(0,58,140,.10); border-radius: 12px; padding: 10px 16px; width: 100%; font-size: 14px; font-weight: 600; transition: all .3s ease; } /* Hover botão */ .card-credito:hover .elementor-button{ background: #003A8C !important; color: #ffffff !important; border-color: #003A8C; } /* ========================================== RESPONSIVO ========================================== */ @media(max-width:1024px){ .card-credito{ max-width: 230px; padding: 20px 16px; } .card-credito h3{ font-size: 17px; } .card-credito p{ font-size: 13px; } } @media(max-width:767px){ .card-credito{ max-width: 100%; border-radius: 18px; padding: 18px 16px; } .card-credito .elementor-icon{ width: 52px; height: 52px; } .card-credito .elementor-icon svg{ width: 22px; height: 22px; } .card-credito h3{ font-size: 16px; } .card-credito p{ font-size: 13px; margin-bottom: 16px; } .card-credito .elementor-button{ font-size: 13px; padding: 10px 14px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4e4773a */.card-credito{ background: #ffffff; border-radius: 24px; padding: 32px 28px; position: relative; overflow: hidden; transition: all .35s ease; border: 1px solid rgba(0,0,0,0.05); box-shadow: 0 10px 30px rgba(0,0,0,0.04); height: 100%; display: flex; flex-direction: column; justify-content: space-between; cursor: pointer; } /* Hover elegante */ .card-credito:hover{ transform: translateY(-8px); box-shadow: 0 20px 50px rgba(0,58,140,0.12); border-color: rgba(21,160,93,0.15); } /* Linha decorativa superior */ .card-credito::before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 5px; background: linear-gradient( 90deg, #003A8C, #0B57D0, #15A05D ); } /* Ícone */ .card-credito .elementor-icon{ background: linear-gradient( 135deg, rgba(11,87,208,.10), rgba(21,160,93,.10) ); width: 72px; height: 72px; border-radius: 20px; display: flex; align-items: center; justify-content: center; margin-bottom: 24px; transition: all .35s ease; } /* Hover ícone */ .card-credito:hover .elementor-icon{ transform: scale(1.08); } /* Ícone SVG */ .card-credito .elementor-icon{ background: linear-gradient( 135deg, rgba(11,87,208,.10), rgba(21,160,93,.10) ); width: 72px; height: 72px; border-radius: 20px; display: flex; align-items: center; justify-content: center; margin: 0 auto 24px auto; transition: all .35s ease; } /* Título */ .card-credito h3{ font-size: 24px; font-weight: 700; line-height: 1.3; color: #1A1A1A; margin-bottom: 14px; } /* Texto */ .card-credito p{ font-size: 16px; line-height: 1.7; color: #667085; margin-bottom: 28px; } /* Botão */ .card-credito .elementor-button{ background: transparent !important; color: #003A8C !important; border: 2px solid rgba(0,58,140,.10); border-radius: 14px; padding: 14px 22px; width: 100%; transition: all .3s ease; font-weight: 600; } /* Hover botão */ .card-credito:hover .elementor-button{ background: #003A8C !important; color: #ffffff !important; border-color: #003A8C; } /* Pequeno brilho */ .card-credito::after{ content: ""; position: absolute; top: -100px; right: -100px; width: 180px; height: 180px; border-radius: 50%; background: radial-gradient( rgba(11,87,208,.06), transparent ); transition: .4s; } .card-credito:hover::after{ transform: scale(1.2); } /* RESPONSIVO */ @media(max-width:1024px){ .card-credito{ padding: 28px 24px; } .card-credito h3{ font-size: 22px; } } @media(max-width:767px){ .card-credito{ border-radius: 20px; padding: 24px 20px; } .card-credito h3{ font-size: 20px; } .card-credito p{ font-size: 15px; } .card-credito .elementor-icon{ width: 64px; height: 64px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c548951 */.card-credito{ background: #ffffff; border-radius: 24px; padding: 32px 28px; position: relative; overflow: hidden; transition: all .35s ease; border: 1px solid rgba(0,0,0,0.05); box-shadow: 0 10px 30px rgba(0,0,0,0.04); height: 100%; display: flex; flex-direction: column; justify-content: space-between; cursor: pointer; } /* Hover elegante */ .card-credito:hover{ transform: translateY(-8px); box-shadow: 0 20px 50px rgba(0,58,140,0.12); border-color: rgba(21,160,93,0.15); } /* Linha decorativa superior */ .card-credito::before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 5px; background: linear-gradient( 90deg, #003A8C, #0B57D0, #15A05D ); } /* Ícone */ .card-credito .elementor-icon{ background: linear-gradient( 135deg, rgba(11,87,208,.10), rgba(21,160,93,.10) ); width: 72px; height: 72px; border-radius: 20px; display: flex; align-items: center; justify-content: center; margin-bottom: 24px; transition: all .35s ease; } /* Hover ícone */ .card-credito:hover .elementor-icon{ transform: scale(1.08); } /* Ícone SVG */ .card-credito .elementor-icon{ background: linear-gradient( 135deg, rgba(11,87,208,.10), rgba(21,160,93,.10) ); width: 72px; height: 72px; border-radius: 20px; display: flex; align-items: center; justify-content: center; margin: 0 auto 24px auto; transition: all .35s ease; } /* Título */ .card-credito h3{ font-size: 24px; font-weight: 700; line-height: 1.3; color: #1A1A1A; margin-bottom: 14px; } /* Texto */ .card-credito p{ font-size: 16px; line-height: 1.7; color: #667085; margin-bottom: 28px; } /* Botão */ .card-credito .elementor-button{ background: transparent !important; color: #003A8C !important; border: 2px solid rgba(0,58,140,.10); border-radius: 14px; padding: 14px 22px; width: 100%; transition: all .3s ease; font-weight: 600; } /* Hover botão */ .card-credito:hover .elementor-button{ background: #003A8C !important; color: #ffffff !important; border-color: #003A8C; } /* Pequeno brilho */ .card-credito::after{ content: ""; position: absolute; top: -100px; right: -100px; width: 180px; height: 180px; border-radius: 50%; background: radial-gradient( rgba(11,87,208,.06), transparent ); transition: .4s; } .card-credito:hover::after{ transform: scale(1.2); } /* RESPONSIVO */ @media(max-width:1024px){ .card-credito{ padding: 28px 24px; } .card-credito h3{ font-size: 22px; } } @media(max-width:767px){ .card-credito{ border-radius: 20px; padding: 24px 20px; } .card-credito h3{ font-size: 20px; } .card-credito p{ font-size: 15px; } .card-credito .elementor-icon{ width: 64px; height: 64px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9cb2081 */.card-credito{ background: #ffffff; border-radius: 24px; padding: 32px 28px; position: relative; overflow: hidden; transition: all .35s ease; border: 1px solid rgba(0,0,0,0.05); box-shadow: 0 10px 30px rgba(0,0,0,0.04); height: 100%; display: flex; flex-direction: column; justify-content: space-between; cursor: pointer; } /* Hover elegante */ .card-credito:hover{ transform: translateY(-8px); box-shadow: 0 20px 50px rgba(0,58,140,0.12); border-color: rgba(21,160,93,0.15); } /* Linha decorativa superior */ .card-credito::before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 5px; background: linear-gradient( 90deg, #003A8C, #0B57D0, #15A05D ); } /* Ícone */ .card-credito .elementor-icon{ background: linear-gradient( 135deg, rgba(11,87,208,.10), rgba(21,160,93,.10) ); width: 72px; height: 72px; border-radius: 20px; display: flex; align-items: center; justify-content: center; margin-bottom: 24px; transition: all .35s ease; } /* Hover ícone */ .card-credito:hover .elementor-icon{ transform: scale(1.08); } /* Ícone SVG */ .card-credito .elementor-icon{ background: linear-gradient( 135deg, rgba(11,87,208,.10), rgba(21,160,93,.10) ); width: 72px; height: 72px; border-radius: 20px; display: flex; align-items: center; justify-content: center; margin: 0 auto 24px auto; transition: all .35s ease; } /* Título */ .card-credito h3{ font-size: 24px; font-weight: 700; line-height: 1.3; color: #1A1A1A; margin-bottom: 14px; } /* Texto */ .card-credito p{ font-size: 16px; line-height: 1.7; color: #667085; margin-bottom: 28px; } /* Botão */ .card-credito .elementor-button{ background: transparent !important; color: #003A8C !important; border: 2px solid rgba(0,58,140,.10); border-radius: 14px; padding: 14px 22px; width: 100%; transition: all .3s ease; font-weight: 600; } /* Hover botão */ .card-credito:hover .elementor-button{ background: #003A8C !important; color: #ffffff !important; border-color: #003A8C; } /* Pequeno brilho */ .card-credito::after{ content: ""; position: absolute; top: -100px; right: -100px; width: 180px; height: 180px; border-radius: 50%; background: radial-gradient( rgba(11,87,208,.06), transparent ); transition: .4s; } .card-credito:hover::after{ transform: scale(1.2); } /* RESPONSIVO */ @media(max-width:1024px){ .card-credito{ padding: 28px 24px; } .card-credito h3{ font-size: 22px; } } @media(max-width:767px){ .card-credito{ border-radius: 20px; padding: 24px 20px; } .card-credito h3{ font-size: 20px; } .card-credito p{ font-size: 15px; } .card-credito .elementor-icon{ width: 64px; height: 64px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c42470d *//* ========================================== CARD LINHA DE CRÉDITO - FOMENTO TO Versão Compacta + Moderna ========================================== */ .card-credito{ background: #ffffff; border-radius: 20px; /* tamanho interno reduzido */ padding: 22px 18px; position: relative; overflow: hidden; transition: all .35s ease; border: 1px solid rgba(0,0,0,0.05); box-shadow: 0 8px 24px rgba(0,0,0,0.04); height: auto; /* largura menor */ max-width: 260px; width: 100%; margin: 0 auto; display: flex; flex-direction: column; justify-content: center; cursor: pointer; text-align: center; } /* Hover elegante */ .card-credito:hover{ transform: translateY(-6px); box-shadow: 0 18px 40px rgba(0,58,140,0.12); border-color: rgba(21,160,93,0.15); } /* Linha superior */ .card-credito::before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 4px; background: linear-gradient( 90deg, #003A8C, #0B57D0, #15A05D ); } /* Glow decorativo */ .card-credito::after{ content: ""; position: absolute; top: -80px; right: -80px; width: 140px; height: 140px; border-radius: 50%; background: radial-gradient( rgba(11,87,208,.06), transparent ); transition: .4s; } .card-credito:hover::after{ transform: scale(1.2); } /* ========================================== ÍCONE CENTRALIZADO ========================================== */ .card-credito .elementor-icon{ background: linear-gradient( 135deg, rgba(11,87,208,.10), rgba(21,160,93,.10) ); width: 58px; height: 58px; border-radius: 16px; display: flex; align-items: center; justify-content: center; margin: 0 auto 18px auto; transition: all .35s ease; } /* Hover no ícone */ .card-credito:hover .elementor-icon{ transform: scale(1.08); } /* Tamanho SVG */ .card-credito .elementor-icon svg{ width: 26px; height: 26px; fill: #003A8C; } /* ========================================== TÍTULO ========================================== */ .card-credito h3{ font-size: 18px; font-weight: 700; line-height: 1.3; color: #1A1A1A; margin-bottom: 10px; } /* ========================================== TEXTO ========================================== */ .card-credito p{ font-size: 14px; line-height: 1.5; color: #667085; margin-bottom: 18px; } /* ========================================== BOTÃO ========================================== */ .card-credito .elementor-button{ background: transparent !important; color: #003A8C !important; border: 2px solid rgba(0,58,140,.10); border-radius: 12px; padding: 10px 16px; width: 100%; font-size: 14px; font-weight: 600; transition: all .3s ease; } /* Hover botão */ .card-credito:hover .elementor-button{ background: #003A8C !important; color: #ffffff !important; border-color: #003A8C; } /* ========================================== RESPONSIVO ========================================== */ @media(max-width:1024px){ .card-credito{ max-width: 230px; padding: 20px 16px; } .card-credito h3{ font-size: 17px; } .card-credito p{ font-size: 13px; } } @media(max-width:767px){ .card-credito{ max-width: 100%; border-radius: 18px; padding: 18px 16px; } .card-credito .elementor-icon{ width: 52px; height: 52px; } .card-credito .elementor-icon svg{ width: 22px; height: 22px; } .card-credito h3{ font-size: 16px; } .card-credito p{ font-size: 13px; margin-bottom: 16px; } .card-credito .elementor-button{ font-size: 13px; padding: 10px 14px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4e4773a */.card-credito{ background: #ffffff; border-radius: 24px; padding: 32px 28px; position: relative; overflow: hidden; transition: all .35s ease; border: 1px solid rgba(0,0,0,0.05); box-shadow: 0 10px 30px rgba(0,0,0,0.04); height: 100%; display: flex; flex-direction: column; justify-content: space-between; cursor: pointer; } /* Hover elegante */ .card-credito:hover{ transform: translateY(-8px); box-shadow: 0 20px 50px rgba(0,58,140,0.12); border-color: rgba(21,160,93,0.15); } /* Linha decorativa superior */ .card-credito::before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 5px; background: linear-gradient( 90deg, #003A8C, #0B57D0, #15A05D ); } /* Ícone */ .card-credito .elementor-icon{ background: linear-gradient( 135deg, rgba(11,87,208,.10), rgba(21,160,93,.10) ); width: 72px; height: 72px; border-radius: 20px; display: flex; align-items: center; justify-content: center; margin-bottom: 24px; transition: all .35s ease; } /* Hover ícone */ .card-credito:hover .elementor-icon{ transform: scale(1.08); } /* Ícone SVG */ .card-credito .elementor-icon{ background: linear-gradient( 135deg, rgba(11,87,208,.10), rgba(21,160,93,.10) ); width: 72px; height: 72px; border-radius: 20px; display: flex; align-items: center; justify-content: center; margin: 0 auto 24px auto; transition: all .35s ease; } /* Título */ .card-credito h3{ font-size: 24px; font-weight: 700; line-height: 1.3; color: #1A1A1A; margin-bottom: 14px; } /* Texto */ .card-credito p{ font-size: 16px; line-height: 1.7; color: #667085; margin-bottom: 28px; } /* Botão */ .card-credito .elementor-button{ background: transparent !important; color: #003A8C !important; border: 2px solid rgba(0,58,140,.10); border-radius: 14px; padding: 14px 22px; width: 100%; transition: all .3s ease; font-weight: 600; } /* Hover botão */ .card-credito:hover .elementor-button{ background: #003A8C !important; color: #ffffff !important; border-color: #003A8C; } /* Pequeno brilho */ .card-credito::after{ content: ""; position: absolute; top: -100px; right: -100px; width: 180px; height: 180px; border-radius: 50%; background: radial-gradient( rgba(11,87,208,.06), transparent ); transition: .4s; } .card-credito:hover::after{ transform: scale(1.2); } /* RESPONSIVO */ @media(max-width:1024px){ .card-credito{ padding: 28px 24px; } .card-credito h3{ font-size: 22px; } } @media(max-width:767px){ .card-credito{ border-radius: 20px; padding: 24px 20px; } .card-credito h3{ font-size: 20px; } .card-credito p{ font-size: 15px; } .card-credito .elementor-icon{ width: 64px; height: 64px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c548951 */.card-credito{ background: #ffffff; border-radius: 24px; padding: 32px 28px; position: relative; overflow: hidden; transition: all .35s ease; border: 1px solid rgba(0,0,0,0.05); box-shadow: 0 10px 30px rgba(0,0,0,0.04); height: 100%; display: flex; flex-direction: column; justify-content: space-between; cursor: pointer; } /* Hover elegante */ .card-credito:hover{ transform: translateY(-8px); box-shadow: 0 20px 50px rgba(0,58,140,0.12); border-color: rgba(21,160,93,0.15); } /* Linha decorativa superior */ .card-credito::before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 5px; background: linear-gradient( 90deg, #003A8C, #0B57D0, #15A05D ); } /* Ícone */ .card-credito .elementor-icon{ background: linear-gradient( 135deg, rgba(11,87,208,.10), rgba(21,160,93,.10) ); width: 72px; height: 72px; border-radius: 20px; display: flex; align-items: center; justify-content: center; margin-bottom: 24px; transition: all .35s ease; } /* Hover ícone */ .card-credito:hover .elementor-icon{ transform: scale(1.08); } /* Ícone SVG */ .card-credito .elementor-icon{ background: linear-gradient( 135deg, rgba(11,87,208,.10), rgba(21,160,93,.10) ); width: 72px; height: 72px; border-radius: 20px; display: flex; align-items: center; justify-content: center; margin: 0 auto 24px auto; transition: all .35s ease; } /* Título */ .card-credito h3{ font-size: 24px; font-weight: 700; line-height: 1.3; color: #1A1A1A; margin-bottom: 14px; } /* Texto */ .card-credito p{ font-size: 16px; line-height: 1.7; color: #667085; margin-bottom: 28px; } /* Botão */ .card-credito .elementor-button{ background: transparent !important; color: #003A8C !important; border: 2px solid rgba(0,58,140,.10); border-radius: 14px; padding: 14px 22px; width: 100%; transition: all .3s ease; font-weight: 600; } /* Hover botão */ .card-credito:hover .elementor-button{ background: #003A8C !important; color: #ffffff !important; border-color: #003A8C; } /* Pequeno brilho */ .card-credito::after{ content: ""; position: absolute; top: -100px; right: -100px; width: 180px; height: 180px; border-radius: 50%; background: radial-gradient( rgba(11,87,208,.06), transparent ); transition: .4s; } .card-credito:hover::after{ transform: scale(1.2); } /* RESPONSIVO */ @media(max-width:1024px){ .card-credito{ padding: 28px 24px; } .card-credito h3{ font-size: 22px; } } @media(max-width:767px){ .card-credito{ border-radius: 20px; padding: 24px 20px; } .card-credito h3{ font-size: 20px; } .card-credito p{ font-size: 15px; } .card-credito .elementor-icon{ width: 64px; height: 64px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9cb2081 */.card-credito{ background: #ffffff; border-radius: 24px; padding: 32px 28px; position: relative; overflow: hidden; transition: all .35s ease; border: 1px solid rgba(0,0,0,0.05); box-shadow: 0 10px 30px rgba(0,0,0,0.04); height: 100%; display: flex; flex-direction: column; justify-content: space-between; cursor: pointer; } /* Hover elegante */ .card-credito:hover{ transform: translateY(-8px); box-shadow: 0 20px 50px rgba(0,58,140,0.12); border-color: rgba(21,160,93,0.15); } /* Linha decorativa superior */ .card-credito::before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 5px; background: linear-gradient( 90deg, #003A8C, #0B57D0, #15A05D ); } /* Ícone */ .card-credito .elementor-icon{ background: linear-gradient( 135deg, rgba(11,87,208,.10), rgba(21,160,93,.10) ); width: 72px; height: 72px; border-radius: 20px; display: flex; align-items: center; justify-content: center; margin-bottom: 24px; transition: all .35s ease; } /* Hover ícone */ .card-credito:hover .elementor-icon{ transform: scale(1.08); } /* Ícone SVG */ .card-credito .elementor-icon{ background: linear-gradient( 135deg, rgba(11,87,208,.10), rgba(21,160,93,.10) ); width: 72px; height: 72px; border-radius: 20px; display: flex; align-items: center; justify-content: center; margin: 0 auto 24px auto; transition: all .35s ease; } /* Título */ .card-credito h3{ font-size: 24px; font-weight: 700; line-height: 1.3; color: #1A1A1A; margin-bottom: 14px; } /* Texto */ .card-credito p{ font-size: 16px; line-height: 1.7; color: #667085; margin-bottom: 28px; } /* Botão */ .card-credito .elementor-button{ background: transparent !important; color: #003A8C !important; border: 2px solid rgba(0,58,140,.10); border-radius: 14px; padding: 14px 22px; width: 100%; transition: all .3s ease; font-weight: 600; } /* Hover botão */ .card-credito:hover .elementor-button{ background: #003A8C !important; color: #ffffff !important; border-color: #003A8C; } /* Pequeno brilho */ .card-credito::after{ content: ""; position: absolute; top: -100px; right: -100px; width: 180px; height: 180px; border-radius: 50%; background: radial-gradient( rgba(11,87,208,.06), transparent ); transition: .4s; } .card-credito:hover::after{ transform: scale(1.2); } /* RESPONSIVO */ @media(max-width:1024px){ .card-credito{ padding: 28px 24px; } .card-credito h3{ font-size: 22px; } } @media(max-width:767px){ .card-credito{ border-radius: 20px; padding: 24px 20px; } .card-credito h3{ font-size: 20px; } .card-credito p{ font-size: 15px; } .card-credito .elementor-icon{ width: 64px; height: 64px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c42470d *//* ========================================== CARD LINHA DE CRÉDITO - FOMENTO TO Versão Compacta + Moderna ========================================== */ .card-credito{ background: #ffffff; border-radius: 20px; /* tamanho interno reduzido */ padding: 22px 18px; position: relative; overflow: hidden; transition: all .35s ease; border: 1px solid rgba(0,0,0,0.05); box-shadow: 0 8px 24px rgba(0,0,0,0.04); height: auto; /* largura menor */ max-width: 260px; width: 100%; margin: 0 auto; display: flex; flex-direction: column; justify-content: center; cursor: pointer; text-align: center; } /* Hover elegante */ .card-credito:hover{ transform: translateY(-6px); box-shadow: 0 18px 40px rgba(0,58,140,0.12); border-color: rgba(21,160,93,0.15); } /* Linha superior */ .card-credito::before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 4px; background: linear-gradient( 90deg, #003A8C, #0B57D0, #15A05D ); } /* Glow decorativo */ .card-credito::after{ content: ""; position: absolute; top: -80px; right: -80px; width: 140px; height: 140px; border-radius: 50%; background: radial-gradient( rgba(11,87,208,.06), transparent ); transition: .4s; } .card-credito:hover::after{ transform: scale(1.2); } /* ========================================== ÍCONE CENTRALIZADO ========================================== */ .card-credito .elementor-icon{ background: linear-gradient( 135deg, rgba(11,87,208,.10), rgba(21,160,93,.10) ); width: 58px; height: 58px; border-radius: 16px; display: flex; align-items: center; justify-content: center; margin: 0 auto 18px auto; transition: all .35s ease; } /* Hover no ícone */ .card-credito:hover .elementor-icon{ transform: scale(1.08); } /* Tamanho SVG */ .card-credito .elementor-icon svg{ width: 26px; height: 26px; fill: #003A8C; } /* ========================================== TÍTULO ========================================== */ .card-credito h3{ font-size: 18px; font-weight: 700; line-height: 1.3; color: #1A1A1A; margin-bottom: 10px; } /* ========================================== TEXTO ========================================== */ .card-credito p{ font-size: 14px; line-height: 1.5; color: #667085; margin-bottom: 18px; } /* ========================================== BOTÃO ========================================== */ .card-credito .elementor-button{ background: transparent !important; color: #003A8C !important; border: 2px solid rgba(0,58,140,.10); border-radius: 12px; padding: 10px 16px; width: 100%; font-size: 14px; font-weight: 600; transition: all .3s ease; } /* Hover botão */ .card-credito:hover .elementor-button{ background: #003A8C !important; color: #ffffff !important; border-color: #003A8C; } /* ========================================== RESPONSIVO ========================================== */ @media(max-width:1024px){ .card-credito{ max-width: 230px; padding: 20px 16px; } .card-credito h3{ font-size: 17px; } .card-credito p{ font-size: 13px; } } @media(max-width:767px){ .card-credito{ max-width: 100%; border-radius: 18px; padding: 18px 16px; } .card-credito .elementor-icon{ width: 52px; height: 52px; } .card-credito .elementor-icon svg{ width: 22px; height: 22px; } .card-credito h3{ font-size: 16px; } .card-credito p{ font-size: 13px; margin-bottom: 16px; } .card-credito .elementor-button{ font-size: 13px; padding: 10px 14px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4e4773a */.card-credito{ background: #ffffff; border-radius: 24px; padding: 32px 28px; position: relative; overflow: hidden; transition: all .35s ease; border: 1px solid rgba(0,0,0,0.05); box-shadow: 0 10px 30px rgba(0,0,0,0.04); height: 100%; display: flex; flex-direction: column; justify-content: space-between; cursor: pointer; } /* Hover elegante */ .card-credito:hover{ transform: translateY(-8px); box-shadow: 0 20px 50px rgba(0,58,140,0.12); border-color: rgba(21,160,93,0.15); } /* Linha decorativa superior */ .card-credito::before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 5px; background: linear-gradient( 90deg, #003A8C, #0B57D0, #15A05D ); } /* Ícone */ .card-credito .elementor-icon{ background: linear-gradient( 135deg, rgba(11,87,208,.10), rgba(21,160,93,.10) ); width: 72px; height: 72px; border-radius: 20px; display: flex; align-items: center; justify-content: center; margin-bottom: 24px; transition: all .35s ease; } /* Hover ícone */ .card-credito:hover .elementor-icon{ transform: scale(1.08); } /* Ícone SVG */ .card-credito .elementor-icon{ background: linear-gradient( 135deg, rgba(11,87,208,.10), rgba(21,160,93,.10) ); width: 72px; height: 72px; border-radius: 20px; display: flex; align-items: center; justify-content: center; margin: 0 auto 24px auto; transition: all .35s ease; } /* Título */ .card-credito h3{ font-size: 24px; font-weight: 700; line-height: 1.3; color: #1A1A1A; margin-bottom: 14px; } /* Texto */ .card-credito p{ font-size: 16px; line-height: 1.7; color: #667085; margin-bottom: 28px; } /* Botão */ .card-credito .elementor-button{ background: transparent !important; color: #003A8C !important; border: 2px solid rgba(0,58,140,.10); border-radius: 14px; padding: 14px 22px; width: 100%; transition: all .3s ease; font-weight: 600; } /* Hover botão */ .card-credito:hover .elementor-button{ background: #003A8C !important; color: #ffffff !important; border-color: #003A8C; } /* Pequeno brilho */ .card-credito::after{ content: ""; position: absolute; top: -100px; right: -100px; width: 180px; height: 180px; border-radius: 50%; background: radial-gradient( rgba(11,87,208,.06), transparent ); transition: .4s; } .card-credito:hover::after{ transform: scale(1.2); } /* RESPONSIVO */ @media(max-width:1024px){ .card-credito{ padding: 28px 24px; } .card-credito h3{ font-size: 22px; } } @media(max-width:767px){ .card-credito{ border-radius: 20px; padding: 24px 20px; } .card-credito h3{ font-size: 20px; } .card-credito p{ font-size: 15px; } .card-credito .elementor-icon{ width: 64px; height: 64px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c548951 */.card-credito{ background: #ffffff; border-radius: 24px; padding: 32px 28px; position: relative; overflow: hidden; transition: all .35s ease; border: 1px solid rgba(0,0,0,0.05); box-shadow: 0 10px 30px rgba(0,0,0,0.04); height: 100%; display: flex; flex-direction: column; justify-content: space-between; cursor: pointer; } /* Hover elegante */ .card-credito:hover{ transform: translateY(-8px); box-shadow: 0 20px 50px rgba(0,58,140,0.12); border-color: rgba(21,160,93,0.15); } /* Linha decorativa superior */ .card-credito::before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 5px; background: linear-gradient( 90deg, #003A8C, #0B57D0, #15A05D ); } /* Ícone */ .card-credito .elementor-icon{ background: linear-gradient( 135deg, rgba(11,87,208,.10), rgba(21,160,93,.10) ); width: 72px; height: 72px; border-radius: 20px; display: flex; align-items: center; justify-content: center; margin-bottom: 24px; transition: all .35s ease; } /* Hover ícone */ .card-credito:hover .elementor-icon{ transform: scale(1.08); } /* Ícone SVG */ .card-credito .elementor-icon{ background: linear-gradient( 135deg, rgba(11,87,208,.10), rgba(21,160,93,.10) ); width: 72px; height: 72px; border-radius: 20px; display: flex; align-items: center; justify-content: center; margin: 0 auto 24px auto; transition: all .35s ease; } /* Título */ .card-credito h3{ font-size: 24px; font-weight: 700; line-height: 1.3; color: #1A1A1A; margin-bottom: 14px; } /* Texto */ .card-credito p{ font-size: 16px; line-height: 1.7; color: #667085; margin-bottom: 28px; } /* Botão */ .card-credito .elementor-button{ background: transparent !important; color: #003A8C !important; border: 2px solid rgba(0,58,140,.10); border-radius: 14px; padding: 14px 22px; width: 100%; transition: all .3s ease; font-weight: 600; } /* Hover botão */ .card-credito:hover .elementor-button{ background: #003A8C !important; color: #ffffff !important; border-color: #003A8C; } /* Pequeno brilho */ .card-credito::after{ content: ""; position: absolute; top: -100px; right: -100px; width: 180px; height: 180px; border-radius: 50%; background: radial-gradient( rgba(11,87,208,.06), transparent ); transition: .4s; } .card-credito:hover::after{ transform: scale(1.2); } /* RESPONSIVO */ @media(max-width:1024px){ .card-credito{ padding: 28px 24px; } .card-credito h3{ font-size: 22px; } } @media(max-width:767px){ .card-credito{ border-radius: 20px; padding: 24px 20px; } .card-credito h3{ font-size: 20px; } .card-credito p{ font-size: 15px; } .card-credito .elementor-icon{ width: 64px; height: 64px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9cb2081 */.card-credito{ background: #ffffff; border-radius: 24px; padding: 32px 28px; position: relative; overflow: hidden; transition: all .35s ease; border: 1px solid rgba(0,0,0,0.05); box-shadow: 0 10px 30px rgba(0,0,0,0.04); height: 100%; display: flex; flex-direction: column; justify-content: space-between; cursor: pointer; } /* Hover elegante */ .card-credito:hover{ transform: translateY(-8px); box-shadow: 0 20px 50px rgba(0,58,140,0.12); border-color: rgba(21,160,93,0.15); } /* Linha decorativa superior */ .card-credito::before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 5px; background: linear-gradient( 90deg, #003A8C, #0B57D0, #15A05D ); } /* Ícone */ .card-credito .elementor-icon{ background: linear-gradient( 135deg, rgba(11,87,208,.10), rgba(21,160,93,.10) ); width: 72px; height: 72px; border-radius: 20px; display: flex; align-items: center; justify-content: center; margin-bottom: 24px; transition: all .35s ease; } /* Hover ícone */ .card-credito:hover .elementor-icon{ transform: scale(1.08); } /* Ícone SVG */ .card-credito .elementor-icon{ background: linear-gradient( 135deg, rgba(11,87,208,.10), rgba(21,160,93,.10) ); width: 72px; height: 72px; border-radius: 20px; display: flex; align-items: center; justify-content: center; margin: 0 auto 24px auto; transition: all .35s ease; } /* Título */ .card-credito h3{ font-size: 24px; font-weight: 700; line-height: 1.3; color: #1A1A1A; margin-bottom: 14px; } /* Texto */ .card-credito p{ font-size: 16px; line-height: 1.7; color: #667085; margin-bottom: 28px; } /* Botão */ .card-credito .elementor-button{ background: transparent !important; color: #003A8C !important; border: 2px solid rgba(0,58,140,.10); border-radius: 14px; padding: 14px 22px; width: 100%; transition: all .3s ease; font-weight: 600; } /* Hover botão */ .card-credito:hover .elementor-button{ background: #003A8C !important; color: #ffffff !important; border-color: #003A8C; } /* Pequeno brilho */ .card-credito::after{ content: ""; position: absolute; top: -100px; right: -100px; width: 180px; height: 180px; border-radius: 50%; background: radial-gradient( rgba(11,87,208,.06), transparent ); transition: .4s; } .card-credito:hover::after{ transform: scale(1.2); } /* RESPONSIVO */ @media(max-width:1024px){ .card-credito{ padding: 28px 24px; } .card-credito h3{ font-size: 22px; } } @media(max-width:767px){ .card-credito{ border-radius: 20px; padding: 24px 20px; } .card-credito h3{ font-size: 20px; } .card-credito p{ font-size: 15px; } .card-credito .elementor-icon{ width: 64px; height: 64px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c42470d *//* ========================================== CARD LINHA DE CRÉDITO - FOMENTO TO Versão Compacta + Moderna ========================================== */ .card-credito{ background: #ffffff; border-radius: 20px; /* tamanho interno reduzido */ padding: 22px 18px; position: relative; overflow: hidden; transition: all .35s ease; border: 1px solid rgba(0,0,0,0.05); box-shadow: 0 8px 24px rgba(0,0,0,0.04); height: auto; /* largura menor */ max-width: 260px; width: 100%; margin: 0 auto; display: flex; flex-direction: column; justify-content: center; cursor: pointer; text-align: center; } /* Hover elegante */ .card-credito:hover{ transform: translateY(-6px); box-shadow: 0 18px 40px rgba(0,58,140,0.12); border-color: rgba(21,160,93,0.15); } /* Linha superior */ .card-credito::before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 4px; background: linear-gradient( 90deg, #003A8C, #0B57D0, #15A05D ); } /* Glow decorativo */ .card-credito::after{ content: ""; position: absolute; top: -80px; right: -80px; width: 140px; height: 140px; border-radius: 50%; background: radial-gradient( rgba(11,87,208,.06), transparent ); transition: .4s; } .card-credito:hover::after{ transform: scale(1.2); } /* ========================================== ÍCONE CENTRALIZADO ========================================== */ .card-credito .elementor-icon{ background: linear-gradient( 135deg, rgba(11,87,208,.10), rgba(21,160,93,.10) ); width: 58px; height: 58px; border-radius: 16px; display: flex; align-items: center; justify-content: center; margin: 0 auto 18px auto; transition: all .35s ease; } /* Hover no ícone */ .card-credito:hover .elementor-icon{ transform: scale(1.08); } /* Tamanho SVG */ .card-credito .elementor-icon svg{ width: 26px; height: 26px; fill: #003A8C; } /* ========================================== TÍTULO ========================================== */ .card-credito h3{ font-size: 18px; font-weight: 700; line-height: 1.3; color: #1A1A1A; margin-bottom: 10px; } /* ========================================== TEXTO ========================================== */ .card-credito p{ font-size: 14px; line-height: 1.5; color: #667085; margin-bottom: 18px; } /* ========================================== BOTÃO ========================================== */ .card-credito .elementor-button{ background: transparent !important; color: #003A8C !important; border: 2px solid rgba(0,58,140,.10); border-radius: 12px; padding: 10px 16px; width: 100%; font-size: 14px; font-weight: 600; transition: all .3s ease; } /* Hover botão */ .card-credito:hover .elementor-button{ background: #003A8C !important; color: #ffffff !important; border-color: #003A8C; } /* ========================================== RESPONSIVO ========================================== */ @media(max-width:1024px){ .card-credito{ max-width: 230px; padding: 20px 16px; } .card-credito h3{ font-size: 17px; } .card-credito p{ font-size: 13px; } } @media(max-width:767px){ .card-credito{ max-width: 100%; border-radius: 18px; padding: 18px 16px; } .card-credito .elementor-icon{ width: 52px; height: 52px; } .card-credito .elementor-icon svg{ width: 22px; height: 22px; } .card-credito h3{ font-size: 16px; } .card-credito p{ font-size: 13px; margin-bottom: 16px; } .card-credito .elementor-button{ font-size: 13px; padding: 10px 14px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4e4773a */.card-credito{ background: #ffffff; border-radius: 24px; padding: 32px 28px; position: relative; overflow: hidden; transition: all .35s ease; border: 1px solid rgba(0,0,0,0.05); box-shadow: 0 10px 30px rgba(0,0,0,0.04); height: 100%; display: flex; flex-direction: column; justify-content: space-between; cursor: pointer; } /* Hover elegante */ .card-credito:hover{ transform: translateY(-8px); box-shadow: 0 20px 50px rgba(0,58,140,0.12); border-color: rgba(21,160,93,0.15); } /* Linha decorativa superior */ .card-credito::before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 5px; background: linear-gradient( 90deg, #003A8C, #0B57D0, #15A05D ); } /* Ícone */ .card-credito .elementor-icon{ background: linear-gradient( 135deg, rgba(11,87,208,.10), rgba(21,160,93,.10) ); width: 72px; height: 72px; border-radius: 20px; display: flex; align-items: center; justify-content: center; margin-bottom: 24px; transition: all .35s ease; } /* Hover ícone */ .card-credito:hover .elementor-icon{ transform: scale(1.08); } /* Ícone SVG */ .card-credito .elementor-icon{ background: linear-gradient( 135deg, rgba(11,87,208,.10), rgba(21,160,93,.10) ); width: 72px; height: 72px; border-radius: 20px; display: flex; align-items: center; justify-content: center; margin: 0 auto 24px auto; transition: all .35s ease; } /* Título */ .card-credito h3{ font-size: 24px; font-weight: 700; line-height: 1.3; color: #1A1A1A; margin-bottom: 14px; } /* Texto */ .card-credito p{ font-size: 16px; line-height: 1.7; color: #667085; margin-bottom: 28px; } /* Botão */ .card-credito .elementor-button{ background: transparent !important; color: #003A8C !important; border: 2px solid rgba(0,58,140,.10); border-radius: 14px; padding: 14px 22px; width: 100%; transition: all .3s ease; font-weight: 600; } /* Hover botão */ .card-credito:hover .elementor-button{ background: #003A8C !important; color: #ffffff !important; border-color: #003A8C; } /* Pequeno brilho */ .card-credito::after{ content: ""; position: absolute; top: -100px; right: -100px; width: 180px; height: 180px; border-radius: 50%; background: radial-gradient( rgba(11,87,208,.06), transparent ); transition: .4s; } .card-credito:hover::after{ transform: scale(1.2); } /* RESPONSIVO */ @media(max-width:1024px){ .card-credito{ padding: 28px 24px; } .card-credito h3{ font-size: 22px; } } @media(max-width:767px){ .card-credito{ border-radius: 20px; padding: 24px 20px; } .card-credito h3{ font-size: 20px; } .card-credito p{ font-size: 15px; } .card-credito .elementor-icon{ width: 64px; height: 64px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c548951 */.card-credito{ background: #ffffff; border-radius: 24px; padding: 32px 28px; position: relative; overflow: hidden; transition: all .35s ease; border: 1px solid rgba(0,0,0,0.05); box-shadow: 0 10px 30px rgba(0,0,0,0.04); height: 100%; display: flex; flex-direction: column; justify-content: space-between; cursor: pointer; } /* Hover elegante */ .card-credito:hover{ transform: translateY(-8px); box-shadow: 0 20px 50px rgba(0,58,140,0.12); border-color: rgba(21,160,93,0.15); } /* Linha decorativa superior */ .card-credito::before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 5px; background: linear-gradient( 90deg, #003A8C, #0B57D0, #15A05D ); } /* Ícone */ .card-credito .elementor-icon{ background: linear-gradient( 135deg, rgba(11,87,208,.10), rgba(21,160,93,.10) ); width: 72px; height: 72px; border-radius: 20px; display: flex; align-items: center; justify-content: center; margin-bottom: 24px; transition: all .35s ease; } /* Hover ícone */ .card-credito:hover .elementor-icon{ transform: scale(1.08); } /* Ícone SVG */ .card-credito .elementor-icon{ background: linear-gradient( 135deg, rgba(11,87,208,.10), rgba(21,160,93,.10) ); width: 72px; height: 72px; border-radius: 20px; display: flex; align-items: center; justify-content: center; margin: 0 auto 24px auto; transition: all .35s ease; } /* Título */ .card-credito h3{ font-size: 24px; font-weight: 700; line-height: 1.3; color: #1A1A1A; margin-bottom: 14px; } /* Texto */ .card-credito p{ font-size: 16px; line-height: 1.7; color: #667085; margin-bottom: 28px; } /* Botão */ .card-credito .elementor-button{ background: transparent !important; color: #003A8C !important; border: 2px solid rgba(0,58,140,.10); border-radius: 14px; padding: 14px 22px; width: 100%; transition: all .3s ease; font-weight: 600; } /* Hover botão */ .card-credito:hover .elementor-button{ background: #003A8C !important; color: #ffffff !important; border-color: #003A8C; } /* Pequeno brilho */ .card-credito::after{ content: ""; position: absolute; top: -100px; right: -100px; width: 180px; height: 180px; border-radius: 50%; background: radial-gradient( rgba(11,87,208,.06), transparent ); transition: .4s; } .card-credito:hover::after{ transform: scale(1.2); } /* RESPONSIVO */ @media(max-width:1024px){ .card-credito{ padding: 28px 24px; } .card-credito h3{ font-size: 22px; } } @media(max-width:767px){ .card-credito{ border-radius: 20px; padding: 24px 20px; } .card-credito h3{ font-size: 20px; } .card-credito p{ font-size: 15px; } .card-credito .elementor-icon{ width: 64px; height: 64px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9cb2081 */.card-credito{ background: #ffffff; border-radius: 24px; padding: 32px 28px; position: relative; overflow: hidden; transition: all .35s ease; border: 1px solid rgba(0,0,0,0.05); box-shadow: 0 10px 30px rgba(0,0,0,0.04); height: 100%; display: flex; flex-direction: column; justify-content: space-between; cursor: pointer; } /* Hover elegante */ .card-credito:hover{ transform: translateY(-8px); box-shadow: 0 20px 50px rgba(0,58,140,0.12); border-color: rgba(21,160,93,0.15); } /* Linha decorativa superior */ .card-credito::before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 5px; background: linear-gradient( 90deg, #003A8C, #0B57D0, #15A05D ); } /* Ícone */ .card-credito .elementor-icon{ background: linear-gradient( 135deg, rgba(11,87,208,.10), rgba(21,160,93,.10) ); width: 72px; height: 72px; border-radius: 20px; display: flex; align-items: center; justify-content: center; margin-bottom: 24px; transition: all .35s ease; } /* Hover ícone */ .card-credito:hover .elementor-icon{ transform: scale(1.08); } /* Ícone SVG */ .card-credito .elementor-icon{ background: linear-gradient( 135deg, rgba(11,87,208,.10), rgba(21,160,93,.10) ); width: 72px; height: 72px; border-radius: 20px; display: flex; align-items: center; justify-content: center; margin: 0 auto 24px auto; transition: all .35s ease; } /* Título */ .card-credito h3{ font-size: 24px; font-weight: 700; line-height: 1.3; color: #1A1A1A; margin-bottom: 14px; } /* Texto */ .card-credito p{ font-size: 16px; line-height: 1.7; color: #667085; margin-bottom: 28px; } /* Botão */ .card-credito .elementor-button{ background: transparent !important; color: #003A8C !important; border: 2px solid rgba(0,58,140,.10); border-radius: 14px; padding: 14px 22px; width: 100%; transition: all .3s ease; font-weight: 600; } /* Hover botão */ .card-credito:hover .elementor-button{ background: #003A8C !important; color: #ffffff !important; border-color: #003A8C; } /* Pequeno brilho */ .card-credito::after{ content: ""; position: absolute; top: -100px; right: -100px; width: 180px; height: 180px; border-radius: 50%; background: radial-gradient( rgba(11,87,208,.06), transparent ); transition: .4s; } .card-credito:hover::after{ transform: scale(1.2); } /* RESPONSIVO */ @media(max-width:1024px){ .card-credito{ padding: 28px 24px; } .card-credito h3{ font-size: 22px; } } @media(max-width:767px){ .card-credito{ border-radius: 20px; padding: 24px 20px; } .card-credito h3{ font-size: 20px; } .card-credito p{ font-size: 15px; } .card-credito .elementor-icon{ width: 64px; height: 64px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c42470d *//* ========================================== CARD LINHA DE CRÉDITO - FOMENTO TO Versão Compacta + Moderna ========================================== */ .card-credito{ background: #ffffff; border-radius: 20px; /* tamanho interno reduzido */ padding: 22px 18px; position: relative; overflow: hidden; transition: all .35s ease; border: 1px solid rgba(0,0,0,0.05); box-shadow: 0 8px 24px rgba(0,0,0,0.04); height: auto; /* largura menor */ max-width: 260px; width: 100%; margin: 0 auto; display: flex; flex-direction: column; justify-content: center; cursor: pointer; text-align: center; } /* Hover elegante */ .card-credito:hover{ transform: translateY(-6px); box-shadow: 0 18px 40px rgba(0,58,140,0.12); border-color: rgba(21,160,93,0.15); } /* Linha superior */ .card-credito::before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 4px; background: linear-gradient( 90deg, #003A8C, #0B57D0, #15A05D ); } /* Glow decorativo */ .card-credito::after{ content: ""; position: absolute; top: -80px; right: -80px; width: 140px; height: 140px; border-radius: 50%; background: radial-gradient( rgba(11,87,208,.06), transparent ); transition: .4s; } .card-credito:hover::after{ transform: scale(1.2); } /* ========================================== ÍCONE CENTRALIZADO ========================================== */ .card-credito .elementor-icon{ background: linear-gradient( 135deg, rgba(11,87,208,.10), rgba(21,160,93,.10) ); width: 58px; height: 58px; border-radius: 16px; display: flex; align-items: center; justify-content: center; margin: 0 auto 18px auto; transition: all .35s ease; } /* Hover no ícone */ .card-credito:hover .elementor-icon{ transform: scale(1.08); } /* Tamanho SVG */ .card-credito .elementor-icon svg{ width: 26px; height: 26px; fill: #003A8C; } /* ========================================== TÍTULO ========================================== */ .card-credito h3{ font-size: 18px; font-weight: 700; line-height: 1.3; color: #1A1A1A; margin-bottom: 10px; } /* ========================================== TEXTO ========================================== */ .card-credito p{ font-size: 14px; line-height: 1.5; color: #667085; margin-bottom: 18px; } /* ========================================== BOTÃO ========================================== */ .card-credito .elementor-button{ background: transparent !important; color: #003A8C !important; border: 2px solid rgba(0,58,140,.10); border-radius: 12px; padding: 10px 16px; width: 100%; font-size: 14px; font-weight: 600; transition: all .3s ease; } /* Hover botão */ .card-credito:hover .elementor-button{ background: #003A8C !important; color: #ffffff !important; border-color: #003A8C; } /* ========================================== RESPONSIVO ========================================== */ @media(max-width:1024px){ .card-credito{ max-width: 230px; padding: 20px 16px; } .card-credito h3{ font-size: 17px; } .card-credito p{ font-size: 13px; } } @media(max-width:767px){ .card-credito{ max-width: 100%; border-radius: 18px; padding: 18px 16px; } .card-credito .elementor-icon{ width: 52px; height: 52px; } .card-credito .elementor-icon svg{ width: 22px; height: 22px; } .card-credito h3{ font-size: 16px; } .card-credito p{ font-size: 13px; margin-bottom: 16px; } .card-credito .elementor-button{ font-size: 13px; padding: 10px 14px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4e4773a */.card-credito{ background: #ffffff; border-radius: 24px; padding: 32px 28px; position: relative; overflow: hidden; transition: all .35s ease; border: 1px solid rgba(0,0,0,0.05); box-shadow: 0 10px 30px rgba(0,0,0,0.04); height: 100%; display: flex; flex-direction: column; justify-content: space-between; cursor: pointer; } /* Hover elegante */ .card-credito:hover{ transform: translateY(-8px); box-shadow: 0 20px 50px rgba(0,58,140,0.12); border-color: rgba(21,160,93,0.15); } /* Linha decorativa superior */ .card-credito::before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 5px; background: linear-gradient( 90deg, #003A8C, #0B57D0, #15A05D ); } /* Ícone */ .card-credito .elementor-icon{ background: linear-gradient( 135deg, rgba(11,87,208,.10), rgba(21,160,93,.10) ); width: 72px; height: 72px; border-radius: 20px; display: flex; align-items: center; justify-content: center; margin-bottom: 24px; transition: all .35s ease; } /* Hover ícone */ .card-credito:hover .elementor-icon{ transform: scale(1.08); } /* Ícone SVG */ .card-credito .elementor-icon{ background: linear-gradient( 135deg, rgba(11,87,208,.10), rgba(21,160,93,.10) ); width: 72px; height: 72px; border-radius: 20px; display: flex; align-items: center; justify-content: center; margin: 0 auto 24px auto; transition: all .35s ease; } /* Título */ .card-credito h3{ font-size: 24px; font-weight: 700; line-height: 1.3; color: #1A1A1A; margin-bottom: 14px; } /* Texto */ .card-credito p{ font-size: 16px; line-height: 1.7; color: #667085; margin-bottom: 28px; } /* Botão */ .card-credito .elementor-button{ background: transparent !important; color: #003A8C !important; border: 2px solid rgba(0,58,140,.10); border-radius: 14px; padding: 14px 22px; width: 100%; transition: all .3s ease; font-weight: 600; } /* Hover botão */ .card-credito:hover .elementor-button{ background: #003A8C !important; color: #ffffff !important; border-color: #003A8C; } /* Pequeno brilho */ .card-credito::after{ content: ""; position: absolute; top: -100px; right: -100px; width: 180px; height: 180px; border-radius: 50%; background: radial-gradient( rgba(11,87,208,.06), transparent ); transition: .4s; } .card-credito:hover::after{ transform: scale(1.2); } /* RESPONSIVO */ @media(max-width:1024px){ .card-credito{ padding: 28px 24px; } .card-credito h3{ font-size: 22px; } } @media(max-width:767px){ .card-credito{ border-radius: 20px; padding: 24px 20px; } .card-credito h3{ font-size: 20px; } .card-credito p{ font-size: 15px; } .card-credito .elementor-icon{ width: 64px; height: 64px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c548951 */.card-credito{ background: #ffffff; border-radius: 24px; padding: 32px 28px; position: relative; overflow: hidden; transition: all .35s ease; border: 1px solid rgba(0,0,0,0.05); box-shadow: 0 10px 30px rgba(0,0,0,0.04); height: 100%; display: flex; flex-direction: column; justify-content: space-between; cursor: pointer; } /* Hover elegante */ .card-credito:hover{ transform: translateY(-8px); box-shadow: 0 20px 50px rgba(0,58,140,0.12); border-color: rgba(21,160,93,0.15); } /* Linha decorativa superior */ .card-credito::before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 5px; background: linear-gradient( 90deg, #003A8C, #0B57D0, #15A05D ); } /* Ícone */ .card-credito .elementor-icon{ background: linear-gradient( 135deg, rgba(11,87,208,.10), rgba(21,160,93,.10) ); width: 72px; height: 72px; border-radius: 20px; display: flex; align-items: center; justify-content: center; margin-bottom: 24px; transition: all .35s ease; } /* Hover ícone */ .card-credito:hover .elementor-icon{ transform: scale(1.08); } /* Ícone SVG */ .card-credito .elementor-icon{ background: linear-gradient( 135deg, rgba(11,87,208,.10), rgba(21,160,93,.10) ); width: 72px; height: 72px; border-radius: 20px; display: flex; align-items: center; justify-content: center; margin: 0 auto 24px auto; transition: all .35s ease; } /* Título */ .card-credito h3{ font-size: 24px; font-weight: 700; line-height: 1.3; color: #1A1A1A; margin-bottom: 14px; } /* Texto */ .card-credito p{ font-size: 16px; line-height: 1.7; color: #667085; margin-bottom: 28px; } /* Botão */ .card-credito .elementor-button{ background: transparent !important; color: #003A8C !important; border: 2px solid rgba(0,58,140,.10); border-radius: 14px; padding: 14px 22px; width: 100%; transition: all .3s ease; font-weight: 600; } /* Hover botão */ .card-credito:hover .elementor-button{ background: #003A8C !important; color: #ffffff !important; border-color: #003A8C; } /* Pequeno brilho */ .card-credito::after{ content: ""; position: absolute; top: -100px; right: -100px; width: 180px; height: 180px; border-radius: 50%; background: radial-gradient( rgba(11,87,208,.06), transparent ); transition: .4s; } .card-credito:hover::after{ transform: scale(1.2); } /* RESPONSIVO */ @media(max-width:1024px){ .card-credito{ padding: 28px 24px; } .card-credito h3{ font-size: 22px; } } @media(max-width:767px){ .card-credito{ border-radius: 20px; padding: 24px 20px; } .card-credito h3{ font-size: 20px; } .card-credito p{ font-size: 15px; } .card-credito .elementor-icon{ width: 64px; height: 64px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9cb2081 */.card-credito{ background: #ffffff; border-radius: 24px; padding: 32px 28px; position: relative; overflow: hidden; transition: all .35s ease; border: 1px solid rgba(0,0,0,0.05); box-shadow: 0 10px 30px rgba(0,0,0,0.04); height: 100%; display: flex; flex-direction: column; justify-content: space-between; cursor: pointer; } /* Hover elegante */ .card-credito:hover{ transform: translateY(-8px); box-shadow: 0 20px 50px rgba(0,58,140,0.12); border-color: rgba(21,160,93,0.15); } /* Linha decorativa superior */ .card-credito::before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 5px; background: linear-gradient( 90deg, #003A8C, #0B57D0, #15A05D ); } /* Ícone */ .card-credito .elementor-icon{ background: linear-gradient( 135deg, rgba(11,87,208,.10), rgba(21,160,93,.10) ); width: 72px; height: 72px; border-radius: 20px; display: flex; align-items: center; justify-content: center; margin-bottom: 24px; transition: all .35s ease; } /* Hover ícone */ .card-credito:hover .elementor-icon{ transform: scale(1.08); } /* Ícone SVG */ .card-credito .elementor-icon{ background: linear-gradient( 135deg, rgba(11,87,208,.10), rgba(21,160,93,.10) ); width: 72px; height: 72px; border-radius: 20px; display: flex; align-items: center; justify-content: center; margin: 0 auto 24px auto; transition: all .35s ease; } /* Título */ .card-credito h3{ font-size: 24px; font-weight: 700; line-height: 1.3; color: #1A1A1A; margin-bottom: 14px; } /* Texto */ .card-credito p{ font-size: 16px; line-height: 1.7; color: #667085; margin-bottom: 28px; } /* Botão */ .card-credito .elementor-button{ background: transparent !important; color: #003A8C !important; border: 2px solid rgba(0,58,140,.10); border-radius: 14px; padding: 14px 22px; width: 100%; transition: all .3s ease; font-weight: 600; } /* Hover botão */ .card-credito:hover .elementor-button{ background: #003A8C !important; color: #ffffff !important; border-color: #003A8C; } /* Pequeno brilho */ .card-credito::after{ content: ""; position: absolute; top: -100px; right: -100px; width: 180px; height: 180px; border-radius: 50%; background: radial-gradient( rgba(11,87,208,.06), transparent ); transition: .4s; } .card-credito:hover::after{ transform: scale(1.2); } /* RESPONSIVO */ @media(max-width:1024px){ .card-credito{ padding: 28px 24px; } .card-credito h3{ font-size: 22px; } } @media(max-width:767px){ .card-credito{ border-radius: 20px; padding: 24px 20px; } .card-credito h3{ font-size: 20px; } .card-credito p{ font-size: 15px; } .card-credito .elementor-icon{ width: 64px; height: 64px; } }/* End custom CSS */ /* Start custom CSS for testimonial-carousel, class: .elementor-element-db0dcdf *//* ========================================== CARROSSEL DE DEPOIMENTOS ========================================== */ .carousel-depoimentos{ position: relative; } /* Espaçamento do slider */ .carousel-depoimentos .swiper-wrapper{ align-items: stretch; } .carousel-depoimentos .swiper-slide{ height: auto; display: flex; } /* ========================================== CARD DO DEPOIMENTO ========================================== */ .card-depoimento{ background: #ffffff; border-radius: 24px; overflow: hidden; border: 1px solid rgba(0,0,0,.06); box-shadow: 0 10px 30px rgba(0,0,0,.04); transition: all .35s ease; width: 100%; height: 100%; position: relative; display: flex; flex-direction: row; } /* Hover */ .card-depoimento:hover{ transform: translateY(-8px); box-shadow: 0 20px 50px rgba(0,58,140,.12); } /* Linha superior */ .card-depoimento::before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 5px; background: linear-gradient( 90deg, #003A8C, #0B57D0, #15A05D ); } /* Glow */ .card-depoimento::after{ content: ""; position: absolute; top: -100px; right: -100px; width: 180px; height: 180px; border-radius: 50%; background: radial-gradient( rgba(11,87,208,.06), transparent ); transition: .4s; } .card-depoimento:hover::after{ transform: scale(1.2); } /* ========================================== IMAGEM ========================================== */ .card-depoimento .elementor-widget-image{ min-width: 220px; width: 220px; overflow: hidden; } .card-depoimento img{ width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; } .card-depoimento:hover img{ transform: scale(1.05); } /* ========================================== CONTEÚDO ========================================== */ .card-depoimento .elementor-widget-heading, .card-depoimento .elementor-widget-text-editor{ padding-left: 28px; padding-right: 28px; } /* Nome */ .card-depoimento h3{ font-size: 22px; font-weight: 700; color: #1A1A1A; margin-top: 28px; margin-bottom: 10px; } /* Cidade */ .card-depoimento h4{ font-size: 14px; font-weight: 600; color: #15A05D; margin-bottom: 18px; } /* Depoimento */ .card-depoimento p{ font-size: 15px; line-height: 1.7; color: #667085; margin-bottom: 22px; } /* Valor financiado */ .card-depoimento .valor-financiado{ font-size: 15px; font-weight: 700; color: #003A8C; margin-bottom: 28px; } /* ========================================== DOTS (Bolinhas) ========================================== */ .carousel-depoimentos .swiper-pagination{ position: relative; margin-top: 40px; } .carousel-depoimentos .swiper-pagination-bullet{ width: 12px; height: 12px; background: #D0D5DD; opacity: 1; transition: .3s; } .carousel-depoimentos .swiper-pagination-bullet-active{ width: 36px; border-radius: 999px; background: #003A8C; } /* ========================================== SETAS ========================================== */ .carousel-depoimentos .elementor-swiper-button{ width: 52px; height: 52px; background: #ffffff; border-radius: 50%; box-shadow: 0 10px 25px rgba(0,0,0,.10); color: #003A8C; transition: .3s ease; } .carousel-depoimentos .elementor-swiper-button:hover{ background: #003A8C; color: #ffffff; } /* ========================================== RESPONSIVO ========================================== */ @media(max-width:1024px){ .card-depoimento{ flex-direction: column; } .card-depoimento .elementor-widget-image{ width: 100%; min-width: 100%; } .card-depoimento img{ height: 260px; } } @media(max-width:767px){ .card-depoimento{ border-radius: 20px; } .card-depoimento img{ height: 220px; } .card-depoimento h3{ font-size: 20px; } .card-depoimento p{ font-size: 14px; } .carousel-depoimentos .elementor-swiper-button{ display: none; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8ffce0f *//* ========================================== CARROSSEL DE DEPOIMENTOS ========================================== */ .carousel-depoimentos{ position: relative; } /* Espaçamento do slider */ .carousel-depoimentos .swiper-wrapper{ align-items: stretch; } .carousel-depoimentos .swiper-slide{ height: auto; display: flex; } /* ========================================== CARD DO DEPOIMENTO ========================================== */ .card-depoimento{ background: #ffffff; border-radius: 24px; overflow: hidden; border: 1px solid rgba(0,0,0,.06); box-shadow: 0 10px 30px rgba(0,0,0,.04); transition: all .35s ease; width: 100%; height: 100%; position: relative; display: flex; flex-direction: row; } /* Hover */ .card-depoimento:hover{ transform: translateY(-8px); box-shadow: 0 20px 50px rgba(0,58,140,.12); } /* Linha superior */ .card-depoimento::before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 5px; background: linear-gradient( 90deg, #003A8C, #0B57D0, #15A05D ); } /* Glow */ .card-depoimento::after{ content: ""; position: absolute; top: -100px; right: -100px; width: 180px; height: 180px; border-radius: 50%; background: radial-gradient( rgba(11,87,208,.06), transparent ); transition: .4s; } .card-depoimento:hover::after{ transform: scale(1.2); } /* ========================================== IMAGEM ========================================== */ .card-depoimento .elementor-widget-image{ min-width: 220px; width: 220px; overflow: hidden; } .card-depoimento img{ width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; } .card-depoimento:hover img{ transform: scale(1.05); } /* ========================================== CONTEÚDO ========================================== */ .card-depoimento .elementor-widget-heading, .card-depoimento .elementor-widget-text-editor{ padding-left: 28px; padding-right: 28px; } /* Nome */ .card-depoimento h3{ font-size: 22px; font-weight: 700; color: #1A1A1A; margin-top: 28px; margin-bottom: 10px; } /* Cidade */ .card-depoimento h4{ font-size: 14px; font-weight: 600; color: #15A05D; margin-bottom: 18px; } /* Depoimento */ .card-depoimento p{ font-size: 15px; line-height: 1.7; color: #667085; margin-bottom: 22px; } /* Valor financiado */ .card-depoimento .valor-financiado{ font-size: 15px; font-weight: 700; color: #003A8C; margin-bottom: 28px; } /* ========================================== DOTS (Bolinhas) ========================================== */ .carousel-depoimentos .swiper-pagination{ position: relative; margin-top: 40px; } .carousel-depoimentos .swiper-pagination-bullet{ width: 12px; height: 12px; background: #D0D5DD; opacity: 1; transition: .3s; } .carousel-depoimentos .swiper-pagination-bullet-active{ width: 36px; border-radius: 999px; background: #003A8C; } /* ========================================== SETAS ========================================== */ .carousel-depoimentos .elementor-swiper-button{ width: 52px; height: 52px; background: #ffffff; border-radius: 50%; box-shadow: 0 10px 25px rgba(0,0,0,.10); color: #003A8C; transition: .3s ease; } .carousel-depoimentos .elementor-swiper-button:hover{ background: #003A8C; color: #ffffff; } /* ========================================== RESPONSIVO ========================================== */ @media(max-width:1024px){ .card-depoimento{ flex-direction: column; } .card-depoimento .elementor-widget-image{ width: 100%; min-width: 100%; } .card-depoimento img{ height: 260px; } } @media(max-width:767px){ .card-depoimento{ border-radius: 20px; } .card-depoimento img{ height: 220px; } .card-depoimento h3{ font-size: 20px; } .card-depoimento p{ font-size: 14px; } .carousel-depoimentos .elementor-swiper-button{ display: none; } }/* End custom CSS */