.elementor-9 .elementor-element.elementor-element-4a942351{--display:flex;--min-height:100vh;--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;--overlay-opacity:0.79;--overlay-mix-blend-mode:overlay;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:var( --e-global-color-accent );--border-color:var( --e-global-color-accent );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:78px;--padding-bottom:183px;--padding-left:183px;--padding-right:183px;}.elementor-9 .elementor-element.elementor-element-4a942351:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-4a942351 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#050505;}.elementor-9 .elementor-element.elementor-element-4a942351::before, .elementor-9 .elementor-element.elementor-element-4a942351 > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-4a942351 > .e-con-inner > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-4a942351 > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-4a942351 > .e-con-inner > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-4a942351 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-9 .elementor-element.elementor-element-324edf48{--display:flex;--justify-content:center;border-style:solid;--border-style:solid;border-color:#FF000029;--border-color:#FF000029;--border-radius:30px 30px 30px 30px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:6px;--padding-bottom:6px;--padding-left:6px;--padding-right:6px;}.elementor-9 .elementor-element.elementor-element-324edf48.e-con{--flex-grow:0;--flex-shrink:0;}.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-9 .elementor-element.elementor-element-236cea76{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-9 .elementor-element.elementor-element-236cea76 .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:3rem;font-weight:900;line-height:1.1em;color:#FFFFFF;}.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-9 .elementor-element.elementor-element-5256abc .elementor-button:hover, .elementor-9 .elementor-element.elementor-element-5256abc .elementor-button:focus{background-color:#b3002a;color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-5256abc{margin:29px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-9 .elementor-element.elementor-element-5256abc .elementor-button{fill:#FFFFFF;color:#FFFFFF;box-shadow:0px 9px 10px 3px rgba(253.29999999999998, 4.06105978260869, 4.06105978260869, 0.5);border-style:solid;border-color:#FF000029;border-radius:30px 30px 30px 30px;}.elementor-9 .elementor-element.elementor-element-5256abc .elementor-button:hover svg, .elementor-9 .elementor-element.elementor-element-5256abc .elementor-button:focus svg{fill:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-36f9e57{--display:flex;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:-6px;--margin-right:-179px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-9 .elementor-element.elementor-element-a82d06a{width:var( --container-widget-width, 91% );max-width:91%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:91%;--container-widget-flex-grow:0;}.elementor-9 .elementor-element.elementor-element-a82d06a img{width:100%;max-width:100%;}.elementor-9 .elementor-element.elementor-element-fca6d90{--display:flex;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:var( --e-global-color-accent );--border-color:var( --e-global-color-accent );--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-9 .elementor-element.elementor-element-fca6d90:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-fca6d90 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-9 .elementor-element.elementor-element-4ea15e2{--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;--overlay-opacity:0.42;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;--padding-top:95px;--padding-bottom:95px;--padding-left:60px;--padding-right:60px;}.elementor-9 .elementor-element.elementor-element-4ea15e2:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-4ea15e2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#050403;}.elementor-9 .elementor-element.elementor-element-4ea15e2::before, .elementor-9 .elementor-element.elementor-element-4ea15e2 > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-4ea15e2 > .e-con-inner > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-4ea15e2 > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-4ea15e2 > .e-con-inner > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-4ea15e2 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-9 .elementor-element.elementor-element-4ea15e2.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-9 .elementor-element.elementor-element-384d63e{width:var( --container-widget-width, 1000px );max-width:1000px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 010px) 0px;--container-widget-width:1000px;--container-widget-flex-grow:0;z-index:10;text-align:center;}.elementor-9 .elementor-element.elementor-element-384d63e.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-9 .elementor-element.elementor-element-384d63e .elementor-heading-title{font-weight:700;color:#FFFFFF;}.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-9 .elementor-element.elementor-element-a6035fa{width:initial;max-width:initial;z-index:150;text-align:center;font-size:18px;color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-adf28ae{--display:flex;}.elementor-9 .elementor-element.elementor-element-8f3d157{--display:flex;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-9 .elementor-element.elementor-element-b75cc45{border-radius:8px 8px 8px 8px;}.elementor-9 .elementor-element.elementor-element-b75cc45 .elementor-wrapper{--video-aspect-ratio:0.5625;}.elementor-9 .elementor-element.elementor-element-c937eae{--display:flex;}.elementor-9 .elementor-element.elementor-element-99e0573{--display:flex;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9 .elementor-element.elementor-element-96d4e1f{border-radius:8px 8px 8px 8px;}.elementor-9 .elementor-element.elementor-element-96d4e1f .elementor-wrapper{--video-aspect-ratio:0.5625;}.elementor-9 .elementor-element.elementor-element-9aa3f7f{--display:flex;}.elementor-9 .elementor-element.elementor-element-02eb070{--display:flex;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9 .elementor-element.elementor-element-2124ba6{border-radius:8px 8px 8px 8px;}.elementor-9 .elementor-element.elementor-element-2124ba6 .elementor-wrapper{--video-aspect-ratio:0.5625;}.elementor-9 .elementor-element.elementor-element-1285642{--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-9 .elementor-element.elementor-element-2e958503{--display:flex;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:var( --e-global-color-accent );--border-color:var( --e-global-color-accent );--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-9 .elementor-element.elementor-element-2e958503:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-2e958503 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-9 .elementor-element.elementor-element-103be231{--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-9 .elementor-element.elementor-element-36be1e70{--display:flex;}.elementor-9 .elementor-element.elementor-element-d345edb{--display:flex;--border-radius:8px 8px 8px 8px;--padding-top:27px;--padding-bottom:27px;--padding-left:27px;--padding-right:27px;}.elementor-9 .elementor-element.elementor-element-d345edb:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-d345edb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-9 .elementor-element.elementor-element-344d78d5{text-align:left;}.elementor-9 .elementor-element.elementor-element-344d78d5 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-9 .elementor-element.elementor-element-d0d7355{--display:flex;--border-radius:8px 8px 8px 8px;--padding-top:27px;--padding-bottom:27px;--padding-left:27px;--padding-right:27px;}.elementor-9 .elementor-element.elementor-element-d0d7355:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-d0d7355 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-9 .elementor-element.elementor-element-aec766a .elementor-heading-title{color:var( --e-global-color-text );}.elementor-9 .elementor-element.elementor-element-4884a47{--display:flex;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{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-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-9 .elementor-element.elementor-element-3062edb2{background-color:var( --e-global-color-primary );padding:33px 33px 33px 33px;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-accent );border-radius:13px 13px 13px 13px;--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-9 .elementor-element.elementor-element-3062edb2 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-9 .elementor-element.elementor-element-3062edb2 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-9 .elementor-element.elementor-element-3062edb2 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-9 .elementor-element.elementor-element-3062edb2 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-9 .elementor-element.elementor-element-3062edb2 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-9 .elementor-element.elementor-element-3062edb2 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-9 .elementor-element.elementor-element-3062edb2 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-9 .elementor-element.elementor-element-3062edb2 .elementor-field-group > label, .elementor-9 .elementor-element.elementor-element-3062edb2 .elementor-field-subgroup label{color:var( --e-global-color-eb0ebd5 );}.elementor-9 .elementor-element.elementor-element-3062edb2 .elementor-field-type-html{padding-bottom:0px;}.elementor-9 .elementor-element.elementor-element-3062edb2 .elementor-field-group .elementor-field{color:var( --e-global-color-secondary );}.elementor-9 .elementor-element.elementor-element-3062edb2 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;border-color:var( --e-global-color-eb0ebd5 );}.elementor-9 .elementor-element.elementor-element-3062edb2 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;border-color:var( --e-global-color-eb0ebd5 );}.elementor-9 .elementor-element.elementor-element-3062edb2 .elementor-field-group .elementor-select-wrapper::before{color:var( --e-global-color-eb0ebd5 );}.elementor-9 .elementor-element.elementor-element-3062edb2 .e-form__buttons__wrapper__button-next{background-color:var(--e-global-color-accent);color:#ffffff;}.elementor-9 .elementor-element.elementor-element-3062edb2 .elementor-button[type="submit"]{background-color:var(--e-global-color-accent);color:#ffffff;}.elementor-9 .elementor-element.elementor-element-3062edb2 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-9 .elementor-element.elementor-element-3062edb2 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-9 .elementor-element.elementor-element-3062edb2 .e-form__buttons__wrapper__button-next:hover{background-color:#b3002a;color:#ffffff;}.elementor-9 .elementor-element.elementor-element-3062edb2 .elementor-button[type="submit"]:hover{background-color:#b3002a;color:#ffffff;}.elementor-9 .elementor-element.elementor-element-3062edb2 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-9 .elementor-element.elementor-element-3062edb2 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-9 .elementor-element.elementor-element-59742caa{--display:flex;--min-height:70vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--overlay-opacity:0.83;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:var( --e-global-color-accent );--border-color:var( --e-global-color-accent );--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-9 .elementor-element.elementor-element-59742caa:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-59742caa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;background-image:url("https://gr3assessoria.com.br/wp-content/uploads/2025/10/gradiente-de-desfoque-de-luxo-abstrato-cinza-e-preto-usado-como-parede-de-estudio-de-fundo-para-exibir-seu-p-scaled.jpg");background-position:center right;background-repeat:no-repeat;background-size:cover;}.elementor-9 .elementor-element.elementor-element-59742caa::before, .elementor-9 .elementor-element.elementor-element-59742caa > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-59742caa > .e-con-inner > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-59742caa > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-59742caa > .e-con-inner > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-59742caa > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-eb0ebd5 );--background-overlay:'';}.elementor-9 .elementor-element.elementor-element-91b3549 img{width:25%;}.elementor-9 .elementor-element.elementor-element-61c79b32{text-align:center;}.elementor-9 .elementor-element.elementor-element-61c79b32 .elementor-heading-title{font-family:"Sora", Sans-serif;font-weight:600;}.elementor-9 .elementor-element.elementor-element-25e8308f .elementor-button:hover, .elementor-9 .elementor-element.elementor-element-25e8308f .elementor-button:focus{background-color:#b3002a;color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-25e8308f{margin:29px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-9 .elementor-element.elementor-element-25e8308f .elementor-button{fill:#FFFFFF;color:#FFFFFF;box-shadow:0px 9px 10px 3px rgba(253.29999999999998, 4.06105978260869, 4.06105978260869, 0.5);border-style:solid;border-color:#FF000029;border-radius:30px 30px 30px 30px;}.elementor-9 .elementor-element.elementor-element-25e8308f .elementor-button:hover svg, .elementor-9 .elementor-element.elementor-element-25e8308f .elementor-button:focus svg{fill:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-681d410d{text-align:center;}.elementor-9 .elementor-element.elementor-element-27f78c82{--display:flex;--min-height:70vh;--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;--align-items:center;--overlay-opacity:0.5;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:var( --e-global-color-accent );--border-color:var( --e-global-color-accent );--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-9 .elementor-element.elementor-element-27f78c82:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-27f78c82 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-9 .elementor-element.elementor-element-27f78c82::before, .elementor-9 .elementor-element.elementor-element-27f78c82 > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-27f78c82 > .e-con-inner > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-27f78c82 > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-27f78c82 > .e-con-inner > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-27f78c82 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://gr3assessoria.com.br/wp-content/uploads/2025/10/desenho-de-fundo-abstrato-hd-cor-vermelho-escuro-forte-scaled.jpg");--background-overlay:'';}.elementor-9 .elementor-element.elementor-element-73be44d{--display:flex;}.elementor-9 .elementor-element.elementor-element-f28bfdc img{width:76%;}.elementor-9 .elementor-element.elementor-element-7cf04f4{--display:flex;}.elementor-9 .elementor-element.elementor-element-31abe2e1{text-align:center;}.elementor-9 .elementor-element.elementor-element-7cca4768{text-align:center;}.elementor-9 .elementor-element.elementor-element-57365b3 .elementor-button:hover, .elementor-9 .elementor-element.elementor-element-57365b3 .elementor-button:focus{background-color:#b3002a;color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-57365b3{margin:29px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-9 .elementor-element.elementor-element-57365b3 .elementor-button{fill:#FFFFFF;color:#FFFFFF;box-shadow:0px 9px 10px 3px rgba(253.29999999999998, 4.06105978260869, 4.06105978260869, 0.5);border-style:solid;border-color:#FF000029;border-radius:30px 30px 30px 30px;}.elementor-9 .elementor-element.elementor-element-57365b3 .elementor-button:hover svg, .elementor-9 .elementor-element.elementor-element-57365b3 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-46cef001{--display:flex;--min-height:70vh;--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;--align-items:center;--overlay-opacity:0.29;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:var( --e-global-color-accent );--border-color:var( --e-global-color-accent );--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-9 .elementor-element.elementor-element-46cef001:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-46cef001 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-eb0ebd5 );}.elementor-9 .elementor-element.elementor-element-46cef001::before, .elementor-9 .elementor-element.elementor-element-46cef001 > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-46cef001 > .e-con-inner > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-46cef001 > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-46cef001 > .e-con-inner > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-46cef001 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://gr3assessoria.com.br/wp-content/uploads/2025/10/gradiente-de-desfoque-de-luxo-abstrato-cinza-e-preto-usado-como-parede-de-estudio-de-fundo-para-exibir-seu-p-scaled.jpg");--background-overlay:'';}.elementor-9 .elementor-element.elementor-element-fd8576d{--display:flex;}.elementor-9 .elementor-element.elementor-element-42d5c445{text-align:center;}.elementor-9 .elementor-element.elementor-element-358fc00b{text-align:center;}.elementor-9 .elementor-element.elementor-element-2a54ed47{text-align:center;}.elementor-9 .elementor-element.elementor-element-8df30e9{--display:flex;}.elementor-9 .elementor-element.elementor-element-5665634 img{width:76%;}.elementor-9 .elementor-element.elementor-element-5431d69f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:var( --e-global-color-accent );--border-color:var( --e-global-color-accent );--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-9 .elementor-element.elementor-element-5431d69f:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-5431d69f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-9 .elementor-element.elementor-element-7f8eb9b1{--display:flex;}.elementor-9 .elementor-element.elementor-element-54e67c2{--display:flex;}.elementor-9 .elementor-element.elementor-element-290de189{text-align:center;}.elementor-9 .elementor-element.elementor-element-c807c61{--display:flex;}.elementor-9 .elementor-element.elementor-element-b7c7d3e{--display:flex;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9 .elementor-element.elementor-element-a1ce37e{text-align:center;}.elementor-9 .elementor-element.elementor-element-44e69ca{text-align:center;}.elementor-9 .elementor-element.elementor-element-6ad9515{--display:flex;}.elementor-9 .elementor-element.elementor-element-011c806{--display:flex;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9 .elementor-element.elementor-element-9cee53d{text-align:center;}.elementor-9 .elementor-element.elementor-element-1264a11{text-align:center;}.elementor-9 .elementor-element.elementor-element-24fabb0{--display:flex;}.elementor-9 .elementor-element.elementor-element-cc1e137{--display:flex;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9 .elementor-element.elementor-element-48fe241{text-align:center;}.elementor-9 .elementor-element.elementor-element-9d95703{text-align:center;}.elementor-9 .elementor-element.elementor-element-c956589{--display:flex;}.elementor-9 .elementor-element.elementor-element-93ec56c{--display:flex;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9 .elementor-element.elementor-element-8e91b0e{text-align:center;}.elementor-9 .elementor-element.elementor-element-cdabf7a{text-align:center;}.elementor-9 .elementor-element.elementor-element-2a06f0b{--display:flex;}.elementor-9 .elementor-element.elementor-element-f927ea2{--display:flex;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9 .elementor-element.elementor-element-84bf50b{text-align:center;}.elementor-9 .elementor-element.elementor-element-1465ccd{text-align:center;}.elementor-9 .elementor-element.elementor-element-f9b9bf4{--display:flex;}.elementor-9 .elementor-element.elementor-element-28b0127{--display:flex;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9 .elementor-element.elementor-element-f1b4b15{text-align:center;}.elementor-9 .elementor-element.elementor-element-8e36dd5{text-align:center;}.elementor-9 .elementor-element.elementor-element-0c9e84c{--e-n-carousel-swiper-slides-gap:67px;width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:100%;--container-widget-flex-grow:0;--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-9 .elementor-element.elementor-element-0c9e84c.elementor-element{--align-self:center;}.elementor-9 .elementor-element.elementor-element-76841558{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-9 .elementor-element.elementor-element-c3fa9c4{--display:flex;--position:sticky;top:0px;}body:not(.rtl) .elementor-9 .elementor-element.elementor-element-c3fa9c4{left:0px;}body.rtl .elementor-9 .elementor-element.elementor-element-c3fa9c4{right:0px;}.elementor-9 .elementor-element.elementor-element-1429f13c{width:var( --container-widget-width, 46% );max-width:46%;--container-widget-width:46%;--container-widget-flex-grow:0;text-align:center;}.elementor-9 .elementor-element.elementor-element-1429f13c.elementor-element{--align-self:center;}.elementor-9 .elementor-element.elementor-element-660da570 .elementor-button:hover, .elementor-9 .elementor-element.elementor-element-660da570 .elementor-button:focus{background-color:#b3002a;color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-660da570{margin:29px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-9 .elementor-element.elementor-element-660da570 .elementor-button{fill:#FFFFFF;color:#FFFFFF;box-shadow:0px 9px 10px 3px rgba(253.29999999999998, 4.06105978260869, 4.06105978260869, 0.5);border-style:solid;border-color:#FF000029;border-radius:30px 30px 30px 30px;}.elementor-9 .elementor-element.elementor-element-660da570 .elementor-button:hover svg, .elementor-9 .elementor-element.elementor-element-660da570 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-7f43716a{--display:flex;--overlay-opacity:0.5;--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-9 .elementor-element.elementor-element-7f43716a:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-7f43716a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-9 .elementor-element.elementor-element-7f43716a::before, .elementor-9 .elementor-element.elementor-element-7f43716a > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-7f43716a > .e-con-inner > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-7f43716a > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-7f43716a > .e-con-inner > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-7f43716a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://gr3assessoria.com.br/wp-content/uploads/2025/10/gradiente-de-desfoque-de-luxo-abstrato-cinza-e-preto-usado-como-parede-de-estudio-de-fundo-para-exibir-seu-p-scaled.jpg");--background-overlay:'';}.elementor-9 .elementor-element.elementor-element-38779df4{text-align:center;}.elementor-widget-accordion .elementor-accordion-icon, .elementor-widget-accordion .elementor-accordion-title{color:var( --e-global-color-primary );}.elementor-widget-accordion .elementor-accordion-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-accordion .elementor-active .elementor-accordion-icon, .elementor-widget-accordion .elementor-active .elementor-accordion-title{color:var( --e-global-color-accent );}.elementor-widget-accordion .elementor-active .elementor-accordion-icon svg{fill:var( --e-global-color-accent );}.elementor-widget-accordion .elementor-accordion-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-accordion .elementor-tab-content{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-9 .elementor-element.elementor-element-bf31d57 .elementor-accordion-item{border-color:#F8030391;}.elementor-9 .elementor-element.elementor-element-bf31d57 .elementor-accordion-item .elementor-tab-content{border-block-start-color:#F8030391;}.elementor-9 .elementor-element.elementor-element-bf31d57 .elementor-accordion-item .elementor-tab-title.elementor-active{border-block-end-color:#F8030391;}.elementor-9 .elementor-element.elementor-element-bf31d57 .elementor-accordion-icon, .elementor-9 .elementor-element.elementor-element-bf31d57 .elementor-accordion-title{color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-bf31d57 .elementor-accordion-icon svg{fill:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-bf31d57 .elementor-active .elementor-accordion-icon, .elementor-9 .elementor-element.elementor-element-bf31d57 .elementor-active .elementor-accordion-title{color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-bf31d57 .elementor-active .elementor-accordion-icon svg{fill:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-bf31d57 .elementor-tab-title .elementor-accordion-icon i:before{color:var(--e-global-color-accent);}.elementor-9 .elementor-element.elementor-element-bf31d57 .elementor-tab-title .elementor-accordion-icon svg{fill:var(--e-global-color-accent);}.elementor-9 .elementor-element.elementor-element-bf31d57 .elementor-tab-title.elementor-active .elementor-accordion-icon i:before{color:var(--e-global-color-accent);}.elementor-9 .elementor-element.elementor-element-bf31d57 .elementor-tab-title.elementor-active .elementor-accordion-icon svg{fill:var(--e-global-color-accent);}.elementor-9 .elementor-element.elementor-element-1f5f5fa{--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-9 .elementor-element.elementor-element-1f5f5fa:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-1f5f5fa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-eb0ebd5 );}.elementor-9 .elementor-element.elementor-element-62aacc1{--display:flex;--min-height:149px;--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-evenly;--align-items:center;--gap:53px 53px;--row-gap:53px;--column-gap:53px;--flex-wrap:wrap;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-9 .elementor-element.elementor-element-62aacc1:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-62aacc1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-9 .elementor-element.elementor-element-4062ce3{--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;}.elementor-9 .elementor-element.elementor-element-215aa00{--grid-template-columns:repeat(0, auto);text-align:left;width:var( --container-widget-width, 30% );max-width:30%;--container-widget-width:30%;--container-widget-flex-grow:0;--icon-size:18px;--grid-column-gap:12px;--grid-row-gap:0px;}.elementor-9 .elementor-element.elementor-element-215aa00.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-9 .elementor-element.elementor-element-215aa00 .elementor-social-icon{background-color:#27272799;--icon-padding:0.65em;}.elementor-9 .elementor-element.elementor-element-215aa00 .elementor-icon{border-radius:12px 12px 12px 12px;}.elementor-9 .elementor-element.elementor-element-baa6ddb{width:var( --container-widget-width, 25% );max-width:25%;--container-widget-width:25%;--container-widget-flex-grow:0;text-align:center;}.elementor-9 .elementor-element.elementor-element-baa6ddb.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-9 .elementor-element.elementor-element-baa6ddb img{width:43%;max-width:207px;}.elementor-9 .elementor-element.elementor-element-46c203b{width:var( --container-widget-width, 30% );max-width:30%;--container-widget-width:30%;--container-widget-flex-grow:0;text-align:right;font-size:11px;color:#727272;}.elementor-9 .elementor-element.elementor-element-46c203b.elementor-element{--align-self:center;}@media(max-width:1024px){.elementor-9 .elementor-element.elementor-element-4ea15e2{--padding-top:80px;--padding-bottom:65px;--padding-left:40px;--padding-right:40px;}.elementor-9 .elementor-element.elementor-element-384d63e .elementor-heading-title{font-size:39px;}.elementor-9 .elementor-element.elementor-element-1285642{--e-n-carousel-swiper-slides-to-display:2;}.elementor-9 .elementor-element.elementor-element-0c9e84c{--e-n-carousel-swiper-slides-to-display:4;}.elementor-9 .elementor-element.elementor-element-62aacc1{--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-9 .elementor-element.elementor-element-215aa00{--icon-size:15px;}}@media(max-width:767px){.elementor-9 .elementor-element.elementor-element-4a942351{--padding-top:32px;--padding-bottom:32px;--padding-left:32px;--padding-right:32px;}.elementor-9 .elementor-element.elementor-element-324edf48{--width: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-9 .elementor-element.elementor-element-236cea76{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-9 .elementor-element.elementor-element-236cea76 .elementor-heading-title{font-size:24px;}.elementor-9 .elementor-element.elementor-element-36f9e57{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-9 .elementor-element.elementor-element-a82d06a{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-9 .elementor-element.elementor-element-a82d06a img{width:100%;}.elementor-9 .elementor-element.elementor-element-4ea15e2{--padding-top:75px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-9 .elementor-element.elementor-element-384d63e{width:initial;max-width:initial;}.elementor-9 .elementor-element.elementor-element-384d63e .elementor-heading-title{font-size:29px;}.elementor-9 .elementor-element.elementor-element-a6035fa{font-size:16px;}.elementor-9 .elementor-element.elementor-element-1285642{--e-n-carousel-swiper-slides-to-display:1;}.elementor-9 .elementor-element.elementor-element-91b3549 img{width:57%;}.elementor-9 .elementor-element.elementor-element-0c9e84c{--e-n-carousel-swiper-slides-to-display:3;--e-n-carousel-swiper-slides-gap:8px;}.elementor-9 .elementor-element.elementor-element-62aacc1{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:36px 36px;--row-gap:36px;--column-gap:36px;}.elementor-9 .elementor-element.elementor-element-215aa00{text-align:center;width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-9 .elementor-element.elementor-element-baa6ddb{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-9 .elementor-element.elementor-element-46c203b{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;text-align:center;font-size:16px;}}@media(min-width:768px){.elementor-9 .elementor-element.elementor-element-4a942351{--content-width:100%;}.elementor-9 .elementor-element.elementor-element-324edf48{--width:52%;}.elementor-9 .elementor-element.elementor-element-36f9e57{--content-width:100%;}.elementor-9 .elementor-element.elementor-element-4ea15e2{--width:100%;}.elementor-9 .elementor-element.elementor-element-4884a47{--content-width:619px;}.elementor-9 .elementor-element.elementor-element-c3fa9c4{--width:50%;}.elementor-9 .elementor-element.elementor-element-62aacc1{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-9 .elementor-element.elementor-element-8f3d157{--width:50%;}.elementor-9 .elementor-element.elementor-element-99e0573{--width:50%;}.elementor-9 .elementor-element.elementor-element-02eb070{--width:50%;}.elementor-9 .elementor-element.elementor-element-b7c7d3e{--width:50%;}.elementor-9 .elementor-element.elementor-element-011c806{--width:50%;}.elementor-9 .elementor-element.elementor-element-cc1e137{--width:50%;}.elementor-9 .elementor-element.elementor-element-93ec56c{--width:50%;}.elementor-9 .elementor-element.elementor-element-f927ea2{--width:50%;}.elementor-9 .elementor-element.elementor-element-28b0127{--width:50%;}}@media(min-width:1025px){.elementor-9 .elementor-element.elementor-element-59742caa:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-59742caa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for heading, class: .elementor-element-236cea76 */.elementor-heading-title { text-shadow: 0 0 8px rgba(255, 0, 60, 0.5); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-5256abc *//* * ========================================= * BOTÃO FLUTUANTE SIMPLES (CAMMAR) - AZUL LED * Classe: .botao-float-simples * Efeito: Flutuação contínua no hover * Hover: Brilho branco * ========================================= */ /* 1. Animação de flutuação (SÓ TRANSFORM = 100% SUAVE) */ @keyframes flutuar-suave-final { 0% { transform: translateY(0px); } 50% { transform: translateY(-4px); /* Sobe 4px */ } 100% { transform: translateY(0px); } } /* 2. Estilo base do botão (COM DEGRADÊ AZUL) */ .botao-float-simples .elementor-button { /* Cor: Degradê azul "LED" com texto branco */ background-color: #F80303 !important; /* Cor sólida para fallback */ background-image: linear-gradient(180deg, #ff5454 0%, #F80303 100%) !important; color: #FFFFFF !important; /* Sombra leve padrão */ box-shadow: 0 px 10px rgba(0, 0, 0, 0.1); /* Aplica a animação de flutuação SUAVE */ animation: flutuar-suave-final 3s ease-in-out infinite; /* Transição para o hover */ transition: all 0.3s ease !important; } /* 3. Efeito HOVER (O "Brilho" branco) */ .botao-float-simples .elementor-button:hover { /* O "Brilho" (máscara branca) */ background-color: #FFFFFF !important; background-image: none !important; /* Remove o degradê no hover */ /* Texto muda para a cor AZUL */ color: #F80303 !important; /* * A flutuação continua! */ /* Sombra branca para realçar o "brilho" */ box-shadow: 0 8px 20px rgba(255, 255, 255, 0.5); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-324edf48 *//* Elementor Rocket COMO USAR: Aplique uma cor de fundo COM TRANSPARÊNCIA (importante), assim como este código, na seção em que deseja o efeito. Edite a intensidade do desfoque abaixo. */ .elementor-9 .elementor-element.elementor-element-324edf48 { /* Edite o desfoque em pixels abaixo */ --desfoque: 10px; } .elementor-9 .elementor-element.elementor-element-324edf48 { backdrop-filter: blur(var(--desfoque)); -webkit-backdrop-filter: blur()var(--desfoque)); }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-a82d06a *//* Elementor Rocket COMO USAR: Aplique uma cor de fundo COM TRANSPARÊNCIA (importante), assim como este código, na seção em que deseja o efeito. Edite a intensidade do desfoque abaixo. */ .elementor-9 .elementor-element.elementor-element-a82d06a { /* Edite o desfoque em pixels abaixo */ --desfoque: 10px; } .elementor-9 .elementor-element.elementor-element-a82d06a { backdrop-filter: blur(var(--desfoque)); -webkit-backdrop-filter: blur()var(--desfoque)); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8f3d157 *//* * ========================================= * CARD DE SERVIÇO PROFISSIONAL (CAMMAR) - VERMELHO LED * Classe: .card-servico-profissional * Aplicar esta classe aos 3 Containers (colunas) * ========================================= */ .card-servico-profissional { /* -- 1. ESTILO BASE DO CARD -- */ /* Fundo gradiente sutil para dar profundidade */ background-image: linear-gradient(145deg, #1E1E1E 0%, #111111 100%) !important; /* Borda sutil (cinza-claro transparente) */ border: 1px solid rgba(255, 255, 255, 0.1) !important; /* Sombra leve para "flutuar" no fundo */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); /* Cantos arredondados */ border-radius: 8px; /* Garante o espaçamento interno (ajuste se precisar) */ padding: 25px; /* Animação suave para o hover */ transition: all 0.3s ease-out !important; } /* -- 2. EFEITO HOVER (O EFEITO "MODERNO") -- */ .card-servico-profissional:hover { /* Efeito de "levantar" o card */ transform: translateY(-5px); /* Borda acende com a cor da marca (VERMELHO) */ border-color: rgba(255, 0, 0, 0.7) !important; /* Vermelho mais vibrante, ajuste se precisar */ /* Sombra de "Glow" VERMELHO + sombra de elevação */ box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2), 0 0 20px rgba(255, 0, 0, 0.4); /* Glow vermelho */ } /* -- 3. BÔNUS: Faz o título do card ficar VERMELHO no hover -- */ /* Títulos dentro do card */ .card-servico-profissional .elementor-widget-heading .elementor-heading-title { /* Transição suave da cor do título */ transition: color 0.3s ease; } /* Título fica VERMELHO quando o card recebe hover */ .card-servico-profissional:hover .elementor-widget-heading .elementor-heading-title { color: #FF0000 !important; /* Título fica vermelho */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-99e0573 *//* * ========================================= * CARD DE SERVIÇO PROFISSIONAL (CAMMAR) - VERMELHO LED * Classe: .card-servico-profissional * Aplicar esta classe aos 3 Containers (colunas) * ========================================= */ .card-servico-profissional { /* -- 1. ESTILO BASE DO CARD -- */ /* Fundo gradiente sutil para dar profundidade */ background-image: linear-gradient(145deg, #1E1E1E 0%, #111111 100%) !important; /* Borda sutil (cinza-claro transparente) */ border: 1px solid rgba(255, 255, 255, 0.1) !important; /* Sombra leve para "flutuar" no fundo */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); /* Cantos arredondados */ border-radius: 8px; /* Garante o espaçamento interno (ajuste se precisar) */ padding: 25px; /* Animação suave para o hover */ transition: all 0.3s ease-out !important; } /* -- 2. EFEITO HOVER (O EFEITO "MODERNO") -- */ .card-servico-profissional:hover { /* Efeito de "levantar" o card */ transform: translateY(-5px); /* Borda acende com a cor da marca (VERMELHO) */ border-color: rgba(255, 0, 0, 0.7) !important; /* Vermelho mais vibrante, ajuste se precisar */ /* Sombra de "Glow" VERMELHO + sombra de elevação */ box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2), 0 0 20px rgba(255, 0, 0, 0.4); /* Glow vermelho */ } /* -- 3. BÔNUS: Faz o título do card ficar VERMELHO no hover -- */ /* Títulos dentro do card */ .card-servico-profissional .elementor-widget-heading .elementor-heading-title { /* Transição suave da cor do título */ transition: color 0.3s ease; } /* Título fica VERMELHO quando o card recebe hover */ .card-servico-profissional:hover .elementor-widget-heading .elementor-heading-title { color: #FF0000 !important; /* Título fica vermelho */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-02eb070 *//* * ========================================= * CARD DE SERVIÇO PROFISSIONAL (CAMMAR) - VERMELHO LED * Classe: .card-servico-profissional * Aplicar esta classe aos 3 Containers (colunas) * ========================================= */ .card-servico-profissional { /* -- 1. ESTILO BASE DO CARD -- */ /* Fundo gradiente sutil para dar profundidade */ background-image: linear-gradient(145deg, #1E1E1E 0%, #111111 100%) !important; /* Borda sutil (cinza-claro transparente) */ border: 1px solid rgba(255, 255, 255, 0.1) !important; /* Sombra leve para "flutuar" no fundo */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); /* Cantos arredondados */ border-radius: 8px; /* Garante o espaçamento interno (ajuste se precisar) */ padding: 25px; /* Animação suave para o hover */ transition: all 0.3s ease-out !important; } /* -- 2. EFEITO HOVER (O EFEITO "MODERNO") -- */ .card-servico-profissional:hover { /* Efeito de "levantar" o card */ transform: translateY(-5px); /* Borda acende com a cor da marca (VERMELHO) */ border-color: rgba(255, 0, 0, 0.7) !important; /* Vermelho mais vibrante, ajuste se precisar */ /* Sombra de "Glow" VERMELHO + sombra de elevação */ box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2), 0 0 20px rgba(255, 0, 0, 0.4); /* Glow vermelho */ } /* -- 3. BÔNUS: Faz o título do card ficar VERMELHO no hover -- */ /* Títulos dentro do card */ .card-servico-profissional .elementor-widget-heading .elementor-heading-title { /* Transição suave da cor do título */ transition: color 0.3s ease; } /* Título fica VERMELHO quando o card recebe hover */ .card-servico-profissional:hover .elementor-widget-heading .elementor-heading-title { color: #FF0000 !important; /* Título fica vermelho */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8f3d157 *//* * ========================================= * CARD DE SERVIÇO PROFISSIONAL (CAMMAR) - VERMELHO LED * Classe: .card-servico-profissional * Aplicar esta classe aos 3 Containers (colunas) * ========================================= */ .card-servico-profissional { /* -- 1. ESTILO BASE DO CARD -- */ /* Fundo gradiente sutil para dar profundidade */ background-image: linear-gradient(145deg, #1E1E1E 0%, #111111 100%) !important; /* Borda sutil (cinza-claro transparente) */ border: 1px solid rgba(255, 255, 255, 0.1) !important; /* Sombra leve para "flutuar" no fundo */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); /* Cantos arredondados */ border-radius: 8px; /* Garante o espaçamento interno (ajuste se precisar) */ padding: 25px; /* Animação suave para o hover */ transition: all 0.3s ease-out !important; } /* -- 2. EFEITO HOVER (O EFEITO "MODERNO") -- */ .card-servico-profissional:hover { /* Efeito de "levantar" o card */ transform: translateY(-5px); /* Borda acende com a cor da marca (VERMELHO) */ border-color: rgba(255, 0, 0, 0.7) !important; /* Vermelho mais vibrante, ajuste se precisar */ /* Sombra de "Glow" VERMELHO + sombra de elevação */ box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2), 0 0 20px rgba(255, 0, 0, 0.4); /* Glow vermelho */ } /* -- 3. BÔNUS: Faz o título do card ficar VERMELHO no hover -- */ /* Títulos dentro do card */ .card-servico-profissional .elementor-widget-heading .elementor-heading-title { /* Transição suave da cor do título */ transition: color 0.3s ease; } /* Título fica VERMELHO quando o card recebe hover */ .card-servico-profissional:hover .elementor-widget-heading .elementor-heading-title { color: #FF0000 !important; /* Título fica vermelho */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-99e0573 *//* * ========================================= * CARD DE SERVIÇO PROFISSIONAL (CAMMAR) - VERMELHO LED * Classe: .card-servico-profissional * Aplicar esta classe aos 3 Containers (colunas) * ========================================= */ .card-servico-profissional { /* -- 1. ESTILO BASE DO CARD -- */ /* Fundo gradiente sutil para dar profundidade */ background-image: linear-gradient(145deg, #1E1E1E 0%, #111111 100%) !important; /* Borda sutil (cinza-claro transparente) */ border: 1px solid rgba(255, 255, 255, 0.1) !important; /* Sombra leve para "flutuar" no fundo */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); /* Cantos arredondados */ border-radius: 8px; /* Garante o espaçamento interno (ajuste se precisar) */ padding: 25px; /* Animação suave para o hover */ transition: all 0.3s ease-out !important; } /* -- 2. EFEITO HOVER (O EFEITO "MODERNO") -- */ .card-servico-profissional:hover { /* Efeito de "levantar" o card */ transform: translateY(-5px); /* Borda acende com a cor da marca (VERMELHO) */ border-color: rgba(255, 0, 0, 0.7) !important; /* Vermelho mais vibrante, ajuste se precisar */ /* Sombra de "Glow" VERMELHO + sombra de elevação */ box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2), 0 0 20px rgba(255, 0, 0, 0.4); /* Glow vermelho */ } /* -- 3. BÔNUS: Faz o título do card ficar VERMELHO no hover -- */ /* Títulos dentro do card */ .card-servico-profissional .elementor-widget-heading .elementor-heading-title { /* Transição suave da cor do título */ transition: color 0.3s ease; } /* Título fica VERMELHO quando o card recebe hover */ .card-servico-profissional:hover .elementor-widget-heading .elementor-heading-title { color: #FF0000 !important; /* Título fica vermelho */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-02eb070 *//* * ========================================= * CARD DE SERVIÇO PROFISSIONAL (CAMMAR) - VERMELHO LED * Classe: .card-servico-profissional * Aplicar esta classe aos 3 Containers (colunas) * ========================================= */ .card-servico-profissional { /* -- 1. ESTILO BASE DO CARD -- */ /* Fundo gradiente sutil para dar profundidade */ background-image: linear-gradient(145deg, #1E1E1E 0%, #111111 100%) !important; /* Borda sutil (cinza-claro transparente) */ border: 1px solid rgba(255, 255, 255, 0.1) !important; /* Sombra leve para "flutuar" no fundo */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); /* Cantos arredondados */ border-radius: 8px; /* Garante o espaçamento interno (ajuste se precisar) */ padding: 25px; /* Animação suave para o hover */ transition: all 0.3s ease-out !important; } /* -- 2. EFEITO HOVER (O EFEITO "MODERNO") -- */ .card-servico-profissional:hover { /* Efeito de "levantar" o card */ transform: translateY(-5px); /* Borda acende com a cor da marca (VERMELHO) */ border-color: rgba(255, 0, 0, 0.7) !important; /* Vermelho mais vibrante, ajuste se precisar */ /* Sombra de "Glow" VERMELHO + sombra de elevação */ box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2), 0 0 20px rgba(255, 0, 0, 0.4); /* Glow vermelho */ } /* -- 3. BÔNUS: Faz o título do card ficar VERMELHO no hover -- */ /* Títulos dentro do card */ .card-servico-profissional .elementor-widget-heading .elementor-heading-title { /* Transição suave da cor do título */ transition: color 0.3s ease; } /* Título fica VERMELHO quando o card recebe hover */ .card-servico-profissional:hover .elementor-widget-heading .elementor-heading-title { color: #FF0000 !important; /* Título fica vermelho */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8f3d157 *//* * ========================================= * CARD DE SERVIÇO PROFISSIONAL (CAMMAR) - VERMELHO LED * Classe: .card-servico-profissional * Aplicar esta classe aos 3 Containers (colunas) * ========================================= */ .card-servico-profissional { /* -- 1. ESTILO BASE DO CARD -- */ /* Fundo gradiente sutil para dar profundidade */ background-image: linear-gradient(145deg, #1E1E1E 0%, #111111 100%) !important; /* Borda sutil (cinza-claro transparente) */ border: 1px solid rgba(255, 255, 255, 0.1) !important; /* Sombra leve para "flutuar" no fundo */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); /* Cantos arredondados */ border-radius: 8px; /* Garante o espaçamento interno (ajuste se precisar) */ padding: 25px; /* Animação suave para o hover */ transition: all 0.3s ease-out !important; } /* -- 2. EFEITO HOVER (O EFEITO "MODERNO") -- */ .card-servico-profissional:hover { /* Efeito de "levantar" o card */ transform: translateY(-5px); /* Borda acende com a cor da marca (VERMELHO) */ border-color: rgba(255, 0, 0, 0.7) !important; /* Vermelho mais vibrante, ajuste se precisar */ /* Sombra de "Glow" VERMELHO + sombra de elevação */ box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2), 0 0 20px rgba(255, 0, 0, 0.4); /* Glow vermelho */ } /* -- 3. BÔNUS: Faz o título do card ficar VERMELHO no hover -- */ /* Títulos dentro do card */ .card-servico-profissional .elementor-widget-heading .elementor-heading-title { /* Transição suave da cor do título */ transition: color 0.3s ease; } /* Título fica VERMELHO quando o card recebe hover */ .card-servico-profissional:hover .elementor-widget-heading .elementor-heading-title { color: #FF0000 !important; /* Título fica vermelho */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-99e0573 *//* * ========================================= * CARD DE SERVIÇO PROFISSIONAL (CAMMAR) - VERMELHO LED * Classe: .card-servico-profissional * Aplicar esta classe aos 3 Containers (colunas) * ========================================= */ .card-servico-profissional { /* -- 1. ESTILO BASE DO CARD -- */ /* Fundo gradiente sutil para dar profundidade */ background-image: linear-gradient(145deg, #1E1E1E 0%, #111111 100%) !important; /* Borda sutil (cinza-claro transparente) */ border: 1px solid rgba(255, 255, 255, 0.1) !important; /* Sombra leve para "flutuar" no fundo */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); /* Cantos arredondados */ border-radius: 8px; /* Garante o espaçamento interno (ajuste se precisar) */ padding: 25px; /* Animação suave para o hover */ transition: all 0.3s ease-out !important; } /* -- 2. EFEITO HOVER (O EFEITO "MODERNO") -- */ .card-servico-profissional:hover { /* Efeito de "levantar" o card */ transform: translateY(-5px); /* Borda acende com a cor da marca (VERMELHO) */ border-color: rgba(255, 0, 0, 0.7) !important; /* Vermelho mais vibrante, ajuste se precisar */ /* Sombra de "Glow" VERMELHO + sombra de elevação */ box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2), 0 0 20px rgba(255, 0, 0, 0.4); /* Glow vermelho */ } /* -- 3. BÔNUS: Faz o título do card ficar VERMELHO no hover -- */ /* Títulos dentro do card */ .card-servico-profissional .elementor-widget-heading .elementor-heading-title { /* Transição suave da cor do título */ transition: color 0.3s ease; } /* Título fica VERMELHO quando o card recebe hover */ .card-servico-profissional:hover .elementor-widget-heading .elementor-heading-title { color: #FF0000 !important; /* Título fica vermelho */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-02eb070 *//* * ========================================= * CARD DE SERVIÇO PROFISSIONAL (CAMMAR) - VERMELHO LED * Classe: .card-servico-profissional * Aplicar esta classe aos 3 Containers (colunas) * ========================================= */ .card-servico-profissional { /* -- 1. ESTILO BASE DO CARD -- */ /* Fundo gradiente sutil para dar profundidade */ background-image: linear-gradient(145deg, #1E1E1E 0%, #111111 100%) !important; /* Borda sutil (cinza-claro transparente) */ border: 1px solid rgba(255, 255, 255, 0.1) !important; /* Sombra leve para "flutuar" no fundo */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); /* Cantos arredondados */ border-radius: 8px; /* Garante o espaçamento interno (ajuste se precisar) */ padding: 25px; /* Animação suave para o hover */ transition: all 0.3s ease-out !important; } /* -- 2. EFEITO HOVER (O EFEITO "MODERNO") -- */ .card-servico-profissional:hover { /* Efeito de "levantar" o card */ transform: translateY(-5px); /* Borda acende com a cor da marca (VERMELHO) */ border-color: rgba(255, 0, 0, 0.7) !important; /* Vermelho mais vibrante, ajuste se precisar */ /* Sombra de "Glow" VERMELHO + sombra de elevação */ box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2), 0 0 20px rgba(255, 0, 0, 0.4); /* Glow vermelho */ } /* -- 3. BÔNUS: Faz o título do card ficar VERMELHO no hover -- */ /* Títulos dentro do card */ .card-servico-profissional .elementor-widget-heading .elementor-heading-title { /* Transição suave da cor do título */ transition: color 0.3s ease; } /* Título fica VERMELHO quando o card recebe hover */ .card-servico-profissional:hover .elementor-widget-heading .elementor-heading-title { color: #FF0000 !important; /* Título fica vermelho */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8f3d157 *//* * ========================================= * CARD DE SERVIÇO PROFISSIONAL (CAMMAR) - VERMELHO LED * Classe: .card-servico-profissional * Aplicar esta classe aos 3 Containers (colunas) * ========================================= */ .card-servico-profissional { /* -- 1. ESTILO BASE DO CARD -- */ /* Fundo gradiente sutil para dar profundidade */ background-image: linear-gradient(145deg, #1E1E1E 0%, #111111 100%) !important; /* Borda sutil (cinza-claro transparente) */ border: 1px solid rgba(255, 255, 255, 0.1) !important; /* Sombra leve para "flutuar" no fundo */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); /* Cantos arredondados */ border-radius: 8px; /* Garante o espaçamento interno (ajuste se precisar) */ padding: 25px; /* Animação suave para o hover */ transition: all 0.3s ease-out !important; } /* -- 2. EFEITO HOVER (O EFEITO "MODERNO") -- */ .card-servico-profissional:hover { /* Efeito de "levantar" o card */ transform: translateY(-5px); /* Borda acende com a cor da marca (VERMELHO) */ border-color: rgba(255, 0, 0, 0.7) !important; /* Vermelho mais vibrante, ajuste se precisar */ /* Sombra de "Glow" VERMELHO + sombra de elevação */ box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2), 0 0 20px rgba(255, 0, 0, 0.4); /* Glow vermelho */ } /* -- 3. BÔNUS: Faz o título do card ficar VERMELHO no hover -- */ /* Títulos dentro do card */ .card-servico-profissional .elementor-widget-heading .elementor-heading-title { /* Transição suave da cor do título */ transition: color 0.3s ease; } /* Título fica VERMELHO quando o card recebe hover */ .card-servico-profissional:hover .elementor-widget-heading .elementor-heading-title { color: #FF0000 !important; /* Título fica vermelho */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-99e0573 *//* * ========================================= * CARD DE SERVIÇO PROFISSIONAL (CAMMAR) - VERMELHO LED * Classe: .card-servico-profissional * Aplicar esta classe aos 3 Containers (colunas) * ========================================= */ .card-servico-profissional { /* -- 1. ESTILO BASE DO CARD -- */ /* Fundo gradiente sutil para dar profundidade */ background-image: linear-gradient(145deg, #1E1E1E 0%, #111111 100%) !important; /* Borda sutil (cinza-claro transparente) */ border: 1px solid rgba(255, 255, 255, 0.1) !important; /* Sombra leve para "flutuar" no fundo */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); /* Cantos arredondados */ border-radius: 8px; /* Garante o espaçamento interno (ajuste se precisar) */ padding: 25px; /* Animação suave para o hover */ transition: all 0.3s ease-out !important; } /* -- 2. EFEITO HOVER (O EFEITO "MODERNO") -- */ .card-servico-profissional:hover { /* Efeito de "levantar" o card */ transform: translateY(-5px); /* Borda acende com a cor da marca (VERMELHO) */ border-color: rgba(255, 0, 0, 0.7) !important; /* Vermelho mais vibrante, ajuste se precisar */ /* Sombra de "Glow" VERMELHO + sombra de elevação */ box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2), 0 0 20px rgba(255, 0, 0, 0.4); /* Glow vermelho */ } /* -- 3. BÔNUS: Faz o título do card ficar VERMELHO no hover -- */ /* Títulos dentro do card */ .card-servico-profissional .elementor-widget-heading .elementor-heading-title { /* Transição suave da cor do título */ transition: color 0.3s ease; } /* Título fica VERMELHO quando o card recebe hover */ .card-servico-profissional:hover .elementor-widget-heading .elementor-heading-title { color: #FF0000 !important; /* Título fica vermelho */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-02eb070 *//* * ========================================= * CARD DE SERVIÇO PROFISSIONAL (CAMMAR) - VERMELHO LED * Classe: .card-servico-profissional * Aplicar esta classe aos 3 Containers (colunas) * ========================================= */ .card-servico-profissional { /* -- 1. ESTILO BASE DO CARD -- */ /* Fundo gradiente sutil para dar profundidade */ background-image: linear-gradient(145deg, #1E1E1E 0%, #111111 100%) !important; /* Borda sutil (cinza-claro transparente) */ border: 1px solid rgba(255, 255, 255, 0.1) !important; /* Sombra leve para "flutuar" no fundo */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); /* Cantos arredondados */ border-radius: 8px; /* Garante o espaçamento interno (ajuste se precisar) */ padding: 25px; /* Animação suave para o hover */ transition: all 0.3s ease-out !important; } /* -- 2. EFEITO HOVER (O EFEITO "MODERNO") -- */ .card-servico-profissional:hover { /* Efeito de "levantar" o card */ transform: translateY(-5px); /* Borda acende com a cor da marca (VERMELHO) */ border-color: rgba(255, 0, 0, 0.7) !important; /* Vermelho mais vibrante, ajuste se precisar */ /* Sombra de "Glow" VERMELHO + sombra de elevação */ box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2), 0 0 20px rgba(255, 0, 0, 0.4); /* Glow vermelho */ } /* -- 3. BÔNUS: Faz o título do card ficar VERMELHO no hover -- */ /* Títulos dentro do card */ .card-servico-profissional .elementor-widget-heading .elementor-heading-title { /* Transição suave da cor do título */ transition: color 0.3s ease; } /* Título fica VERMELHO quando o card recebe hover */ .card-servico-profissional:hover .elementor-widget-heading .elementor-heading-title { color: #FF0000 !important; /* Título fica vermelho */ }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-25e8308f *//* * ========================================= * BOTÃO FLUTUANTE SIMPLES (CAMMAR) - AZUL LED * Classe: .botao-float-simples * Efeito: Flutuação contínua no hover * Hover: Brilho branco * ========================================= */ /* 1. Animação de flutuação (SÓ TRANSFORM = 100% SUAVE) */ @keyframes flutuar-suave-final { 0% { transform: translateY(0px); } 50% { transform: translateY(-4px); /* Sobe 4px */ } 100% { transform: translateY(0px); } } /* 2. Estilo base do botão (COM DEGRADÊ AZUL) */ .botao-float-simples .elementor-button { /* Cor: Degradê azul "LED" com texto branco */ background-color: #F80303 !important; /* Cor sólida para fallback */ background-image: linear-gradient(180deg, #ff5454 0%, #F80303 100%) !important; color: #FFFFFF !important; /* Sombra leve padrão */ box-shadow: 0 px 10px rgba(0, 0, 0, 0.1); /* Aplica a animação de flutuação SUAVE */ animation: flutuar-suave-final 3s ease-in-out infinite; /* Transição para o hover */ transition: all 0.3s ease !important; } /* 3. Efeito HOVER (O "Brilho" branco) */ .botao-float-simples .elementor-button:hover { /* O "Brilho" (máscara branca) */ background-color: #FFFFFF !important; background-image: none !important; /* Remove o degradê no hover */ /* Texto muda para a cor AZUL */ color: #F80303 !important; /* * A flutuação continua! */ /* Sombra branca para realçar o "brilho" */ box-shadow: 0 8px 20px rgba(255, 255, 255, 0.5); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-57365b3 *//* * ========================================= * BOTÃO FLUTUANTE SIMPLES (CAMMAR) - AZUL LED * Classe: .botao-float-simples * Efeito: Flutuação contínua no hover * Hover: Brilho branco * ========================================= */ /* 1. Animação de flutuação (SÓ TRANSFORM = 100% SUAVE) */ @keyframes flutuar-suave-final { 0% { transform: translateY(0px); } 50% { transform: translateY(-4px); /* Sobe 4px */ } 100% { transform: translateY(0px); } } /* 2. Estilo base do botão (COM DEGRADÊ AZUL) */ .botao-float-simples .elementor-button { /* Cor: Degradê azul "LED" com texto branco */ background-color: #F80303 !important; /* Cor sólida para fallback */ background-image: linear-gradient(180deg, #ff5454 0%, #F80303 100%) !important; color: #FFFFFF !important; /* Sombra leve padrão */ box-shadow: 0 px 10px rgba(0, 0, 0, 0.1); /* Aplica a animação de flutuação SUAVE */ animation: flutuar-suave-final 3s ease-in-out infinite; /* Transição para o hover */ transition: all 0.3s ease !important; } /* 3. Efeito HOVER (O "Brilho" branco) */ .botao-float-simples .elementor-button:hover { /* O "Brilho" (máscara branca) */ background-color: #FFFFFF !important; background-image: none !important; /* Remove o degradê no hover */ /* Texto muda para a cor AZUL */ color: #F80303 !important; /* * A flutuação continua! */ /* Sombra branca para realçar o "brilho" */ box-shadow: 0 8px 20px rgba(255, 255, 255, 0.5); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cc1e137 *//* * ========================================= * CARD DE SERVIÇO PROFISSIONAL (CAMMAR) - VERMELHO LED * Classe: .card-servico-profissional * Aplicar esta classe aos 3 Containers (colunas) * ========================================= */ .card-servico-profissional { /* -- 1. ESTILO BASE DO CARD -- */ /* Fundo gradiente sutil para dar profundidade */ background-image: linear-gradient(145deg, #1E1E1E 0%, #111111 100%) !important; /* Borda sutil (cinza-claro transparente) */ border: 1px solid rgba(255, 255, 255, 0.1) !important; /* Sombra leve para "flutuar" no fundo */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); /* Cantos arredondados */ border-radius: 8px; /* Garante o espaçamento interno (ajuste se precisar) */ padding: 25px; /* Animação suave para o hover */ transition: all 0.3s ease-out !important; } /* -- 2. EFEITO HOVER (O EFEITO "MODERNO") -- */ .card-servico-profissional:hover { /* Efeito de "levantar" o card */ transform: translateY(-5px); /* Borda acende com a cor da marca (VERMELHO) */ border-color: rgba(255, 0, 0, 0.7) !important; /* Vermelho mais vibrante, ajuste se precisar */ /* Sombra de "Glow" VERMELHO + sombra de elevação */ box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2), 0 0 20px rgba(255, 0, 0, 0.4); /* Glow vermelho */ } /* -- 3. BÔNUS: Faz o título do card ficar VERMELHO no hover -- */ /* Títulos dentro do card */ .card-servico-profissional .elementor-widget-heading .elementor-heading-title { /* Transição suave da cor do título */ transition: color 0.3s ease; } /* Título fica VERMELHO quando o card recebe hover */ .card-servico-profissional:hover .elementor-widget-heading .elementor-heading-title { color: #FF0000 !important; /* Título fica vermelho */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-93ec56c *//* * ========================================= * CARD DE SERVIÇO PROFISSIONAL (CAMMAR) - VERMELHO LED * Classe: .card-servico-profissional * Aplicar esta classe aos 3 Containers (colunas) * ========================================= */ .card-servico-profissional { /* -- 1. ESTILO BASE DO CARD -- */ /* Fundo gradiente sutil para dar profundidade */ background-image: linear-gradient(145deg, #1E1E1E 0%, #111111 100%) !important; /* Borda sutil (cinza-claro transparente) */ border: 1px solid rgba(255, 255, 255, 0.1) !important; /* Sombra leve para "flutuar" no fundo */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); /* Cantos arredondados */ border-radius: 8px; /* Garante o espaçamento interno (ajuste se precisar) */ padding: 25px; /* Animação suave para o hover */ transition: all 0.3s ease-out !important; } /* -- 2. EFEITO HOVER (O EFEITO "MODERNO") -- */ .card-servico-profissional:hover { /* Efeito de "levantar" o card */ transform: translateY(-5px); /* Borda acende com a cor da marca (VERMELHO) */ border-color: rgba(255, 0, 0, 0.7) !important; /* Vermelho mais vibrante, ajuste se precisar */ /* Sombra de "Glow" VERMELHO + sombra de elevação */ box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2), 0 0 20px rgba(255, 0, 0, 0.4); /* Glow vermelho */ } /* -- 3. BÔNUS: Faz o título do card ficar VERMELHO no hover -- */ /* Títulos dentro do card */ .card-servico-profissional .elementor-widget-heading .elementor-heading-title { /* Transição suave da cor do título */ transition: color 0.3s ease; } /* Título fica VERMELHO quando o card recebe hover */ .card-servico-profissional:hover .elementor-widget-heading .elementor-heading-title { color: #FF0000 !important; /* Título fica vermelho */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f927ea2 *//* * ========================================= * CARD DE SERVIÇO PROFISSIONAL (CAMMAR) - VERMELHO LED * Classe: .card-servico-profissional * Aplicar esta classe aos 3 Containers (colunas) * ========================================= */ .card-servico-profissional { /* -- 1. ESTILO BASE DO CARD -- */ /* Fundo gradiente sutil para dar profundidade */ background-image: linear-gradient(145deg, #1E1E1E 0%, #111111 100%) !important; /* Borda sutil (cinza-claro transparente) */ border: 1px solid rgba(255, 255, 255, 0.1) !important; /* Sombra leve para "flutuar" no fundo */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); /* Cantos arredondados */ border-radius: 8px; /* Garante o espaçamento interno (ajuste se precisar) */ padding: 25px; /* Animação suave para o hover */ transition: all 0.3s ease-out !important; } /* -- 2. EFEITO HOVER (O EFEITO "MODERNO") -- */ .card-servico-profissional:hover { /* Efeito de "levantar" o card */ transform: translateY(-5px); /* Borda acende com a cor da marca (VERMELHO) */ border-color: rgba(255, 0, 0, 0.7) !important; /* Vermelho mais vibrante, ajuste se precisar */ /* Sombra de "Glow" VERMELHO + sombra de elevação */ box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2), 0 0 20px rgba(255, 0, 0, 0.4); /* Glow vermelho */ } /* -- 3. BÔNUS: Faz o título do card ficar VERMELHO no hover -- */ /* Títulos dentro do card */ .card-servico-profissional .elementor-widget-heading .elementor-heading-title { /* Transição suave da cor do título */ transition: color 0.3s ease; } /* Título fica VERMELHO quando o card recebe hover */ .card-servico-profissional:hover .elementor-widget-heading .elementor-heading-title { color: #FF0000 !important; /* Título fica vermelho */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-28b0127 *//* * ========================================= * CARD DE SERVIÇO PROFISSIONAL (CAMMAR) - VERMELHO LED * Classe: .card-servico-profissional * Aplicar esta classe aos 3 Containers (colunas) * ========================================= */ .card-servico-profissional { /* -- 1. ESTILO BASE DO CARD -- */ /* Fundo gradiente sutil para dar profundidade */ background-image: linear-gradient(145deg, #1E1E1E 0%, #111111 100%) !important; /* Borda sutil (cinza-claro transparente) */ border: 1px solid rgba(255, 255, 255, 0.1) !important; /* Sombra leve para "flutuar" no fundo */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); /* Cantos arredondados */ border-radius: 8px; /* Garante o espaçamento interno (ajuste se precisar) */ padding: 25px; /* Animação suave para o hover */ transition: all 0.3s ease-out !important; } /* -- 2. EFEITO HOVER (O EFEITO "MODERNO") -- */ .card-servico-profissional:hover { /* Efeito de "levantar" o card */ transform: translateY(-5px); /* Borda acende com a cor da marca (VERMELHO) */ border-color: rgba(255, 0, 0, 0.7) !important; /* Vermelho mais vibrante, ajuste se precisar */ /* Sombra de "Glow" VERMELHO + sombra de elevação */ box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2), 0 0 20px rgba(255, 0, 0, 0.4); /* Glow vermelho */ } /* -- 3. BÔNUS: Faz o título do card ficar VERMELHO no hover -- */ /* Títulos dentro do card */ .card-servico-profissional .elementor-widget-heading .elementor-heading-title { /* Transição suave da cor do título */ transition: color 0.3s ease; } /* Título fica VERMELHO quando o card recebe hover */ .card-servico-profissional:hover .elementor-widget-heading .elementor-heading-title { color: #FF0000 !important; /* Título fica vermelho */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cc1e137 *//* * ========================================= * CARD DE SERVIÇO PROFISSIONAL (CAMMAR) - VERMELHO LED * Classe: .card-servico-profissional * Aplicar esta classe aos 3 Containers (colunas) * ========================================= */ .card-servico-profissional { /* -- 1. ESTILO BASE DO CARD -- */ /* Fundo gradiente sutil para dar profundidade */ background-image: linear-gradient(145deg, #1E1E1E 0%, #111111 100%) !important; /* Borda sutil (cinza-claro transparente) */ border: 1px solid rgba(255, 255, 255, 0.1) !important; /* Sombra leve para "flutuar" no fundo */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); /* Cantos arredondados */ border-radius: 8px; /* Garante o espaçamento interno (ajuste se precisar) */ padding: 25px; /* Animação suave para o hover */ transition: all 0.3s ease-out !important; } /* -- 2. EFEITO HOVER (O EFEITO "MODERNO") -- */ .card-servico-profissional:hover { /* Efeito de "levantar" o card */ transform: translateY(-5px); /* Borda acende com a cor da marca (VERMELHO) */ border-color: rgba(255, 0, 0, 0.7) !important; /* Vermelho mais vibrante, ajuste se precisar */ /* Sombra de "Glow" VERMELHO + sombra de elevação */ box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2), 0 0 20px rgba(255, 0, 0, 0.4); /* Glow vermelho */ } /* -- 3. BÔNUS: Faz o título do card ficar VERMELHO no hover -- */ /* Títulos dentro do card */ .card-servico-profissional .elementor-widget-heading .elementor-heading-title { /* Transição suave da cor do título */ transition: color 0.3s ease; } /* Título fica VERMELHO quando o card recebe hover */ .card-servico-profissional:hover .elementor-widget-heading .elementor-heading-title { color: #FF0000 !important; /* Título fica vermelho */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-93ec56c *//* * ========================================= * CARD DE SERVIÇO PROFISSIONAL (CAMMAR) - VERMELHO LED * Classe: .card-servico-profissional * Aplicar esta classe aos 3 Containers (colunas) * ========================================= */ .card-servico-profissional { /* -- 1. ESTILO BASE DO CARD -- */ /* Fundo gradiente sutil para dar profundidade */ background-image: linear-gradient(145deg, #1E1E1E 0%, #111111 100%) !important; /* Borda sutil (cinza-claro transparente) */ border: 1px solid rgba(255, 255, 255, 0.1) !important; /* Sombra leve para "flutuar" no fundo */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); /* Cantos arredondados */ border-radius: 8px; /* Garante o espaçamento interno (ajuste se precisar) */ padding: 25px; /* Animação suave para o hover */ transition: all 0.3s ease-out !important; } /* -- 2. EFEITO HOVER (O EFEITO "MODERNO") -- */ .card-servico-profissional:hover { /* Efeito de "levantar" o card */ transform: translateY(-5px); /* Borda acende com a cor da marca (VERMELHO) */ border-color: rgba(255, 0, 0, 0.7) !important; /* Vermelho mais vibrante, ajuste se precisar */ /* Sombra de "Glow" VERMELHO + sombra de elevação */ box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2), 0 0 20px rgba(255, 0, 0, 0.4); /* Glow vermelho */ } /* -- 3. BÔNUS: Faz o título do card ficar VERMELHO no hover -- */ /* Títulos dentro do card */ .card-servico-profissional .elementor-widget-heading .elementor-heading-title { /* Transição suave da cor do título */ transition: color 0.3s ease; } /* Título fica VERMELHO quando o card recebe hover */ .card-servico-profissional:hover .elementor-widget-heading .elementor-heading-title { color: #FF0000 !important; /* Título fica vermelho */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f927ea2 *//* * ========================================= * CARD DE SERVIÇO PROFISSIONAL (CAMMAR) - VERMELHO LED * Classe: .card-servico-profissional * Aplicar esta classe aos 3 Containers (colunas) * ========================================= */ .card-servico-profissional { /* -- 1. ESTILO BASE DO CARD -- */ /* Fundo gradiente sutil para dar profundidade */ background-image: linear-gradient(145deg, #1E1E1E 0%, #111111 100%) !important; /* Borda sutil (cinza-claro transparente) */ border: 1px solid rgba(255, 255, 255, 0.1) !important; /* Sombra leve para "flutuar" no fundo */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); /* Cantos arredondados */ border-radius: 8px; /* Garante o espaçamento interno (ajuste se precisar) */ padding: 25px; /* Animação suave para o hover */ transition: all 0.3s ease-out !important; } /* -- 2. EFEITO HOVER (O EFEITO "MODERNO") -- */ .card-servico-profissional:hover { /* Efeito de "levantar" o card */ transform: translateY(-5px); /* Borda acende com a cor da marca (VERMELHO) */ border-color: rgba(255, 0, 0, 0.7) !important; /* Vermelho mais vibrante, ajuste se precisar */ /* Sombra de "Glow" VERMELHO + sombra de elevação */ box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2), 0 0 20px rgba(255, 0, 0, 0.4); /* Glow vermelho */ } /* -- 3. BÔNUS: Faz o título do card ficar VERMELHO no hover -- */ /* Títulos dentro do card */ .card-servico-profissional .elementor-widget-heading .elementor-heading-title { /* Transição suave da cor do título */ transition: color 0.3s ease; } /* Título fica VERMELHO quando o card recebe hover */ .card-servico-profissional:hover .elementor-widget-heading .elementor-heading-title { color: #FF0000 !important; /* Título fica vermelho */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-28b0127 *//* * ========================================= * CARD DE SERVIÇO PROFISSIONAL (CAMMAR) - VERMELHO LED * Classe: .card-servico-profissional * Aplicar esta classe aos 3 Containers (colunas) * ========================================= */ .card-servico-profissional { /* -- 1. ESTILO BASE DO CARD -- */ /* Fundo gradiente sutil para dar profundidade */ background-image: linear-gradient(145deg, #1E1E1E 0%, #111111 100%) !important; /* Borda sutil (cinza-claro transparente) */ border: 1px solid rgba(255, 255, 255, 0.1) !important; /* Sombra leve para "flutuar" no fundo */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); /* Cantos arredondados */ border-radius: 8px; /* Garante o espaçamento interno (ajuste se precisar) */ padding: 25px; /* Animação suave para o hover */ transition: all 0.3s ease-out !important; } /* -- 2. EFEITO HOVER (O EFEITO "MODERNO") -- */ .card-servico-profissional:hover { /* Efeito de "levantar" o card */ transform: translateY(-5px); /* Borda acende com a cor da marca (VERMELHO) */ border-color: rgba(255, 0, 0, 0.7) !important; /* Vermelho mais vibrante, ajuste se precisar */ /* Sombra de "Glow" VERMELHO + sombra de elevação */ box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2), 0 0 20px rgba(255, 0, 0, 0.4); /* Glow vermelho */ } /* -- 3. BÔNUS: Faz o título do card ficar VERMELHO no hover -- */ /* Títulos dentro do card */ .card-servico-profissional .elementor-widget-heading .elementor-heading-title { /* Transição suave da cor do título */ transition: color 0.3s ease; } /* Título fica VERMELHO quando o card recebe hover */ .card-servico-profissional:hover .elementor-widget-heading .elementor-heading-title { color: #FF0000 !important; /* Título fica vermelho */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cc1e137 *//* * ========================================= * CARD DE SERVIÇO PROFISSIONAL (CAMMAR) - VERMELHO LED * Classe: .card-servico-profissional * Aplicar esta classe aos 3 Containers (colunas) * ========================================= */ .card-servico-profissional { /* -- 1. ESTILO BASE DO CARD -- */ /* Fundo gradiente sutil para dar profundidade */ background-image: linear-gradient(145deg, #1E1E1E 0%, #111111 100%) !important; /* Borda sutil (cinza-claro transparente) */ border: 1px solid rgba(255, 255, 255, 0.1) !important; /* Sombra leve para "flutuar" no fundo */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); /* Cantos arredondados */ border-radius: 8px; /* Garante o espaçamento interno (ajuste se precisar) */ padding: 25px; /* Animação suave para o hover */ transition: all 0.3s ease-out !important; } /* -- 2. EFEITO HOVER (O EFEITO "MODERNO") -- */ .card-servico-profissional:hover { /* Efeito de "levantar" o card */ transform: translateY(-5px); /* Borda acende com a cor da marca (VERMELHO) */ border-color: rgba(255, 0, 0, 0.7) !important; /* Vermelho mais vibrante, ajuste se precisar */ /* Sombra de "Glow" VERMELHO + sombra de elevação */ box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2), 0 0 20px rgba(255, 0, 0, 0.4); /* Glow vermelho */ } /* -- 3. BÔNUS: Faz o título do card ficar VERMELHO no hover -- */ /* Títulos dentro do card */ .card-servico-profissional .elementor-widget-heading .elementor-heading-title { /* Transição suave da cor do título */ transition: color 0.3s ease; } /* Título fica VERMELHO quando o card recebe hover */ .card-servico-profissional:hover .elementor-widget-heading .elementor-heading-title { color: #FF0000 !important; /* Título fica vermelho */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-93ec56c *//* * ========================================= * CARD DE SERVIÇO PROFISSIONAL (CAMMAR) - VERMELHO LED * Classe: .card-servico-profissional * Aplicar esta classe aos 3 Containers (colunas) * ========================================= */ .card-servico-profissional { /* -- 1. ESTILO BASE DO CARD -- */ /* Fundo gradiente sutil para dar profundidade */ background-image: linear-gradient(145deg, #1E1E1E 0%, #111111 100%) !important; /* Borda sutil (cinza-claro transparente) */ border: 1px solid rgba(255, 255, 255, 0.1) !important; /* Sombra leve para "flutuar" no fundo */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); /* Cantos arredondados */ border-radius: 8px; /* Garante o espaçamento interno (ajuste se precisar) */ padding: 25px; /* Animação suave para o hover */ transition: all 0.3s ease-out !important; } /* -- 2. EFEITO HOVER (O EFEITO "MODERNO") -- */ .card-servico-profissional:hover { /* Efeito de "levantar" o card */ transform: translateY(-5px); /* Borda acende com a cor da marca (VERMELHO) */ border-color: rgba(255, 0, 0, 0.7) !important; /* Vermelho mais vibrante, ajuste se precisar */ /* Sombra de "Glow" VERMELHO + sombra de elevação */ box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2), 0 0 20px rgba(255, 0, 0, 0.4); /* Glow vermelho */ } /* -- 3. BÔNUS: Faz o título do card ficar VERMELHO no hover -- */ /* Títulos dentro do card */ .card-servico-profissional .elementor-widget-heading .elementor-heading-title { /* Transição suave da cor do título */ transition: color 0.3s ease; } /* Título fica VERMELHO quando o card recebe hover */ .card-servico-profissional:hover .elementor-widget-heading .elementor-heading-title { color: #FF0000 !important; /* Título fica vermelho */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f927ea2 *//* * ========================================= * CARD DE SERVIÇO PROFISSIONAL (CAMMAR) - VERMELHO LED * Classe: .card-servico-profissional * Aplicar esta classe aos 3 Containers (colunas) * ========================================= */ .card-servico-profissional { /* -- 1. ESTILO BASE DO CARD -- */ /* Fundo gradiente sutil para dar profundidade */ background-image: linear-gradient(145deg, #1E1E1E 0%, #111111 100%) !important; /* Borda sutil (cinza-claro transparente) */ border: 1px solid rgba(255, 255, 255, 0.1) !important; /* Sombra leve para "flutuar" no fundo */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); /* Cantos arredondados */ border-radius: 8px; /* Garante o espaçamento interno (ajuste se precisar) */ padding: 25px; /* Animação suave para o hover */ transition: all 0.3s ease-out !important; } /* -- 2. EFEITO HOVER (O EFEITO "MODERNO") -- */ .card-servico-profissional:hover { /* Efeito de "levantar" o card */ transform: translateY(-5px); /* Borda acende com a cor da marca (VERMELHO) */ border-color: rgba(255, 0, 0, 0.7) !important; /* Vermelho mais vibrante, ajuste se precisar */ /* Sombra de "Glow" VERMELHO + sombra de elevação */ box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2), 0 0 20px rgba(255, 0, 0, 0.4); /* Glow vermelho */ } /* -- 3. BÔNUS: Faz o título do card ficar VERMELHO no hover -- */ /* Títulos dentro do card */ .card-servico-profissional .elementor-widget-heading .elementor-heading-title { /* Transição suave da cor do título */ transition: color 0.3s ease; } /* Título fica VERMELHO quando o card recebe hover */ .card-servico-profissional:hover .elementor-widget-heading .elementor-heading-title { color: #FF0000 !important; /* Título fica vermelho */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-28b0127 *//* * ========================================= * CARD DE SERVIÇO PROFISSIONAL (CAMMAR) - VERMELHO LED * Classe: .card-servico-profissional * Aplicar esta classe aos 3 Containers (colunas) * ========================================= */ .card-servico-profissional { /* -- 1. ESTILO BASE DO CARD -- */ /* Fundo gradiente sutil para dar profundidade */ background-image: linear-gradient(145deg, #1E1E1E 0%, #111111 100%) !important; /* Borda sutil (cinza-claro transparente) */ border: 1px solid rgba(255, 255, 255, 0.1) !important; /* Sombra leve para "flutuar" no fundo */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); /* Cantos arredondados */ border-radius: 8px; /* Garante o espaçamento interno (ajuste se precisar) */ padding: 25px; /* Animação suave para o hover */ transition: all 0.3s ease-out !important; } /* -- 2. EFEITO HOVER (O EFEITO "MODERNO") -- */ .card-servico-profissional:hover { /* Efeito de "levantar" o card */ transform: translateY(-5px); /* Borda acende com a cor da marca (VERMELHO) */ border-color: rgba(255, 0, 0, 0.7) !important; /* Vermelho mais vibrante, ajuste se precisar */ /* Sombra de "Glow" VERMELHO + sombra de elevação */ box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2), 0 0 20px rgba(255, 0, 0, 0.4); /* Glow vermelho */ } /* -- 3. BÔNUS: Faz o título do card ficar VERMELHO no hover -- */ /* Títulos dentro do card */ .card-servico-profissional .elementor-widget-heading .elementor-heading-title { /* Transição suave da cor do título */ transition: color 0.3s ease; } /* Título fica VERMELHO quando o card recebe hover */ .card-servico-profissional:hover .elementor-widget-heading .elementor-heading-title { color: #FF0000 !important; /* Título fica vermelho */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cc1e137 *//* * ========================================= * CARD DE SERVIÇO PROFISSIONAL (CAMMAR) - VERMELHO LED * Classe: .card-servico-profissional * Aplicar esta classe aos 3 Containers (colunas) * ========================================= */ .card-servico-profissional { /* -- 1. ESTILO BASE DO CARD -- */ /* Fundo gradiente sutil para dar profundidade */ background-image: linear-gradient(145deg, #1E1E1E 0%, #111111 100%) !important; /* Borda sutil (cinza-claro transparente) */ border: 1px solid rgba(255, 255, 255, 0.1) !important; /* Sombra leve para "flutuar" no fundo */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); /* Cantos arredondados */ border-radius: 8px; /* Garante o espaçamento interno (ajuste se precisar) */ padding: 25px; /* Animação suave para o hover */ transition: all 0.3s ease-out !important; } /* -- 2. EFEITO HOVER (O EFEITO "MODERNO") -- */ .card-servico-profissional:hover { /* Efeito de "levantar" o card */ transform: translateY(-5px); /* Borda acende com a cor da marca (VERMELHO) */ border-color: rgba(255, 0, 0, 0.7) !important; /* Vermelho mais vibrante, ajuste se precisar */ /* Sombra de "Glow" VERMELHO + sombra de elevação */ box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2), 0 0 20px rgba(255, 0, 0, 0.4); /* Glow vermelho */ } /* -- 3. BÔNUS: Faz o título do card ficar VERMELHO no hover -- */ /* Títulos dentro do card */ .card-servico-profissional .elementor-widget-heading .elementor-heading-title { /* Transição suave da cor do título */ transition: color 0.3s ease; } /* Título fica VERMELHO quando o card recebe hover */ .card-servico-profissional:hover .elementor-widget-heading .elementor-heading-title { color: #FF0000 !important; /* Título fica vermelho */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-93ec56c *//* * ========================================= * CARD DE SERVIÇO PROFISSIONAL (CAMMAR) - VERMELHO LED * Classe: .card-servico-profissional * Aplicar esta classe aos 3 Containers (colunas) * ========================================= */ .card-servico-profissional { /* -- 1. ESTILO BASE DO CARD -- */ /* Fundo gradiente sutil para dar profundidade */ background-image: linear-gradient(145deg, #1E1E1E 0%, #111111 100%) !important; /* Borda sutil (cinza-claro transparente) */ border: 1px solid rgba(255, 255, 255, 0.1) !important; /* Sombra leve para "flutuar" no fundo */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); /* Cantos arredondados */ border-radius: 8px; /* Garante o espaçamento interno (ajuste se precisar) */ padding: 25px; /* Animação suave para o hover */ transition: all 0.3s ease-out !important; } /* -- 2. EFEITO HOVER (O EFEITO "MODERNO") -- */ .card-servico-profissional:hover { /* Efeito de "levantar" o card */ transform: translateY(-5px); /* Borda acende com a cor da marca (VERMELHO) */ border-color: rgba(255, 0, 0, 0.7) !important; /* Vermelho mais vibrante, ajuste se precisar */ /* Sombra de "Glow" VERMELHO + sombra de elevação */ box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2), 0 0 20px rgba(255, 0, 0, 0.4); /* Glow vermelho */ } /* -- 3. BÔNUS: Faz o título do card ficar VERMELHO no hover -- */ /* Títulos dentro do card */ .card-servico-profissional .elementor-widget-heading .elementor-heading-title { /* Transição suave da cor do título */ transition: color 0.3s ease; } /* Título fica VERMELHO quando o card recebe hover */ .card-servico-profissional:hover .elementor-widget-heading .elementor-heading-title { color: #FF0000 !important; /* Título fica vermelho */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f927ea2 *//* * ========================================= * CARD DE SERVIÇO PROFISSIONAL (CAMMAR) - VERMELHO LED * Classe: .card-servico-profissional * Aplicar esta classe aos 3 Containers (colunas) * ========================================= */ .card-servico-profissional { /* -- 1. ESTILO BASE DO CARD -- */ /* Fundo gradiente sutil para dar profundidade */ background-image: linear-gradient(145deg, #1E1E1E 0%, #111111 100%) !important; /* Borda sutil (cinza-claro transparente) */ border: 1px solid rgba(255, 255, 255, 0.1) !important; /* Sombra leve para "flutuar" no fundo */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); /* Cantos arredondados */ border-radius: 8px; /* Garante o espaçamento interno (ajuste se precisar) */ padding: 25px; /* Animação suave para o hover */ transition: all 0.3s ease-out !important; } /* -- 2. EFEITO HOVER (O EFEITO "MODERNO") -- */ .card-servico-profissional:hover { /* Efeito de "levantar" o card */ transform: translateY(-5px); /* Borda acende com a cor da marca (VERMELHO) */ border-color: rgba(255, 0, 0, 0.7) !important; /* Vermelho mais vibrante, ajuste se precisar */ /* Sombra de "Glow" VERMELHO + sombra de elevação */ box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2), 0 0 20px rgba(255, 0, 0, 0.4); /* Glow vermelho */ } /* -- 3. BÔNUS: Faz o título do card ficar VERMELHO no hover -- */ /* Títulos dentro do card */ .card-servico-profissional .elementor-widget-heading .elementor-heading-title { /* Transição suave da cor do título */ transition: color 0.3s ease; } /* Título fica VERMELHO quando o card recebe hover */ .card-servico-profissional:hover .elementor-widget-heading .elementor-heading-title { color: #FF0000 !important; /* Título fica vermelho */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-28b0127 *//* * ========================================= * CARD DE SERVIÇO PROFISSIONAL (CAMMAR) - VERMELHO LED * Classe: .card-servico-profissional * Aplicar esta classe aos 3 Containers (colunas) * ========================================= */ .card-servico-profissional { /* -- 1. ESTILO BASE DO CARD -- */ /* Fundo gradiente sutil para dar profundidade */ background-image: linear-gradient(145deg, #1E1E1E 0%, #111111 100%) !important; /* Borda sutil (cinza-claro transparente) */ border: 1px solid rgba(255, 255, 255, 0.1) !important; /* Sombra leve para "flutuar" no fundo */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); /* Cantos arredondados */ border-radius: 8px; /* Garante o espaçamento interno (ajuste se precisar) */ padding: 25px; /* Animação suave para o hover */ transition: all 0.3s ease-out !important; } /* -- 2. EFEITO HOVER (O EFEITO "MODERNO") -- */ .card-servico-profissional:hover { /* Efeito de "levantar" o card */ transform: translateY(-5px); /* Borda acende com a cor da marca (VERMELHO) */ border-color: rgba(255, 0, 0, 0.7) !important; /* Vermelho mais vibrante, ajuste se precisar */ /* Sombra de "Glow" VERMELHO + sombra de elevação */ box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2), 0 0 20px rgba(255, 0, 0, 0.4); /* Glow vermelho */ } /* -- 3. BÔNUS: Faz o título do card ficar VERMELHO no hover -- */ /* Títulos dentro do card */ .card-servico-profissional .elementor-widget-heading .elementor-heading-title { /* Transição suave da cor do título */ transition: color 0.3s ease; } /* Título fica VERMELHO quando o card recebe hover */ .card-servico-profissional:hover .elementor-widget-heading .elementor-heading-title { color: #FF0000 !important; /* Título fica vermelho */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cc1e137 *//* * ========================================= * CARD DE SERVIÇO PROFISSIONAL (CAMMAR) - VERMELHO LED * Classe: .card-servico-profissional * Aplicar esta classe aos 3 Containers (colunas) * ========================================= */ .card-servico-profissional { /* -- 1. ESTILO BASE DO CARD -- */ /* Fundo gradiente sutil para dar profundidade */ background-image: linear-gradient(145deg, #1E1E1E 0%, #111111 100%) !important; /* Borda sutil (cinza-claro transparente) */ border: 1px solid rgba(255, 255, 255, 0.1) !important; /* Sombra leve para "flutuar" no fundo */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); /* Cantos arredondados */ border-radius: 8px; /* Garante o espaçamento interno (ajuste se precisar) */ padding: 25px; /* Animação suave para o hover */ transition: all 0.3s ease-out !important; } /* -- 2. EFEITO HOVER (O EFEITO "MODERNO") -- */ .card-servico-profissional:hover { /* Efeito de "levantar" o card */ transform: translateY(-5px); /* Borda acende com a cor da marca (VERMELHO) */ border-color: rgba(255, 0, 0, 0.7) !important; /* Vermelho mais vibrante, ajuste se precisar */ /* Sombra de "Glow" VERMELHO + sombra de elevação */ box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2), 0 0 20px rgba(255, 0, 0, 0.4); /* Glow vermelho */ } /* -- 3. BÔNUS: Faz o título do card ficar VERMELHO no hover -- */ /* Títulos dentro do card */ .card-servico-profissional .elementor-widget-heading .elementor-heading-title { /* Transição suave da cor do título */ transition: color 0.3s ease; } /* Título fica VERMELHO quando o card recebe hover */ .card-servico-profissional:hover .elementor-widget-heading .elementor-heading-title { color: #FF0000 !important; /* Título fica vermelho */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-93ec56c *//* * ========================================= * CARD DE SERVIÇO PROFISSIONAL (CAMMAR) - VERMELHO LED * Classe: .card-servico-profissional * Aplicar esta classe aos 3 Containers (colunas) * ========================================= */ .card-servico-profissional { /* -- 1. ESTILO BASE DO CARD -- */ /* Fundo gradiente sutil para dar profundidade */ background-image: linear-gradient(145deg, #1E1E1E 0%, #111111 100%) !important; /* Borda sutil (cinza-claro transparente) */ border: 1px solid rgba(255, 255, 255, 0.1) !important; /* Sombra leve para "flutuar" no fundo */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); /* Cantos arredondados */ border-radius: 8px; /* Garante o espaçamento interno (ajuste se precisar) */ padding: 25px; /* Animação suave para o hover */ transition: all 0.3s ease-out !important; } /* -- 2. EFEITO HOVER (O EFEITO "MODERNO") -- */ .card-servico-profissional:hover { /* Efeito de "levantar" o card */ transform: translateY(-5px); /* Borda acende com a cor da marca (VERMELHO) */ border-color: rgba(255, 0, 0, 0.7) !important; /* Vermelho mais vibrante, ajuste se precisar */ /* Sombra de "Glow" VERMELHO + sombra de elevação */ box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2), 0 0 20px rgba(255, 0, 0, 0.4); /* Glow vermelho */ } /* -- 3. BÔNUS: Faz o título do card ficar VERMELHO no hover -- */ /* Títulos dentro do card */ .card-servico-profissional .elementor-widget-heading .elementor-heading-title { /* Transição suave da cor do título */ transition: color 0.3s ease; } /* Título fica VERMELHO quando o card recebe hover */ .card-servico-profissional:hover .elementor-widget-heading .elementor-heading-title { color: #FF0000 !important; /* Título fica vermelho */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f927ea2 *//* * ========================================= * CARD DE SERVIÇO PROFISSIONAL (CAMMAR) - VERMELHO LED * Classe: .card-servico-profissional * Aplicar esta classe aos 3 Containers (colunas) * ========================================= */ .card-servico-profissional { /* -- 1. ESTILO BASE DO CARD -- */ /* Fundo gradiente sutil para dar profundidade */ background-image: linear-gradient(145deg, #1E1E1E 0%, #111111 100%) !important; /* Borda sutil (cinza-claro transparente) */ border: 1px solid rgba(255, 255, 255, 0.1) !important; /* Sombra leve para "flutuar" no fundo */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); /* Cantos arredondados */ border-radius: 8px; /* Garante o espaçamento interno (ajuste se precisar) */ padding: 25px; /* Animação suave para o hover */ transition: all 0.3s ease-out !important; } /* -- 2. EFEITO HOVER (O EFEITO "MODERNO") -- */ .card-servico-profissional:hover { /* Efeito de "levantar" o card */ transform: translateY(-5px); /* Borda acende com a cor da marca (VERMELHO) */ border-color: rgba(255, 0, 0, 0.7) !important; /* Vermelho mais vibrante, ajuste se precisar */ /* Sombra de "Glow" VERMELHO + sombra de elevação */ box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2), 0 0 20px rgba(255, 0, 0, 0.4); /* Glow vermelho */ } /* -- 3. BÔNUS: Faz o título do card ficar VERMELHO no hover -- */ /* Títulos dentro do card */ .card-servico-profissional .elementor-widget-heading .elementor-heading-title { /* Transição suave da cor do título */ transition: color 0.3s ease; } /* Título fica VERMELHO quando o card recebe hover */ .card-servico-profissional:hover .elementor-widget-heading .elementor-heading-title { color: #FF0000 !important; /* Título fica vermelho */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-28b0127 *//* * ========================================= * CARD DE SERVIÇO PROFISSIONAL (CAMMAR) - VERMELHO LED * Classe: .card-servico-profissional * Aplicar esta classe aos 3 Containers (colunas) * ========================================= */ .card-servico-profissional { /* -- 1. ESTILO BASE DO CARD -- */ /* Fundo gradiente sutil para dar profundidade */ background-image: linear-gradient(145deg, #1E1E1E 0%, #111111 100%) !important; /* Borda sutil (cinza-claro transparente) */ border: 1px solid rgba(255, 255, 255, 0.1) !important; /* Sombra leve para "flutuar" no fundo */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); /* Cantos arredondados */ border-radius: 8px; /* Garante o espaçamento interno (ajuste se precisar) */ padding: 25px; /* Animação suave para o hover */ transition: all 0.3s ease-out !important; } /* -- 2. EFEITO HOVER (O EFEITO "MODERNO") -- */ .card-servico-profissional:hover { /* Efeito de "levantar" o card */ transform: translateY(-5px); /* Borda acende com a cor da marca (VERMELHO) */ border-color: rgba(255, 0, 0, 0.7) !important; /* Vermelho mais vibrante, ajuste se precisar */ /* Sombra de "Glow" VERMELHO + sombra de elevação */ box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2), 0 0 20px rgba(255, 0, 0, 0.4); /* Glow vermelho */ } /* -- 3. BÔNUS: Faz o título do card ficar VERMELHO no hover -- */ /* Títulos dentro do card */ .card-servico-profissional .elementor-widget-heading .elementor-heading-title { /* Transição suave da cor do título */ transition: color 0.3s ease; } /* Título fica VERMELHO quando o card recebe hover */ .card-servico-profissional:hover .elementor-widget-heading .elementor-heading-title { color: #FF0000 !important; /* Título fica vermelho */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cc1e137 *//* * ========================================= * CARD DE SERVIÇO PROFISSIONAL (CAMMAR) - VERMELHO LED * Classe: .card-servico-profissional * Aplicar esta classe aos 3 Containers (colunas) * ========================================= */ .card-servico-profissional { /* -- 1. ESTILO BASE DO CARD -- */ /* Fundo gradiente sutil para dar profundidade */ background-image: linear-gradient(145deg, #1E1E1E 0%, #111111 100%) !important; /* Borda sutil (cinza-claro transparente) */ border: 1px solid rgba(255, 255, 255, 0.1) !important; /* Sombra leve para "flutuar" no fundo */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); /* Cantos arredondados */ border-radius: 8px; /* Garante o espaçamento interno (ajuste se precisar) */ padding: 25px; /* Animação suave para o hover */ transition: all 0.3s ease-out !important; } /* -- 2. EFEITO HOVER (O EFEITO "MODERNO") -- */ .card-servico-profissional:hover { /* Efeito de "levantar" o card */ transform: translateY(-5px); /* Borda acende com a cor da marca (VERMELHO) */ border-color: rgba(255, 0, 0, 0.7) !important; /* Vermelho mais vibrante, ajuste se precisar */ /* Sombra de "Glow" VERMELHO + sombra de elevação */ box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2), 0 0 20px rgba(255, 0, 0, 0.4); /* Glow vermelho */ } /* -- 3. BÔNUS: Faz o título do card ficar VERMELHO no hover -- */ /* Títulos dentro do card */ .card-servico-profissional .elementor-widget-heading .elementor-heading-title { /* Transição suave da cor do título */ transition: color 0.3s ease; } /* Título fica VERMELHO quando o card recebe hover */ .card-servico-profissional:hover .elementor-widget-heading .elementor-heading-title { color: #FF0000 !important; /* Título fica vermelho */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-93ec56c *//* * ========================================= * CARD DE SERVIÇO PROFISSIONAL (CAMMAR) - VERMELHO LED * Classe: .card-servico-profissional * Aplicar esta classe aos 3 Containers (colunas) * ========================================= */ .card-servico-profissional { /* -- 1. ESTILO BASE DO CARD -- */ /* Fundo gradiente sutil para dar profundidade */ background-image: linear-gradient(145deg, #1E1E1E 0%, #111111 100%) !important; /* Borda sutil (cinza-claro transparente) */ border: 1px solid rgba(255, 255, 255, 0.1) !important; /* Sombra leve para "flutuar" no fundo */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); /* Cantos arredondados */ border-radius: 8px; /* Garante o espaçamento interno (ajuste se precisar) */ padding: 25px; /* Animação suave para o hover */ transition: all 0.3s ease-out !important; } /* -- 2. EFEITO HOVER (O EFEITO "MODERNO") -- */ .card-servico-profissional:hover { /* Efeito de "levantar" o card */ transform: translateY(-5px); /* Borda acende com a cor da marca (VERMELHO) */ border-color: rgba(255, 0, 0, 0.7) !important; /* Vermelho mais vibrante, ajuste se precisar */ /* Sombra de "Glow" VERMELHO + sombra de elevação */ box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2), 0 0 20px rgba(255, 0, 0, 0.4); /* Glow vermelho */ } /* -- 3. BÔNUS: Faz o título do card ficar VERMELHO no hover -- */ /* Títulos dentro do card */ .card-servico-profissional .elementor-widget-heading .elementor-heading-title { /* Transição suave da cor do título */ transition: color 0.3s ease; } /* Título fica VERMELHO quando o card recebe hover */ .card-servico-profissional:hover .elementor-widget-heading .elementor-heading-title { color: #FF0000 !important; /* Título fica vermelho */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f927ea2 *//* * ========================================= * CARD DE SERVIÇO PROFISSIONAL (CAMMAR) - VERMELHO LED * Classe: .card-servico-profissional * Aplicar esta classe aos 3 Containers (colunas) * ========================================= */ .card-servico-profissional { /* -- 1. ESTILO BASE DO CARD -- */ /* Fundo gradiente sutil para dar profundidade */ background-image: linear-gradient(145deg, #1E1E1E 0%, #111111 100%) !important; /* Borda sutil (cinza-claro transparente) */ border: 1px solid rgba(255, 255, 255, 0.1) !important; /* Sombra leve para "flutuar" no fundo */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); /* Cantos arredondados */ border-radius: 8px; /* Garante o espaçamento interno (ajuste se precisar) */ padding: 25px; /* Animação suave para o hover */ transition: all 0.3s ease-out !important; } /* -- 2. EFEITO HOVER (O EFEITO "MODERNO") -- */ .card-servico-profissional:hover { /* Efeito de "levantar" o card */ transform: translateY(-5px); /* Borda acende com a cor da marca (VERMELHO) */ border-color: rgba(255, 0, 0, 0.7) !important; /* Vermelho mais vibrante, ajuste se precisar */ /* Sombra de "Glow" VERMELHO + sombra de elevação */ box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2), 0 0 20px rgba(255, 0, 0, 0.4); /* Glow vermelho */ } /* -- 3. BÔNUS: Faz o título do card ficar VERMELHO no hover -- */ /* Títulos dentro do card */ .card-servico-profissional .elementor-widget-heading .elementor-heading-title { /* Transição suave da cor do título */ transition: color 0.3s ease; } /* Título fica VERMELHO quando o card recebe hover */ .card-servico-profissional:hover .elementor-widget-heading .elementor-heading-title { color: #FF0000 !important; /* Título fica vermelho */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-28b0127 *//* * ========================================= * CARD DE SERVIÇO PROFISSIONAL (CAMMAR) - VERMELHO LED * Classe: .card-servico-profissional * Aplicar esta classe aos 3 Containers (colunas) * ========================================= */ .card-servico-profissional { /* -- 1. ESTILO BASE DO CARD -- */ /* Fundo gradiente sutil para dar profundidade */ background-image: linear-gradient(145deg, #1E1E1E 0%, #111111 100%) !important; /* Borda sutil (cinza-claro transparente) */ border: 1px solid rgba(255, 255, 255, 0.1) !important; /* Sombra leve para "flutuar" no fundo */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); /* Cantos arredondados */ border-radius: 8px; /* Garante o espaçamento interno (ajuste se precisar) */ padding: 25px; /* Animação suave para o hover */ transition: all 0.3s ease-out !important; } /* -- 2. EFEITO HOVER (O EFEITO "MODERNO") -- */ .card-servico-profissional:hover { /* Efeito de "levantar" o card */ transform: translateY(-5px); /* Borda acende com a cor da marca (VERMELHO) */ border-color: rgba(255, 0, 0, 0.7) !important; /* Vermelho mais vibrante, ajuste se precisar */ /* Sombra de "Glow" VERMELHO + sombra de elevação */ box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2), 0 0 20px rgba(255, 0, 0, 0.4); /* Glow vermelho */ } /* -- 3. BÔNUS: Faz o título do card ficar VERMELHO no hover -- */ /* Títulos dentro do card */ .card-servico-profissional .elementor-widget-heading .elementor-heading-title { /* Transição suave da cor do título */ transition: color 0.3s ease; } /* Título fica VERMELHO quando o card recebe hover */ .card-servico-profissional:hover .elementor-widget-heading .elementor-heading-title { color: #FF0000 !important; /* Título fica vermelho */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cc1e137 *//* * ========================================= * CARD DE SERVIÇO PROFISSIONAL (CAMMAR) - VERMELHO LED * Classe: .card-servico-profissional * Aplicar esta classe aos 3 Containers (colunas) * ========================================= */ .card-servico-profissional { /* -- 1. ESTILO BASE DO CARD -- */ /* Fundo gradiente sutil para dar profundidade */ background-image: linear-gradient(145deg, #1E1E1E 0%, #111111 100%) !important; /* Borda sutil (cinza-claro transparente) */ border: 1px solid rgba(255, 255, 255, 0.1) !important; /* Sombra leve para "flutuar" no fundo */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); /* Cantos arredondados */ border-radius: 8px; /* Garante o espaçamento interno (ajuste se precisar) */ padding: 25px; /* Animação suave para o hover */ transition: all 0.3s ease-out !important; } /* -- 2. EFEITO HOVER (O EFEITO "MODERNO") -- */ .card-servico-profissional:hover { /* Efeito de "levantar" o card */ transform: translateY(-5px); /* Borda acende com a cor da marca (VERMELHO) */ border-color: rgba(255, 0, 0, 0.7) !important; /* Vermelho mais vibrante, ajuste se precisar */ /* Sombra de "Glow" VERMELHO + sombra de elevação */ box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2), 0 0 20px rgba(255, 0, 0, 0.4); /* Glow vermelho */ } /* -- 3. BÔNUS: Faz o título do card ficar VERMELHO no hover -- */ /* Títulos dentro do card */ .card-servico-profissional .elementor-widget-heading .elementor-heading-title { /* Transição suave da cor do título */ transition: color 0.3s ease; } /* Título fica VERMELHO quando o card recebe hover */ .card-servico-profissional:hover .elementor-widget-heading .elementor-heading-title { color: #FF0000 !important; /* Título fica vermelho */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-93ec56c *//* * ========================================= * CARD DE SERVIÇO PROFISSIONAL (CAMMAR) - VERMELHO LED * Classe: .card-servico-profissional * Aplicar esta classe aos 3 Containers (colunas) * ========================================= */ .card-servico-profissional { /* -- 1. ESTILO BASE DO CARD -- */ /* Fundo gradiente sutil para dar profundidade */ background-image: linear-gradient(145deg, #1E1E1E 0%, #111111 100%) !important; /* Borda sutil (cinza-claro transparente) */ border: 1px solid rgba(255, 255, 255, 0.1) !important; /* Sombra leve para "flutuar" no fundo */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); /* Cantos arredondados */ border-radius: 8px; /* Garante o espaçamento interno (ajuste se precisar) */ padding: 25px; /* Animação suave para o hover */ transition: all 0.3s ease-out !important; } /* -- 2. EFEITO HOVER (O EFEITO "MODERNO") -- */ .card-servico-profissional:hover { /* Efeito de "levantar" o card */ transform: translateY(-5px); /* Borda acende com a cor da marca (VERMELHO) */ border-color: rgba(255, 0, 0, 0.7) !important; /* Vermelho mais vibrante, ajuste se precisar */ /* Sombra de "Glow" VERMELHO + sombra de elevação */ box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2), 0 0 20px rgba(255, 0, 0, 0.4); /* Glow vermelho */ } /* -- 3. BÔNUS: Faz o título do card ficar VERMELHO no hover -- */ /* Títulos dentro do card */ .card-servico-profissional .elementor-widget-heading .elementor-heading-title { /* Transição suave da cor do título */ transition: color 0.3s ease; } /* Título fica VERMELHO quando o card recebe hover */ .card-servico-profissional:hover .elementor-widget-heading .elementor-heading-title { color: #FF0000 !important; /* Título fica vermelho */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f927ea2 *//* * ========================================= * CARD DE SERVIÇO PROFISSIONAL (CAMMAR) - VERMELHO LED * Classe: .card-servico-profissional * Aplicar esta classe aos 3 Containers (colunas) * ========================================= */ .card-servico-profissional { /* -- 1. ESTILO BASE DO CARD -- */ /* Fundo gradiente sutil para dar profundidade */ background-image: linear-gradient(145deg, #1E1E1E 0%, #111111 100%) !important; /* Borda sutil (cinza-claro transparente) */ border: 1px solid rgba(255, 255, 255, 0.1) !important; /* Sombra leve para "flutuar" no fundo */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); /* Cantos arredondados */ border-radius: 8px; /* Garante o espaçamento interno (ajuste se precisar) */ padding: 25px; /* Animação suave para o hover */ transition: all 0.3s ease-out !important; } /* -- 2. EFEITO HOVER (O EFEITO "MODERNO") -- */ .card-servico-profissional:hover { /* Efeito de "levantar" o card */ transform: translateY(-5px); /* Borda acende com a cor da marca (VERMELHO) */ border-color: rgba(255, 0, 0, 0.7) !important; /* Vermelho mais vibrante, ajuste se precisar */ /* Sombra de "Glow" VERMELHO + sombra de elevação */ box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2), 0 0 20px rgba(255, 0, 0, 0.4); /* Glow vermelho */ } /* -- 3. BÔNUS: Faz o título do card ficar VERMELHO no hover -- */ /* Títulos dentro do card */ .card-servico-profissional .elementor-widget-heading .elementor-heading-title { /* Transição suave da cor do título */ transition: color 0.3s ease; } /* Título fica VERMELHO quando o card recebe hover */ .card-servico-profissional:hover .elementor-widget-heading .elementor-heading-title { color: #FF0000 !important; /* Título fica vermelho */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-28b0127 *//* * ========================================= * CARD DE SERVIÇO PROFISSIONAL (CAMMAR) - VERMELHO LED * Classe: .card-servico-profissional * Aplicar esta classe aos 3 Containers (colunas) * ========================================= */ .card-servico-profissional { /* -- 1. ESTILO BASE DO CARD -- */ /* Fundo gradiente sutil para dar profundidade */ background-image: linear-gradient(145deg, #1E1E1E 0%, #111111 100%) !important; /* Borda sutil (cinza-claro transparente) */ border: 1px solid rgba(255, 255, 255, 0.1) !important; /* Sombra leve para "flutuar" no fundo */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); /* Cantos arredondados */ border-radius: 8px; /* Garante o espaçamento interno (ajuste se precisar) */ padding: 25px; /* Animação suave para o hover */ transition: all 0.3s ease-out !important; } /* -- 2. EFEITO HOVER (O EFEITO "MODERNO") -- */ .card-servico-profissional:hover { /* Efeito de "levantar" o card */ transform: translateY(-5px); /* Borda acende com a cor da marca (VERMELHO) */ border-color: rgba(255, 0, 0, 0.7) !important; /* Vermelho mais vibrante, ajuste se precisar */ /* Sombra de "Glow" VERMELHO + sombra de elevação */ box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2), 0 0 20px rgba(255, 0, 0, 0.4); /* Glow vermelho */ } /* -- 3. BÔNUS: Faz o título do card ficar VERMELHO no hover -- */ /* Títulos dentro do card */ .card-servico-profissional .elementor-widget-heading .elementor-heading-title { /* Transição suave da cor do título */ transition: color 0.3s ease; } /* Título fica VERMELHO quando o card recebe hover */ .card-servico-profissional:hover .elementor-widget-heading .elementor-heading-title { color: #FF0000 !important; /* Título fica vermelho */ }/* End custom CSS */ /* Start custom CSS for nested-carousel, class: .elementor-element-0c9e84c *//* --- SEU CÓDIGO (Movimento e Fade) --- */ .elementor-9 .elementor-element.elementor-element-0c9e84c { max-width: 1920px !important; /* IMPORTANTE: Remova 'pointer-events: none;' daqui, senão ninguém consegue clicar nos cards! */ } /* Faz o movimento ser linear (scroll contínuo) */ .elementor-9 .elementor-element.elementor-element-0c9e84c .swiper-wrapper { transition-timing-function: linear !important; } /* Cria o fade (sombra) nas laterais */ .elementor-9 .elementor-element.elementor-element-0c9e84c::before { content:""; display: block; width: 100%; height: 100%; position: absolute; z-index: 50; background: linear-gradient(90deg, #000, transparent 15%, transparent 85%, #000 100%); pointer-events: none; } /* --- NOVO CSS (Correção de Largura e Altura) --- */ .elementor-9 .elementor-element.elementor-element-0c9e84c .swiper-slide { /* 1. DEFINE A LARGURA FIXA DE CADA CARD */ /* Ajuste este valor como preferir */ width: 380px !important; /* 2. ALINHA A ALTURA */ /* Transforma o slide em um container flexível */ display: flex; flex-direction: column; height: auto; /* Deixa o swiper calcular a altura máxima */ } /* 3. FAZ O CARD PRETO (seu widget) ESTICAR */ /* Isso força o card a ocupar 100% da altura do slide mais alto */ .elementor-9 .elementor-element.elementor-element-0c9e84c .swiper-slide .elementor-widget-wrap { flex-grow: 1; height: 100%; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-660da570 *//* * ========================================= * BOTÃO FLUTUANTE SIMPLES (CAMMAR) - AZUL LED * Classe: .botao-float-simples * Efeito: Flutuação contínua no hover * Hover: Brilho branco * ========================================= */ /* 1. Animação de flutuação (SÓ TRANSFORM = 100% SUAVE) */ @keyframes flutuar-suave-final { 0% { transform: translateY(0px); } 50% { transform: translateY(-4px); /* Sobe 4px */ } 100% { transform: translateY(0px); } } /* 2. Estilo base do botão (COM DEGRADÊ AZUL) */ .botao-float-simples .elementor-button { /* Cor: Degradê azul "LED" com texto branco */ background-color: #F80303 !important; /* Cor sólida para fallback */ background-image: linear-gradient(180deg, #ff5454 0%, #F80303 100%) !important; color: #FFFFFF !important; /* Sombra leve padrão */ box-shadow: 0 px 10px rgba(0, 0, 0, 0.1); /* Aplica a animação de flutuação SUAVE */ animation: flutuar-suave-final 3s ease-in-out infinite; /* Transição para o hover */ transition: all 0.3s ease !important; } /* 3. Efeito HOVER (O "Brilho" branco) */ .botao-float-simples .elementor-button:hover { /* O "Brilho" (máscara branca) */ background-color: #FFFFFF !important; background-image: none !important; /* Remove o degradê no hover */ /* Texto muda para a cor AZUL */ color: #F80303 !important; /* * A flutuação continua! */ /* Sombra branca para realçar o "brilho" */ box-shadow: 0 8px 20px rgba(255, 255, 255, 0.5); }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-46c203b */.elementor-9 .elementor-element.elementor-element-46c203b * { font-size: 11px; }/* End custom CSS */