.elementor-843 .elementor-element.elementor-element-336a674{--display:flex;--min-height:85vh;--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.7;}.elementor-843 .elementor-element.elementor-element-336a674:not(.elementor-motion-effects-element-type-background), .elementor-843 .elementor-element.elementor-element-336a674 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://cmmccompliance.us/wp-content/uploads/2026/01/banner-ref-02-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-843 .elementor-element.elementor-element-336a674::before, .elementor-843 .elementor-element.elementor-element-336a674 > .elementor-background-video-container::before, .elementor-843 .elementor-element.elementor-element-336a674 > .e-con-inner > .elementor-background-video-container::before, .elementor-843 .elementor-element.elementor-element-336a674 > .elementor-background-slideshow::before, .elementor-843 .elementor-element.elementor-element-336a674 > .e-con-inner > .elementor-background-slideshow::before, .elementor-843 .elementor-element.elementor-element-336a674 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(90deg, #000000 25%, #F2295B00 100%);}.elementor-843 .elementor-element.elementor-element-c03c455{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:0px;}.elementor-843 .elementor-element.elementor-element-c03c455.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-843 .elementor-element.elementor-element-fbf3400 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:50px;font-weight:600;line-height:50px;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-843 .elementor-element.elementor-element-fe81656{width:var( --container-widget-width, 71.764% );max-width:71.764%;--container-widget-width:71.764%;--container-widget-flex-grow:0;font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:400;line-height:26px;color:#E0E0E0;}.elementor-843 .elementor-element.elementor-element-fe81656.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-843 .elementor-element.elementor-element-a3f0747{--display:flex;}.elementor-843 .elementor-element.elementor-element-2fb7b5f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:150px;--padding-right:150px;}.elementor-843 .elementor-element.elementor-element-2fb7b5f:not(.elementor-motion-effects-element-type-background), .elementor-843 .elementor-element.elementor-element-2fb7b5f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-843 .elementor-element.elementor-element-2397f6d{text-align:center;}.elementor-843 .elementor-element.elementor-element-2397f6d .elementor-heading-title{color:#FFFFFF;}.elementor-843 .elementor-element.elementor-element-acab143{--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-843 .elementor-element.elementor-element-b8bdbfc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title, .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-843 .elementor-element.elementor-element-644d1c6 .elementor-icon-box-wrapper{gap:15px;}.elementor-843 .elementor-element.elementor-element-644d1c6.elementor-view-stacked .elementor-icon{background-color:#00E5FF;fill:#FFFFFF;color:#FFFFFF;}.elementor-843 .elementor-element.elementor-element-644d1c6.elementor-view-framed .elementor-icon, .elementor-843 .elementor-element.elementor-element-644d1c6.elementor-view-default .elementor-icon{fill:#00E5FF;color:#00E5FF;border-color:#00E5FF;}.elementor-843 .elementor-element.elementor-element-644d1c6.elementor-view-framed .elementor-icon{background-color:#FFFFFF;}.elementor-843 .elementor-element.elementor-element-644d1c6.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-843 .elementor-element.elementor-element-644d1c6.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;fill:#00E5FF;color:#00E5FF;}.elementor-843 .elementor-element.elementor-element-644d1c6.elementor-view-framed:has(:hover) .elementor-icon, .elementor-843 .elementor-element.elementor-element-644d1c6.elementor-view-default:has(:hover) .elementor-icon, .elementor-843 .elementor-element.elementor-element-644d1c6.elementor-view-framed:has(:focus) .elementor-icon, .elementor-843 .elementor-element.elementor-element-644d1c6.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-843 .elementor-element.elementor-element-644d1c6.elementor-view-framed:has(:hover) .elementor-icon, .elementor-843 .elementor-element.elementor-element-644d1c6.elementor-view-framed:has(:focus) .elementor-icon{background-color:#00E5FF;}.elementor-843 .elementor-element.elementor-element-644d1c6 .elementor-icon-box-title, .elementor-843 .elementor-element.elementor-element-644d1c6 .elementor-icon-box-title a{font-family:"Poppins", Sans-serif;font-size:18px;font-weight:700;}.elementor-843 .elementor-element.elementor-element-644d1c6 .elementor-icon-box-title{color:#00C7FD;}.elementor-843 .elementor-element.elementor-element-644d1c6:has(:hover) .elementor-icon-box-title, .elementor-843 .elementor-element.elementor-element-644d1c6:has(:focus) .elementor-icon-box-title{color:#00C7FD;}.elementor-843 .elementor-element.elementor-element-644d1c6 .elementor-icon-box-description{font-family:"Montserrat", Sans-serif;font-weight:400;color:#D9D7D7;}.elementor-843 .elementor-element.elementor-element-955d8a0{font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:400;line-height:24px;color:#FFFFFF;}.elementor-843 .elementor-element.elementor-element-d0c9134{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-843 .elementor-element.elementor-element-d843735 .elementor-icon-box-wrapper{gap:15px;}.elementor-843 .elementor-element.elementor-element-d843735.elementor-view-stacked .elementor-icon{background-color:#00E5FF;fill:#FFFFFF;color:#FFFFFF;}.elementor-843 .elementor-element.elementor-element-d843735.elementor-view-framed .elementor-icon, .elementor-843 .elementor-element.elementor-element-d843735.elementor-view-default .elementor-icon{fill:#00E5FF;color:#00E5FF;border-color:#00E5FF;}.elementor-843 .elementor-element.elementor-element-d843735.elementor-view-framed .elementor-icon{background-color:#FFFFFF;}.elementor-843 .elementor-element.elementor-element-d843735.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-843 .elementor-element.elementor-element-d843735.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;fill:#00E5FF;color:#00E5FF;}.elementor-843 .elementor-element.elementor-element-d843735.elementor-view-framed:has(:hover) .elementor-icon, .elementor-843 .elementor-element.elementor-element-d843735.elementor-view-default:has(:hover) .elementor-icon, .elementor-843 .elementor-element.elementor-element-d843735.elementor-view-framed:has(:focus) .elementor-icon, .elementor-843 .elementor-element.elementor-element-d843735.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-843 .elementor-element.elementor-element-d843735.elementor-view-framed:has(:hover) .elementor-icon, .elementor-843 .elementor-element.elementor-element-d843735.elementor-view-framed:has(:focus) .elementor-icon{background-color:#00E5FF;}.elementor-843 .elementor-element.elementor-element-d843735 .elementor-icon-box-title, .elementor-843 .elementor-element.elementor-element-d843735 .elementor-icon-box-title a{font-family:"Poppins", Sans-serif;font-size:18px;font-weight:700;}.elementor-843 .elementor-element.elementor-element-d843735 .elementor-icon-box-title{color:#00C7FD;}.elementor-843 .elementor-element.elementor-element-d843735:has(:hover) .elementor-icon-box-title, .elementor-843 .elementor-element.elementor-element-d843735:has(:focus) .elementor-icon-box-title{color:#00C7FD;}.elementor-843 .elementor-element.elementor-element-d843735 .elementor-icon-box-description{font-family:"Montserrat", Sans-serif;font-weight:400;color:#D9D7D7;}.elementor-843 .elementor-element.elementor-element-3c7579f{font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:400;line-height:24px;color:#FFFFFF;}.elementor-843 .elementor-element.elementor-element-06005e2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-843 .elementor-element.elementor-element-4389ef8 .elementor-icon-box-wrapper{gap:15px;}.elementor-843 .elementor-element.elementor-element-4389ef8.elementor-view-stacked .elementor-icon{background-color:#00E5FF;fill:#FFFFFF;color:#FFFFFF;}.elementor-843 .elementor-element.elementor-element-4389ef8.elementor-view-framed .elementor-icon, .elementor-843 .elementor-element.elementor-element-4389ef8.elementor-view-default .elementor-icon{fill:#00E5FF;color:#00E5FF;border-color:#00E5FF;}.elementor-843 .elementor-element.elementor-element-4389ef8.elementor-view-framed .elementor-icon{background-color:#FFFFFF;}.elementor-843 .elementor-element.elementor-element-4389ef8.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-843 .elementor-element.elementor-element-4389ef8.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;fill:#00E5FF;color:#00E5FF;}.elementor-843 .elementor-element.elementor-element-4389ef8.elementor-view-framed:has(:hover) .elementor-icon, .elementor-843 .elementor-element.elementor-element-4389ef8.elementor-view-default:has(:hover) .elementor-icon, .elementor-843 .elementor-element.elementor-element-4389ef8.elementor-view-framed:has(:focus) .elementor-icon, .elementor-843 .elementor-element.elementor-element-4389ef8.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-843 .elementor-element.elementor-element-4389ef8.elementor-view-framed:has(:hover) .elementor-icon, .elementor-843 .elementor-element.elementor-element-4389ef8.elementor-view-framed:has(:focus) .elementor-icon{background-color:#00E5FF;}.elementor-843 .elementor-element.elementor-element-4389ef8 .elementor-icon-box-title, .elementor-843 .elementor-element.elementor-element-4389ef8 .elementor-icon-box-title a{font-family:"Poppins", Sans-serif;font-size:18px;font-weight:700;}.elementor-843 .elementor-element.elementor-element-4389ef8 .elementor-icon-box-title{color:#00C7FD;}.elementor-843 .elementor-element.elementor-element-4389ef8:has(:hover) .elementor-icon-box-title, .elementor-843 .elementor-element.elementor-element-4389ef8:has(:focus) .elementor-icon-box-title{color:#00C7FD;}.elementor-843 .elementor-element.elementor-element-4389ef8 .elementor-icon-box-description{font-family:"Montserrat", Sans-serif;font-weight:400;color:#D9D7D7;}.elementor-843 .elementor-element.elementor-element-d4f9fe5{font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:400;line-height:24px;color:#FFFFFF;}.elementor-843 .elementor-element.elementor-element-e07082b{--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-843 .elementor-element.elementor-element-0a10012{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-843 .elementor-element.elementor-element-b10c52d .elementor-icon-box-wrapper{gap:15px;}.elementor-843 .elementor-element.elementor-element-b10c52d.elementor-view-stacked .elementor-icon{background-color:#00E5FF;fill:#FFFFFF;color:#FFFFFF;}.elementor-843 .elementor-element.elementor-element-b10c52d.elementor-view-framed .elementor-icon, .elementor-843 .elementor-element.elementor-element-b10c52d.elementor-view-default .elementor-icon{fill:#00E5FF;color:#00E5FF;border-color:#00E5FF;}.elementor-843 .elementor-element.elementor-element-b10c52d.elementor-view-framed .elementor-icon{background-color:#FFFFFF;}.elementor-843 .elementor-element.elementor-element-b10c52d.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-843 .elementor-element.elementor-element-b10c52d.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;fill:#00E5FF;color:#00E5FF;}.elementor-843 .elementor-element.elementor-element-b10c52d.elementor-view-framed:has(:hover) .elementor-icon, .elementor-843 .elementor-element.elementor-element-b10c52d.elementor-view-default:has(:hover) .elementor-icon, .elementor-843 .elementor-element.elementor-element-b10c52d.elementor-view-framed:has(:focus) .elementor-icon, .elementor-843 .elementor-element.elementor-element-b10c52d.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-843 .elementor-element.elementor-element-b10c52d.elementor-view-framed:has(:hover) .elementor-icon, .elementor-843 .elementor-element.elementor-element-b10c52d.elementor-view-framed:has(:focus) .elementor-icon{background-color:#00E5FF;}.elementor-843 .elementor-element.elementor-element-b10c52d .elementor-icon-box-title, .elementor-843 .elementor-element.elementor-element-b10c52d .elementor-icon-box-title a{font-family:"Poppins", Sans-serif;font-size:18px;font-weight:700;}.elementor-843 .elementor-element.elementor-element-b10c52d .elementor-icon-box-title{color:#00C7FD;}.elementor-843 .elementor-element.elementor-element-b10c52d:has(:hover) .elementor-icon-box-title, .elementor-843 .elementor-element.elementor-element-b10c52d:has(:focus) .elementor-icon-box-title{color:#00C7FD;}.elementor-843 .elementor-element.elementor-element-b10c52d .elementor-icon-box-description{font-family:"Montserrat", Sans-serif;font-weight:400;color:#D9D7D7;}.elementor-843 .elementor-element.elementor-element-c5beefc{font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:400;line-height:24px;color:#FFFFFF;}.elementor-843 .elementor-element.elementor-element-f21579b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-843 .elementor-element.elementor-element-6a37ef8 .elementor-icon-box-wrapper{gap:15px;}.elementor-843 .elementor-element.elementor-element-6a37ef8.elementor-view-stacked .elementor-icon{background-color:#00E5FF;fill:#FFFFFF;color:#FFFFFF;}.elementor-843 .elementor-element.elementor-element-6a37ef8.elementor-view-framed .elementor-icon, .elementor-843 .elementor-element.elementor-element-6a37ef8.elementor-view-default .elementor-icon{fill:#00E5FF;color:#00E5FF;border-color:#00E5FF;}.elementor-843 .elementor-element.elementor-element-6a37ef8.elementor-view-framed .elementor-icon{background-color:#FFFFFF;}.elementor-843 .elementor-element.elementor-element-6a37ef8.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-843 .elementor-element.elementor-element-6a37ef8.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;fill:#00E5FF;color:#00E5FF;}.elementor-843 .elementor-element.elementor-element-6a37ef8.elementor-view-framed:has(:hover) .elementor-icon, .elementor-843 .elementor-element.elementor-element-6a37ef8.elementor-view-default:has(:hover) .elementor-icon, .elementor-843 .elementor-element.elementor-element-6a37ef8.elementor-view-framed:has(:focus) .elementor-icon, .elementor-843 .elementor-element.elementor-element-6a37ef8.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-843 .elementor-element.elementor-element-6a37ef8.elementor-view-framed:has(:hover) .elementor-icon, .elementor-843 .elementor-element.elementor-element-6a37ef8.elementor-view-framed:has(:focus) .elementor-icon{background-color:#00E5FF;}.elementor-843 .elementor-element.elementor-element-6a37ef8 .elementor-icon-box-title, .elementor-843 .elementor-element.elementor-element-6a37ef8 .elementor-icon-box-title a{font-family:"Poppins", Sans-serif;font-size:18px;font-weight:700;}.elementor-843 .elementor-element.elementor-element-6a37ef8 .elementor-icon-box-title{color:#00C7FD;}.elementor-843 .elementor-element.elementor-element-6a37ef8:has(:hover) .elementor-icon-box-title, .elementor-843 .elementor-element.elementor-element-6a37ef8:has(:focus) .elementor-icon-box-title{color:#00C7FD;}.elementor-843 .elementor-element.elementor-element-6a37ef8 .elementor-icon-box-description{font-family:"Montserrat", Sans-serif;font-weight:400;color:#D9D7D7;}.elementor-843 .elementor-element.elementor-element-451946e{font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:400;line-height:24px;color:#FFFFFF;}.elementor-843 .elementor-element.elementor-element-9d5a638{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-843 .elementor-element.elementor-element-fd3a042 .elementor-icon-box-wrapper{gap:15px;}.elementor-843 .elementor-element.elementor-element-fd3a042.elementor-view-stacked .elementor-icon{background-color:#00E5FF;fill:#FFFFFF;color:#FFFFFF;}.elementor-843 .elementor-element.elementor-element-fd3a042.elementor-view-framed .elementor-icon, .elementor-843 .elementor-element.elementor-element-fd3a042.elementor-view-default .elementor-icon{fill:#00E5FF;color:#00E5FF;border-color:#00E5FF;}.elementor-843 .elementor-element.elementor-element-fd3a042.elementor-view-framed .elementor-icon{background-color:#FFFFFF;}.elementor-843 .elementor-element.elementor-element-fd3a042.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-843 .elementor-element.elementor-element-fd3a042.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;fill:#00E5FF;color:#00E5FF;}.elementor-843 .elementor-element.elementor-element-fd3a042.elementor-view-framed:has(:hover) .elementor-icon, .elementor-843 .elementor-element.elementor-element-fd3a042.elementor-view-default:has(:hover) .elementor-icon, .elementor-843 .elementor-element.elementor-element-fd3a042.elementor-view-framed:has(:focus) .elementor-icon, .elementor-843 .elementor-element.elementor-element-fd3a042.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-843 .elementor-element.elementor-element-fd3a042.elementor-view-framed:has(:hover) .elementor-icon, .elementor-843 .elementor-element.elementor-element-fd3a042.elementor-view-framed:has(:focus) .elementor-icon{background-color:#00E5FF;}.elementor-843 .elementor-element.elementor-element-fd3a042 .elementor-icon-box-title, .elementor-843 .elementor-element.elementor-element-fd3a042 .elementor-icon-box-title a{font-family:"Poppins", Sans-serif;font-size:18px;font-weight:700;}.elementor-843 .elementor-element.elementor-element-fd3a042 .elementor-icon-box-title{color:#00C7FD;}.elementor-843 .elementor-element.elementor-element-fd3a042:has(:hover) .elementor-icon-box-title, .elementor-843 .elementor-element.elementor-element-fd3a042:has(:focus) .elementor-icon-box-title{color:#00C7FD;}.elementor-843 .elementor-element.elementor-element-fd3a042 .elementor-icon-box-description{font-family:"Montserrat", Sans-serif;font-weight:400;color:#D9D7D7;}.elementor-843 .elementor-element.elementor-element-636e63e{font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:400;line-height:24px;color:#FFFFFF;}.elementor-843 .elementor-element.elementor-element-7e9c5b8{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:150px;--padding-right:150px;}.elementor-843 .elementor-element.elementor-element-7e9c5b8:not(.elementor-motion-effects-element-type-background), .elementor-843 .elementor-element.elementor-element-7e9c5b8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#080C14;}.elementor-843 .elementor-element.elementor-element-b189442{--display:flex;}.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-843 .elementor-element.elementor-element-46eb1c0 img{border-style:solid;border-width:1px 1px 1px 1px;border-color:#00E5FF;border-radius:12px 12px 12px 12px;box-shadow:0px 0px 13px 5px rgba(0, 229.0000000000003, 255, 0.4392156862745098);}.elementor-843 .elementor-element.elementor-element-167fc9a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-843 .elementor-element.elementor-element-c110fe2 .elementor-heading-title{color:#FFFFFF;}.elementor-843 .elementor-element.elementor-element-9a26a98{width:var( --container-widget-width, 71.764% );max-width:71.764%;--container-widget-width:71.764%;--container-widget-flex-grow:0;font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:400;line-height:26px;color:#E0E0E0;}.elementor-843 .elementor-element.elementor-element-9a26a98.elementor-element{--flex-grow:0;--flex-shrink:0;}.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 );}:root{--page-title-display:none;}@media(max-width:1024px) and (min-width:768px){.elementor-843 .elementor-element.elementor-element-c03c455{--width:605.062px;}}@media(max-width:1024px){.elementor-843 .elementor-element.elementor-element-fbf3400 .elementor-heading-title{font-size:42px;}.elementor-843 .elementor-element.elementor-element-fe81656{width:var( --container-widget-width, 541.675px );max-width:541.675px;--container-widget-width:541.675px;--container-widget-flex-grow:0;}.elementor-843 .elementor-element.elementor-element-2fb7b5f{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-843 .elementor-element.elementor-element-7e9c5b8{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}}@media(max-width:767px){.elementor-843 .elementor-element.elementor-element-fbf3400 .elementor-heading-title{font-size:24px;line-height:34px;}.elementor-843 .elementor-element.elementor-element-fe81656{width:var( --container-widget-width, 305.725px );max-width:305.725px;--container-widget-width:305.725px;--container-widget-flex-grow:0;font-size:18px;line-height:24px;}.elementor-843 .elementor-element.elementor-element-2fb7b5f{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-843 .elementor-element.elementor-element-7e9c5b8{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-843 .elementor-element.elementor-element-9a26a98{width:var( --container-widget-width, 305.725px );max-width:305.725px;--container-widget-width:305.725px;--container-widget-flex-grow:0;font-size:18px;line-height:24px;}}/* Start custom CSS for heading, class: .elementor-element-fbf3400 *//* --- CLASE MAESTRA DE LEGIBILIDAD (PROTOCOL STARK) --- */ .stark-title { /* 1. Color Base y Respiro */ color: #ffffff !important; letter-spacing: 0.8px !important; /* 2. Sombra "Ghost" de Alta Definición */ /* Crea el relieve y asegura el contraste contra cualquier fondo */ text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.8), 0px 0px 10px rgba(0, 0, 0, 0.4) !important; /* 3. Renderizado Técnico */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition: all 0.3s ease; } /* Compatibilidad con tus acentos manuales en Cyan */ /* Esto asegura que el span (donde pintas el cian) herede la sombra de protección */ .stark-title span { text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.8) !important; color: inherit; /* Mantendrá el color que tú le asignes manualmente */ }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-955d8a0 *//* --- ESTILO DE ENLACES CIAN (Reactor Theme) --- */ /* 1. Estado Normal (Reposo) */ .elementor-843 .elementor-element.elementor-element-955d8a0 a { color: #00E5FF !important; /* Nuestro Cian Corporativo */ text-decoration: none !important; border-bottom: 1px solid rgba(0, 229, 255, 0.5); /* Línea fina cian semi-transparente */ transition: all 0.3s ease; font-weight: 700; /* Negrita técnica */ } /* 2. Estado Hover (Al pasar el mouse) */ .elementor-843 .elementor-element.elementor-element-955d8a0 a:hover { color: #FFFFFF !important; /* Texto Blanco para máximo contraste */ background-color: #00E5FF; /* Fondo se enciende en Cian */ box-shadow: 0 0 15px rgba(0, 229, 255, 0.6); /* Resplandor radioactivo */ border-bottom: 1px solid transparent; /* La línea desaparece */ padding: 2px 6px; /* Un poco de aire a los lados */ border-radius: 4px; /* Bordes técnicos */ text-shadow: none; /* Limpiamos sombras de texto para que se lea nítido sobre el fondo brillante */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b8bdbfc *//* ========================================= ESTILO FINAL: TARJETA TÁCTICA (HUD) ========================================= */ /* --- CONFIGURACIÓN BASE DE LA TARJETA --- */ .tactical-card { background-color: rgba(10, 15, 30, 0.8); /* Fondo oscuro semitransparente */ border: 1px solid rgba(0, 199, 253, 0.3); /* Borde sutil azul cian */ padding: 30px 20px; transition: all 0.4s ease; position: relative; overflow: hidden; cursor: pointer; /* --- CORRECCIÓN DE ALINEACIÓN (GRAVEDAD CERO) --- */ display: flex !important; flex-direction: column !important; justify-content: flex-start !important; /* Alinea todo arriba */ align-items: stretch !important; gap: 15px; /* Espacio limpio entre elementos */ } /* --- EFECTO DE ESQUINAS TECNOLÓGICAS --- */ .tactical-card::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; /* Gradientes para las esquinas */ background: linear-gradient(to right, #00C7FD 2px, transparent 2px) 0 0, linear-gradient(to bottom, #00C7FD 2px, transparent 2px) 0 0, linear-gradient(to left, #00C7FD 2px, transparent 2px) 100% 0, linear-gradient(to bottom, #00C7FD 2px, transparent 2px) 100% 0, linear-gradient(to right, #00C7FD 2px, transparent 2px) 0 100%, linear-gradient(to top, #00C7FD 2px, transparent 2px) 0 100%, linear-gradient(to left, #00C7FD 2px, transparent 2px) 100% 100%, linear-gradient(to top, #00C7FD 2px, transparent 2px) 100% 100%; background-size: 10px 10px; background-repeat: no-repeat; opacity: 0.5; transition: all 0.4s ease; } /* --- ESTADO HOVER (AL PASAR EL MOUSE) --- */ .tactical-card:hover { background-color: rgba(0, 199, 253, 0.1); /* Iluminación interna */ transform: translateY(-5px); /* Flotar */ box-shadow: 0 10px 30px rgba(0, 199, 253, 0.15); /* Neon glow */ } .tactical-card:hover::before { background-size: 100% 100%; /* Borde se cierra completo */ opacity: 1; border: 1px solid #00C7FD; } /* --- AJUSTE DE COLORES (AQUÍ ESTÁ EL CAMBIO) --- */ /* 1. REPOSO: Icono BLANCO */ .tactical-card .elementor-icon i, .tactical-card .elementor-icon svg { color: #ffffff !important; fill: #ffffff !important; transition: all 0.3s ease; } /* 2. HOVER: Icono AZUL CIAN */ .tactical-card:hover .elementor-icon i, .tactical-card:hover .elementor-icon svg { color: #00C7FD !important; fill: #00C7FD !important; filter: drop-shadow(0 0 8px #00C7FD); } /* --- ESTILOS INTERNOS (Iconos y Textos) --- */ .tactical-card .elementor-icon { color: #00C7FD !important; transition: all 0.3s ease; } .tactical-card:hover .elementor-icon { color: #ffffff !important; text-shadow: 0 0 10px #00C7FD; } /* Evita que los textos se estiren */ .tactical-card .elementor-widget-text-editor, .tactical-card .elementor-widget-icon-list, .tactical-card .elementor-widget-heading { flex-grow: 0 !important; margin-bottom: 0 !important; } /* --- BOTÓN INTELIGENTE (Siempre al fondo) --- */ .tactical-card .elementor-widget-button { width: 100% !important; margin-top: auto !important; /* Empuja el botón al final de la tarjeta */ padding-top: 15px; }/* ========================================= ESTILO FINAL: TARJETA TÁCTICA (HUD) ========================================= */ /* --- CONFIGURACIÓN BASE DE LA TARJETA --- */ .tactical-card { background-color: rgba(10, 15, 30, 0.8); /* Fondo oscuro semitransparente */ border: 1px solid rgba(0, 199, 253, 0.3); /* Borde sutil azul cian */ padding: 30px 20px; transition: all 0.4s ease; position: relative; overflow: hidden; cursor: pointer; /* --- CORRECCIÓN DE ALINEACIÓN (GRAVEDAD CERO) --- */ display: flex !important; flex-direction: column !important; justify-content: flex-start !important; /* Alinea todo arriba */ align-items: stretch !important; gap: 15px; /* Espacio limpio entre elementos */ } /* --- EFECTO DE ESQUINAS TECNOLÓGICAS --- */ .tactical-card::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; /* Gradientes para las esquinas */ background: linear-gradient(to right, #00C7FD 2px, transparent 2px) 0 0, linear-gradient(to bottom, #00C7FD 2px, transparent 2px) 0 0, linear-gradient(to left, #00C7FD 2px, transparent 2px) 100% 0, linear-gradient(to bottom, #00C7FD 2px, transparent 2px) 100% 0, linear-gradient(to right, #00C7FD 2px, transparent 2px) 0 100%, linear-gradient(to top, #00C7FD 2px, transparent 2px) 0 100%, linear-gradient(to left, #00C7FD 2px, transparent 2px) 100% 100%, linear-gradient(to top, #00C7FD 2px, transparent 2px) 100% 100%; background-size: 10px 10px; background-repeat: no-repeat; opacity: 0.5; transition: all 0.4s ease; } /* --- ESTADO HOVER (AL PASAR EL MOUSE) --- */ .tactical-card:hover { background-color: rgba(0, 199, 253, 0.1); /* Iluminación interna */ transform: translateY(-5px); /* Flotar */ box-shadow: 0 10px 30px rgba(0, 199, 253, 0.15); /* Neon glow */ } .tactical-card:hover::before { background-size: 100% 100%; /* Borde se cierra completo */ opacity: 1; border: 1px solid #00C7FD; } /* --- ESTILOS INTERNOS (Iconos y Textos) --- */ .tactical-card .elementor-icon { color: #00C7FD !important; transition: all 0.3s ease; } .tactical-card:hover .elementor-icon { color: #ffffff !important; text-shadow: 0 0 10px #00C7FD; } /* Evita que los textos se estiren */ .tactical-card .elementor-widget-text-editor, .tactical-card .elementor-widget-icon-list, .tactical-card .elementor-widget-heading { flex-grow: 0 !important; margin-bottom: 0 !important; } /* --- BOTÓN INTELIGENTE (Siempre al fondo) --- */ .tactical-card .elementor-widget-button { width: 100% !important; margin-top: auto !important; /* Empuja el botón al final de la tarjeta */ padding-top: 15px; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-3c7579f *//* --- ESTILO DE ENLACES CIAN (Reactor Theme) --- */ /* 1. Estado Normal (Reposo) */ .elementor-843 .elementor-element.elementor-element-3c7579f a { color: #00E5FF !important; /* Nuestro Cian Corporativo */ text-decoration: none !important; border-bottom: 1px solid rgba(0, 229, 255, 0.5); /* Línea fina cian semi-transparente */ transition: all 0.3s ease; font-weight: 700; /* Negrita técnica */ } /* 2. Estado Hover (Al pasar el mouse) */ .elementor-843 .elementor-element.elementor-element-3c7579f a:hover { color: #FFFFFF !important; /* Texto Blanco para máximo contraste */ background-color: #00E5FF; /* Fondo se enciende en Cian */ box-shadow: 0 0 15px rgba(0, 229, 255, 0.6); /* Resplandor radioactivo */ border-bottom: 1px solid transparent; /* La línea desaparece */ padding: 2px 6px; /* Un poco de aire a los lados */ border-radius: 4px; /* Bordes técnicos */ text-shadow: none; /* Limpiamos sombras de texto para que se lea nítido sobre el fondo brillante */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d0c9134 *//* ========================================= ESTILO FINAL: TARJETA TÁCTICA (HUD) ========================================= */ /* --- CONFIGURACIÓN BASE DE LA TARJETA --- */ .tactical-card { background-color: rgba(10, 15, 30, 0.8); /* Fondo oscuro semitransparente */ border: 1px solid rgba(0, 199, 253, 0.3); /* Borde sutil azul cian */ padding: 30px 20px; transition: all 0.4s ease; position: relative; overflow: hidden; cursor: pointer; /* --- CORRECCIÓN DE ALINEACIÓN (GRAVEDAD CERO) --- */ display: flex !important; flex-direction: column !important; justify-content: flex-start !important; /* Alinea todo arriba */ align-items: stretch !important; gap: 15px; /* Espacio limpio entre elementos */ } /* --- EFECTO DE ESQUINAS TECNOLÓGICAS --- */ .tactical-card::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; /* Gradientes para las esquinas */ background: linear-gradient(to right, #00C7FD 2px, transparent 2px) 0 0, linear-gradient(to bottom, #00C7FD 2px, transparent 2px) 0 0, linear-gradient(to left, #00C7FD 2px, transparent 2px) 100% 0, linear-gradient(to bottom, #00C7FD 2px, transparent 2px) 100% 0, linear-gradient(to right, #00C7FD 2px, transparent 2px) 0 100%, linear-gradient(to top, #00C7FD 2px, transparent 2px) 0 100%, linear-gradient(to left, #00C7FD 2px, transparent 2px) 100% 100%, linear-gradient(to top, #00C7FD 2px, transparent 2px) 100% 100%; background-size: 10px 10px; background-repeat: no-repeat; opacity: 0.5; transition: all 0.4s ease; } /* --- ESTADO HOVER (AL PASAR EL MOUSE) --- */ .tactical-card:hover { background-color: rgba(0, 199, 253, 0.1); /* Iluminación interna */ transform: translateY(-5px); /* Flotar */ box-shadow: 0 10px 30px rgba(0, 199, 253, 0.15); /* Neon glow */ } .tactical-card:hover::before { background-size: 100% 100%; /* Borde se cierra completo */ opacity: 1; border: 1px solid #00C7FD; } /* --- ESTILOS INTERNOS (Iconos y Textos) --- */ .tactical-card .elementor-icon { color: #00C7FD !important; transition: all 0.3s ease; } .tactical-card:hover .elementor-icon { color: #ffffff !important; text-shadow: 0 0 10px #00C7FD; } /* Evita que los textos se estiren */ .tactical-card .elementor-widget-text-editor, .tactical-card .elementor-widget-icon-list, .tactical-card .elementor-widget-heading { flex-grow: 0 !important; margin-bottom: 0 !important; } /* --- BOTÓN INTELIGENTE (Siempre al fondo) --- */ .tactical-card .elementor-widget-button { width: 100% !important; margin-top: auto !important; /* Empuja el botón al final de la tarjeta */ padding-top: 15px; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-d4f9fe5 *//* --- ESTILO DE ENLACES CIAN (Reactor Theme) --- */ /* 1. Estado Normal (Reposo) */ .elementor-843 .elementor-element.elementor-element-d4f9fe5 a { color: #00E5FF !important; /* Nuestro Cian Corporativo */ text-decoration: none !important; border-bottom: 1px solid rgba(0, 229, 255, 0.5); /* Línea fina cian semi-transparente */ transition: all 0.3s ease; font-weight: 700; /* Negrita técnica */ } /* 2. Estado Hover (Al pasar el mouse) */ .elementor-843 .elementor-element.elementor-element-d4f9fe5 a:hover { color: #FFFFFF !important; /* Texto Blanco para máximo contraste */ background-color: #00E5FF; /* Fondo se enciende en Cian */ box-shadow: 0 0 15px rgba(0, 229, 255, 0.6); /* Resplandor radioactivo */ border-bottom: 1px solid transparent; /* La línea desaparece */ padding: 2px 6px; /* Un poco de aire a los lados */ border-radius: 4px; /* Bordes técnicos */ text-shadow: none; /* Limpiamos sombras de texto para que se lea nítido sobre el fondo brillante */ } /* --- MEJORA DE LISTAS (EDITOR DE TEXTO) --- */ /* Espacio entre cada punto de la lista */ .tactical-card .elementor-widget-text-editor ul li, .tactical-card .elementor-widget-text-editor ol li { margin-bottom: 12px !important; /* Separa los items entre sí */ line-height: 1.6 !important; /* Da aire si el texto ocupa dos líneas */ } /* Color y Estilo de los "Puntitos" (Bullets) */ .tactical-card .elementor-widget-text-editor ul li::marker { color: #00C7FD !important; /* Puntos color CYAN Táctico */ font-size: 1.2em; /* Un poco más grandes para que se vean bien */ } /* (Opcional) Si hay enlaces dentro de la lista, que se vean bien */ .tactical-card .elementor-widget-text-editor a { text-decoration: none; transition: color 0.3s ease; } .tactical-card .elementor-widget-text-editor a:hover { color: #ffffff !important; /* Brillan blanco al pasar el mouse */ text-decoration: underline; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-c5beefc *//* --- ESTILO DE ENLACES CIAN (Reactor Theme) --- */ /* 1. Estado Normal (Reposo) */ .elementor-843 .elementor-element.elementor-element-c5beefc a { color: #00E5FF !important; /* Nuestro Cian Corporativo */ text-decoration: none !important; border-bottom: 1px solid rgba(0, 229, 255, 0.5); /* Línea fina cian semi-transparente */ transition: all 0.3s ease; font-weight: 700; /* Negrita técnica */ } /* 2. Estado Hover (Al pasar el mouse) */ .elementor-843 .elementor-element.elementor-element-c5beefc a:hover { color: #FFFFFF !important; /* Texto Blanco para máximo contraste */ background-color: #00E5FF; /* Fondo se enciende en Cian */ box-shadow: 0 0 15px rgba(0, 229, 255, 0.6); /* Resplandor radioactivo */ border-bottom: 1px solid transparent; /* La línea desaparece */ padding: 2px 6px; /* Un poco de aire a los lados */ border-radius: 4px; /* Bordes técnicos */ text-shadow: none; /* Limpiamos sombras de texto para que se lea nítido sobre el fondo brillante */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0a10012 *//* ========================================= ESTILO FINAL: TARJETA TÁCTICA (HUD) ========================================= */ /* --- CONFIGURACIÓN BASE DE LA TARJETA --- */ .tactical-card { background-color: rgba(10, 15, 30, 0.8); /* Fondo oscuro semitransparente */ border: 1px solid rgba(0, 199, 253, 0.3); /* Borde sutil azul cian */ padding: 30px 20px; transition: all 0.4s ease; position: relative; overflow: hidden; cursor: pointer; /* --- CORRECCIÓN DE ALINEACIÓN (GRAVEDAD CERO) --- */ display: flex !important; flex-direction: column !important; justify-content: flex-start !important; /* Alinea todo arriba */ align-items: stretch !important; gap: 15px; /* Espacio limpio entre elementos */ } /* --- EFECTO DE ESQUINAS TECNOLÓGICAS --- */ .tactical-card::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; /* Gradientes para las esquinas */ background: linear-gradient(to right, #00C7FD 2px, transparent 2px) 0 0, linear-gradient(to bottom, #00C7FD 2px, transparent 2px) 0 0, linear-gradient(to left, #00C7FD 2px, transparent 2px) 100% 0, linear-gradient(to bottom, #00C7FD 2px, transparent 2px) 100% 0, linear-gradient(to right, #00C7FD 2px, transparent 2px) 0 100%, linear-gradient(to top, #00C7FD 2px, transparent 2px) 0 100%, linear-gradient(to left, #00C7FD 2px, transparent 2px) 100% 100%, linear-gradient(to top, #00C7FD 2px, transparent 2px) 100% 100%; background-size: 10px 10px; background-repeat: no-repeat; opacity: 0.5; transition: all 0.4s ease; } /* --- ESTADO HOVER (AL PASAR EL MOUSE) --- */ .tactical-card:hover { background-color: rgba(0, 199, 253, 0.1); /* Iluminación interna */ transform: translateY(-5px); /* Flotar */ box-shadow: 0 10px 30px rgba(0, 199, 253, 0.15); /* Neon glow */ } .tactical-card:hover::before { background-size: 100% 100%; /* Borde se cierra completo */ opacity: 1; border: 1px solid #00C7FD; } /* --- ESTILOS INTERNOS (Iconos y Textos) --- */ .tactical-card .elementor-icon { color: #00C7FD !important; transition: all 0.3s ease; } .tactical-card:hover .elementor-icon { color: #ffffff !important; text-shadow: 0 0 10px #00C7FD; } /* Evita que los textos se estiren */ .tactical-card .elementor-widget-text-editor, .tactical-card .elementor-widget-icon-list, .tactical-card .elementor-widget-heading { flex-grow: 0 !important; margin-bottom: 0 !important; } /* --- BOTÓN INTELIGENTE (Siempre al fondo) --- */ .tactical-card .elementor-widget-button { width: 100% !important; margin-top: auto !important; /* Empuja el botón al final de la tarjeta */ padding-top: 15px; }/* ========================================= ESTILO FINAL: TARJETA TÁCTICA (HUD) ========================================= */ /* --- CONFIGURACIÓN BASE DE LA TARJETA --- */ .tactical-card { background-color: rgba(10, 15, 30, 0.8); /* Fondo oscuro semitransparente */ border: 1px solid rgba(0, 199, 253, 0.3); /* Borde sutil azul cian */ padding: 30px 20px; transition: all 0.4s ease; position: relative; overflow: hidden; cursor: pointer; /* --- CORRECCIÓN DE ALINEACIÓN (GRAVEDAD CERO) --- */ display: flex !important; flex-direction: column !important; justify-content: flex-start !important; /* Alinea todo arriba */ align-items: stretch !important; gap: 15px; /* Espacio limpio entre elementos */ } /* --- EFECTO DE ESQUINAS TECNOLÓGICAS --- */ .tactical-card::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; /* Gradientes para las esquinas */ background: linear-gradient(to right, #00C7FD 2px, transparent 2px) 0 0, linear-gradient(to bottom, #00C7FD 2px, transparent 2px) 0 0, linear-gradient(to left, #00C7FD 2px, transparent 2px) 100% 0, linear-gradient(to bottom, #00C7FD 2px, transparent 2px) 100% 0, linear-gradient(to right, #00C7FD 2px, transparent 2px) 0 100%, linear-gradient(to top, #00C7FD 2px, transparent 2px) 0 100%, linear-gradient(to left, #00C7FD 2px, transparent 2px) 100% 100%, linear-gradient(to top, #00C7FD 2px, transparent 2px) 100% 100%; background-size: 10px 10px; background-repeat: no-repeat; opacity: 0.5; transition: all 0.4s ease; } /* --- ESTADO HOVER (AL PASAR EL MOUSE) --- */ .tactical-card:hover { background-color: rgba(0, 199, 253, 0.1); /* Iluminación interna */ transform: translateY(-5px); /* Flotar */ box-shadow: 0 10px 30px rgba(0, 199, 253, 0.15); /* Neon glow */ } .tactical-card:hover::before { background-size: 100% 100%; /* Borde se cierra completo */ opacity: 1; border: 1px solid #00C7FD; } /* --- ESTILOS INTERNOS (Iconos y Textos) --- */ .tactical-card .elementor-icon { color: #00C7FD !important; transition: all 0.3s ease; } .tactical-card:hover .elementor-icon { color: #ffffff !important; text-shadow: 0 0 10px #00C7FD; } /* Evita que los textos se estiren */ .tactical-card .elementor-widget-text-editor, .tactical-card .elementor-widget-icon-list, .tactical-card .elementor-widget-heading { flex-grow: 0 !important; margin-bottom: 0 !important; } /* --- BOTÓN INTELIGENTE (Siempre al fondo) --- */ .tactical-card .elementor-widget-button { width: 100% !important; margin-top: auto !important; /* Empuja el botón al final de la tarjeta */ padding-top: 15px; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-451946e *//* --- ESTILO DE ENLACES CIAN (Reactor Theme) --- */ /* 1. Estado Normal (Reposo) */ .elementor-843 .elementor-element.elementor-element-451946e a { color: #00E5FF !important; /* Nuestro Cian Corporativo */ text-decoration: none !important; border-bottom: 1px solid rgba(0, 229, 255, 0.5); /* Línea fina cian semi-transparente */ transition: all 0.3s ease; font-weight: 700; /* Negrita técnica */ } /* 2. Estado Hover (Al pasar el mouse) */ .elementor-843 .elementor-element.elementor-element-451946e a:hover { color: #FFFFFF !important; /* Texto Blanco para máximo contraste */ background-color: #00E5FF; /* Fondo se enciende en Cian */ box-shadow: 0 0 15px rgba(0, 229, 255, 0.6); /* Resplandor radioactivo */ border-bottom: 1px solid transparent; /* La línea desaparece */ padding: 2px 6px; /* Un poco de aire a los lados */ border-radius: 4px; /* Bordes técnicos */ text-shadow: none; /* Limpiamos sombras de texto para que se lea nítido sobre el fondo brillante */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f21579b *//* ========================================= ESTILO FINAL: TARJETA TÁCTICA (HUD) ========================================= */ /* --- CONFIGURACIÓN BASE DE LA TARJETA --- */ .tactical-card { background-color: rgba(10, 15, 30, 0.8); /* Fondo oscuro semitransparente */ border: 1px solid rgba(0, 199, 253, 0.3); /* Borde sutil azul cian */ padding: 30px 20px; transition: all 0.4s ease; position: relative; overflow: hidden; cursor: pointer; /* --- CORRECCIÓN DE ALINEACIÓN (GRAVEDAD CERO) --- */ display: flex !important; flex-direction: column !important; justify-content: flex-start !important; /* Alinea todo arriba */ align-items: stretch !important; gap: 15px; /* Espacio limpio entre elementos */ } /* --- EFECTO DE ESQUINAS TECNOLÓGICAS --- */ .tactical-card::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; /* Gradientes para las esquinas */ background: linear-gradient(to right, #00C7FD 2px, transparent 2px) 0 0, linear-gradient(to bottom, #00C7FD 2px, transparent 2px) 0 0, linear-gradient(to left, #00C7FD 2px, transparent 2px) 100% 0, linear-gradient(to bottom, #00C7FD 2px, transparent 2px) 100% 0, linear-gradient(to right, #00C7FD 2px, transparent 2px) 0 100%, linear-gradient(to top, #00C7FD 2px, transparent 2px) 0 100%, linear-gradient(to left, #00C7FD 2px, transparent 2px) 100% 100%, linear-gradient(to top, #00C7FD 2px, transparent 2px) 100% 100%; background-size: 10px 10px; background-repeat: no-repeat; opacity: 0.5; transition: all 0.4s ease; } /* --- ESTADO HOVER (AL PASAR EL MOUSE) --- */ .tactical-card:hover { background-color: rgba(0, 199, 253, 0.1); /* Iluminación interna */ transform: translateY(-5px); /* Flotar */ box-shadow: 0 10px 30px rgba(0, 199, 253, 0.15); /* Neon glow */ } .tactical-card:hover::before { background-size: 100% 100%; /* Borde se cierra completo */ opacity: 1; border: 1px solid #00C7FD; } /* --- ESTILOS INTERNOS (Iconos y Textos) --- */ .tactical-card .elementor-icon { color: #00C7FD !important; transition: all 0.3s ease; } .tactical-card:hover .elementor-icon { color: #ffffff !important; text-shadow: 0 0 10px #00C7FD; } /* Evita que los textos se estiren */ .tactical-card .elementor-widget-text-editor, .tactical-card .elementor-widget-icon-list, .tactical-card .elementor-widget-heading { flex-grow: 0 !important; margin-bottom: 0 !important; } /* --- BOTÓN INTELIGENTE (Siempre al fondo) --- */ .tactical-card .elementor-widget-button { width: 100% !important; margin-top: auto !important; /* Empuja el botón al final de la tarjeta */ padding-top: 15px; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-636e63e *//* --- ESTILO DE ENLACES CIAN (Reactor Theme) --- */ /* 1. Estado Normal (Reposo) */ .elementor-843 .elementor-element.elementor-element-636e63e a { color: #00E5FF !important; /* Nuestro Cian Corporativo */ text-decoration: none !important; border-bottom: 1px solid rgba(0, 229, 255, 0.5); /* Línea fina cian semi-transparente */ transition: all 0.3s ease; font-weight: 700; /* Negrita técnica */ } /* 2. Estado Hover (Al pasar el mouse) */ .elementor-843 .elementor-element.elementor-element-636e63e a:hover { color: #FFFFFF !important; /* Texto Blanco para máximo contraste */ background-color: #00E5FF; /* Fondo se enciende en Cian */ box-shadow: 0 0 15px rgba(0, 229, 255, 0.6); /* Resplandor radioactivo */ border-bottom: 1px solid transparent; /* La línea desaparece */ padding: 2px 6px; /* Un poco de aire a los lados */ border-radius: 4px; /* Bordes técnicos */ text-shadow: none; /* Limpiamos sombras de texto para que se lea nítido sobre el fondo brillante */ } /* --- MEJORA DE LISTAS (EDITOR DE TEXTO) --- */ /* Espacio entre cada punto de la lista */ .tactical-card .elementor-widget-text-editor ul li, .tactical-card .elementor-widget-text-editor ol li { margin-bottom: 12px !important; /* Separa los items entre sí */ line-height: 1.6 !important; /* Da aire si el texto ocupa dos líneas */ } /* Color y Estilo de los "Puntitos" (Bullets) */ .tactical-card .elementor-widget-text-editor ul li::marker { color: #00C7FD !important; /* Puntos color CYAN Táctico */ font-size: 1.2em; /* Un poco más grandes para que se vean bien */ } /* (Opcional) Si hay enlaces dentro de la lista, que se vean bien */ .tactical-card .elementor-widget-text-editor a { text-decoration: none; transition: color 0.3s ease; } .tactical-card .elementor-widget-text-editor a:hover { color: #ffffff !important; /* Brillan blanco al pasar el mouse */ text-decoration: underline; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-46eb1c0 *//* --- IMAGEN CON AURA CYBERPUNK --- */ .elementor-843 .elementor-element.elementor-element-46eb1c0 img { border-radius: 8px; /* Bordes suaves */ box-shadow: 0 0 40px rgba(0, 184, 255, 0.3); /* EL RESPLANDOR CIAN */ border: 1px solid rgba(0, 184, 255, 0.3); /* Borde sutil brillante */ transition: all 0.5s ease; } /* Efecto al pasar el mouse (se ilumina más) */ .elementor-843 .elementor-element.elementor-element-46eb1c0 img:hover { transform: scale(1.02); /* Crece un poquito */ box-shadow: 0 0 60px rgba(0, 184, 255, 0.5); /* Más brillo */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b189442 *//* Efecto de "Consultor en Línea" */ .human-status-card { position: relative; } /* El punto verde de "Online" */ .human-status-card::after { content: '● ONLINE'; position: absolute; bottom: 20px; right: -10px; /* Ajusta según la foto */ background: rgba(0, 0, 0, 0.8); color: #00ff88; /* Verde brillante */ padding: 5px 15px; border-radius: 20px; border: 1px solid #00ff88; font-size: 12px; font-weight: bold; box-shadow: 0 0 10px rgba(0, 255, 136, 0.4); backdrop-filter: blur(5px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-0e1e76d *//* --- BOTÓN STARK: CLASE GLOBAL CON ESCÁNER ACTIVADO --- */ /* 1. ESTADO BASE */ .stark-btn .elementor-button { background-color: #0F172A !important; border: 2px solid #00e5ff !important; color: #00e5ff !important; font-weight: 700 !important; letter-spacing: 1.5px !important; text-transform: uppercase !important; border-radius: 4px; padding: 20px 45px; position: relative; /* Necesario para el escáner */ overflow: hidden; /* Corta la luz fuera del botón */ z-index: 1; /* Efecto Neón Uniforme */ box-shadow: 0 0 5px #00e5ff, 0 0 15px #00e5ff, 0 0 30px rgba(0, 229, 255, 0.7) !important; transition: all 0.3s ease-in-out !important; } /* 2. EL ESCÁNER (Luz que cruza al Hover) */ .stark-btn .elementor-button::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; /* Barrido de luz Cian/Blanco */ background: linear-gradient(90deg, transparent, rgba(0, 229, 255, 0.6), rgba(255, 255, 255, 0.8), rgba(0, 229, 255, 0.6), transparent); transition: none; z-index: -1; } /* 3. ESTADO HOVER (Sobrecarga de Poder) */ .stark-btn .elementor-button:hover { background-color: #00e5ff !important; color: #0F172A !important; letter-spacing: 2px !important; transform: scale(1.05) !important; /* Explosión Neón */ box-shadow: 0 0 10px #00e5ff, 0 0 30px #00e5ff, 0 0 60px rgba(0, 229, 255, 1) !important; } /* Animación del Escáner al Hover */ .stark-btn .elementor-button:hover::before { left: 100%; transition: all 0.6s ease-in-out; /* Velocidad del barrido */ }/* End custom CSS */