.elementor-18472 .elementor-element.elementor-element-8785bf5{--display:flex;--min-height:600px;--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;--overlay-opacity:0.85;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:06%;--padding-right:0%;}.elementor-18472 .elementor-element.elementor-element-8785bf5::before, .elementor-18472 .elementor-element.elementor-element-8785bf5 > .elementor-background-video-container::before, .elementor-18472 .elementor-element.elementor-element-8785bf5 > .e-con-inner > .elementor-background-video-container::before, .elementor-18472 .elementor-element.elementor-element-8785bf5 > .elementor-background-slideshow::before, .elementor-18472 .elementor-element.elementor-element-8785bf5 > .e-con-inner > .elementor-background-slideshow::before, .elementor-18472 .elementor-element.elementor-element-8785bf5 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(90deg, #136CA1 22%, #F1680D00 82%);}.elementor-18472 .elementor-element.elementor-element-8785bf5 .elementor-background-slideshow__slide__image{background-size:cover;background-position:center center;}.elementor-18472 .elementor-element.elementor-element-8785bf5 > .elementor-shape-bottom svg, .elementor-18472 .elementor-element.elementor-element-8785bf5 > .e-con-inner > .elementor-shape-bottom svg{width:calc(100% + 1.3px);height:110px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-18472 .elementor-element.elementor-element-820e677{width:100%;max-width:100%;text-align:center;}.elementor-18472 .elementor-element.elementor-element-820e677 > .elementor-widget-container{margin:11% 0% 2% 0%;padding:0% 0% 0% 0%;}.elementor-18472 .elementor-element.elementor-element-820e677.elementor-element{--align-self:center;}.elementor-18472 .elementor-element.elementor-element-820e677 .elementor-heading-title{font-family:"Gilroy";font-size:100px;font-weight:700;-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;text-shadow:0px 0px 39px rgba(0,0,0,0.3);color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family );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-18472 .elementor-element.elementor-element-eae54e2{width:var( --container-widget-width, 69% );max-width:69%;--container-widget-width:69%;--container-widget-flex-grow:0;text-align:center;font-family:"Gilroy ligth";font-size:30px;font-weight:700;line-height:32px;letter-spacing:-0.6px;color:#FFFFFF;}.elementor-18472 .elementor-element.elementor-element-eae54e2 > .elementor-widget-container{margin:5% 0% 0% 0%;padding:0px 0px 0px 0px;}.elementor-18472 .elementor-element.elementor-element-eae54e2.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-18472 .elementor-element.elementor-element-c27de1a{--display:flex;--min-height:600px;--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-18472 .elementor-element.elementor-element-a050ef1{--display:flex;}.elementor-18472 .elementor-element.elementor-element-04ae82f > .elementor-widget-container{margin:7px 7px 7px 0px;}.elementor-18472 .elementor-element.elementor-element-04ae82f{font-family:"Gilroy ligth";font-weight:400;}.elementor-18472 .elementor-element.elementor-element-04ae82f p{margin-block-end:0px;}.elementor-18472 .elementor-element.elementor-element-715af63 > .elementor-widget-container{margin:-8px -8px -8px 0px;}.elementor-18472 .elementor-element.elementor-element-715af63 .elementor-heading-title{font-family:"Gilroy";font-weight:600;}.elementor-18472 .elementor-element.elementor-element-0babf4a > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-18472 .elementor-element.elementor-element-2463903{--display:flex;}.elementor-18472 .elementor-element.elementor-element-b3fcf3f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family );font-weight:var( --e-global-typography-text-font-weight );}.elementor-18472 .elementor-element.elementor-element-7fbed0f{--display:flex;}.elementor-18472 .elementor-element.elementor-element-bbb5220 > .elementor-widget-container{margin:7px 7px 7px 0px;}.elementor-18472 .elementor-element.elementor-element-bbb5220{font-family:"Gilroy ligth";font-weight:400;}.elementor-18472 .elementor-element.elementor-element-bbb5220 p{margin-block-end:0px;}.elementor-18472 .elementor-element.elementor-element-f2800da > .elementor-widget-container{margin:-8px -8px -8px 0px;}.elementor-18472 .elementor-element.elementor-element-f2800da .elementor-heading-title{font-family:"Gilroy ligth";font-weight:600;}.elementor-18472 .elementor-element.elementor-element-fd3e78a > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-18472 .elementor-element.elementor-element-4148b5f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:10px 0px;--row-gap:10px;--column-gap:0px;--flex-wrap:wrap;--align-content:center;--overflow:hidden;}.elementor-18472 .elementor-element.elementor-element-c692db4{--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-18472 .elementor-element.elementor-element-7e7cea5{--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-18472 .elementor-element.elementor-element-2c3ced3{--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-18472 .elementor-element.elementor-element-8a9ef2d{--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-18472 .elementor-element.elementor-element-93c2eca{--display:flex;}.elementor-18472 .elementor-element.elementor-element-692b4ea > .elementor-widget-container{margin:7px 7px 7px 0px;}.elementor-18472 .elementor-element.elementor-element-692b4ea{font-family:"Gilroy ligth";font-weight:400;}.elementor-18472 .elementor-element.elementor-element-692b4ea p{margin-block-end:0px;}.elementor-18472 .elementor-element.elementor-element-d2db83f > .elementor-widget-container{margin:-8px -8px -8px 0px;}.elementor-18472 .elementor-element.elementor-element-d2db83f .elementor-heading-title{font-family:"Gilroy ligth";font-weight:600;}.elementor-18472 .elementor-element.elementor-element-e1488f1 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-18472 .elementor-element.elementor-element-2f6edb2{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-18472 .elementor-element.elementor-element-0440342{--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-flip-box .elementor-flip-box__front .elementor-flip-box__layer__title{font-family:var( --e-global-typography-primary-font-family );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-flip-box .elementor-flip-box__front .elementor-flip-box__layer__description{font-family:var( --e-global-typography-text-font-family );font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-flip-box .elementor-flip-box__back .elementor-flip-box__layer__title{font-family:var( --e-global-typography-primary-font-family );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-flip-box .elementor-flip-box__back .elementor-flip-box__layer__description{font-family:var( --e-global-typography-text-font-family );font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-flip-box .elementor-flip-box__button{font-family:var( --e-global-typography-accent-font-family );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-18472 .elementor-element.elementor-element-3f878e8 .elementor-flip-box__front .elementor-flip-box__layer__overlay{text-align:center;}.elementor-18472 .elementor-element.elementor-element-3f878e8 .elementor-icon i{transform:rotate(0deg);}.elementor-18472 .elementor-element.elementor-element-3f878e8 .elementor-icon svg{transform:rotate(0deg);}.elementor-18472 .elementor-element.elementor-element-3f878e8 .elementor-flip-box__back .elementor-flip-box__layer__overlay{text-align:center;}.elementor-18472 .elementor-element.elementor-element-3f878e8 .elementor-flip-box__button{margin-center:0;}.elementor-18472 .elementor-element.elementor-element-3f878e8 .elementor-flip-box__back .elementor-flip-box__layer__description{font-family:"Gilroy ligth";font-weight:400;}.elementor-18472 .elementor-element.elementor-element-b489e23{--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-18472 .elementor-element.elementor-element-533693f .elementor-flip-box__front .elementor-flip-box__layer__overlay{text-align:center;}.elementor-18472 .elementor-element.elementor-element-533693f .elementor-icon i{transform:rotate(0deg);}.elementor-18472 .elementor-element.elementor-element-533693f .elementor-icon svg{transform:rotate(0deg);}.elementor-18472 .elementor-element.elementor-element-533693f .elementor-flip-box__front .elementor-flip-box__layer__title{font-family:"Gilroy ligth";font-weight:600;}.elementor-18472 .elementor-element.elementor-element-533693f .elementor-flip-box__back .elementor-flip-box__layer__overlay{text-align:center;}.elementor-18472 .elementor-element.elementor-element-533693f .elementor-flip-box__button{margin-center:0;}.elementor-18472 .elementor-element.elementor-element-533693f .elementor-flip-box__back .elementor-flip-box__layer__title{font-family:"Gilroy";font-weight:600;}.elementor-18472 .elementor-element.elementor-element-533693f .elementor-flip-box__back .elementor-flip-box__layer__description{font-family:"Gilroy ligth";font-weight:400;}.elementor-18472 .elementor-element.elementor-element-4f6bf1d{--display:flex;}.elementor-18472 .elementor-element.elementor-element-4875e78 > .elementor-widget-container{margin:7px 7px 7px 0px;}.elementor-18472 .elementor-element.elementor-element-4875e78{font-family:"Gilroy ligth";font-weight:400;}.elementor-18472 .elementor-element.elementor-element-4875e78 p{margin-block-end:0px;}.elementor-18472 .elementor-element.elementor-element-c6c7454 > .elementor-widget-container{margin:-8px -8px -8px 0px;}.elementor-18472 .elementor-element.elementor-element-c6c7454 .elementor-heading-title{font-family:"Gilroy ligth";font-weight:600;}.elementor-18472 .elementor-element.elementor-element-93565bc > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-18472 .elementor-element.elementor-element-3b57182{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-18472 .elementor-element.elementor-element-18b1d2d{--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-18472 .elementor-element.elementor-element-2293086 .elementor-flip-box__front .elementor-flip-box__layer__overlay{text-align:center;}.elementor-18472 .elementor-element.elementor-element-2293086 .elementor-flip-box__image{margin-bottom:29px;opacity:1;}.elementor-18472 .elementor-element.elementor-element-2293086 .elementor-flip-box__image img{width:100%;border-radius:95px;}.elementor-18472 .elementor-element.elementor-element-2293086 .elementor-flip-box__back .elementor-flip-box__layer__overlay{text-align:center;}.elementor-18472 .elementor-element.elementor-element-2293086 .elementor-flip-box__button{margin-center:0;}.elementor-18472 .elementor-element.elementor-element-3372255{--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-18472 .elementor-element.elementor-element-3372255.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-18472 .elementor-element.elementor-element-b28ad89 .elementor-flip-box__front .elementor-flip-box__layer__overlay{text-align:center;}.elementor-18472 .elementor-element.elementor-element-b28ad89 .elementor-flip-box__image{margin-bottom:29px;opacity:1;}.elementor-18472 .elementor-element.elementor-element-b28ad89 .elementor-flip-box__image img{width:100%;border-radius:95px;}.elementor-18472 .elementor-element.elementor-element-b28ad89 .elementor-flip-box__back .elementor-flip-box__layer__overlay{text-align:center;}.elementor-18472 .elementor-element.elementor-element-b28ad89 .elementor-flip-box__button{margin-center:0;}.elementor-18472 .elementor-element.elementor-element-a8d04b1{--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-18472 .elementor-element.elementor-element-3e3c836 .elementor-flip-box__front .elementor-flip-box__layer__overlay{text-align:center;}.elementor-18472 .elementor-element.elementor-element-3e3c836 .elementor-flip-box__image{margin-bottom:0px;opacity:1;}.elementor-18472 .elementor-element.elementor-element-3e3c836 .elementor-flip-box__image img{width:100%;}.elementor-18472 .elementor-element.elementor-element-3e3c836 .elementor-flip-box__back .elementor-flip-box__layer__overlay{text-align:center;}.elementor-18472 .elementor-element.elementor-element-3e3c836 .elementor-flip-box__button{margin-center:0;}.elementor-18472 .elementor-element.elementor-element-3fff804{--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-18472 .elementor-element.elementor-element-18b3f2e .elementor-flip-box{height:280px;}.elementor-18472 .elementor-element.elementor-element-18b3f2e .elementor-flip-box__front .elementor-flip-box__layer__overlay{text-align:center;}.elementor-18472 .elementor-element.elementor-element-18b3f2e .elementor-flip-box__image{margin-bottom:15px;opacity:1;}.elementor-18472 .elementor-element.elementor-element-18b3f2e .elementor-flip-box__image img{width:88%;}.elementor-18472 .elementor-element.elementor-element-18b3f2e .elementor-flip-box__back .elementor-flip-box__layer__overlay{text-align:center;}.elementor-18472 .elementor-element.elementor-element-18b3f2e .elementor-flip-box__button{margin-center:0;}.elementor-18472 .elementor-element.elementor-element-9911d4d{--display:flex;}.elementor-18472 .elementor-element.elementor-element-af5c9bb{--display:flex;}@media(max-width:767px){.elementor-18472 .elementor-element.elementor-element-8785bf5::before, .elementor-18472 .elementor-element.elementor-element-8785bf5 > .elementor-background-video-container::before, .elementor-18472 .elementor-element.elementor-element-8785bf5 > .e-con-inner > .elementor-background-video-container::before, .elementor-18472 .elementor-element.elementor-element-8785bf5 > .elementor-background-slideshow::before, .elementor-18472 .elementor-element.elementor-element-8785bf5 > .e-con-inner > .elementor-background-slideshow::before, .elementor-18472 .elementor-element.elementor-element-8785bf5 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;background-image:linear-gradient(113deg, #136CA1 37%, #F1680D00 93%);}.elementor-18472 .elementor-element.elementor-element-8785bf5{--overlay-opacity:0.7;--padding-top:60px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-18472 .elementor-element.elementor-element-8785bf5 > .elementor-shape-bottom svg, .elementor-18472 .elementor-element.elementor-element-8785bf5 > .e-con-inner > .elementor-shape-bottom svg{width:calc(247% + 1.3px);height:105px;}.elementor-18472 .elementor-element.elementor-element-820e677{text-align:center;}.elementor-18472 .elementor-element.elementor-element-820e677 .elementor-heading-title{font-size:35px;}.elementor-18472 .elementor-element.elementor-element-eae54e2{width:100%;max-width:100%;text-align:center;font-size:21px;line-height:1.3em;}.elementor-18472 .elementor-element.elementor-element-715af63 .elementor-heading-title{font-size:20px;}.elementor-18472 .elementor-element.elementor-element-b3fcf3f{--width:70%;}.elementor-18472 .elementor-element.elementor-element-b3fcf3f.e-con{--align-self:center;}.elementor-18472 .elementor-element.elementor-element-f927aa3 img{width:100%;}.elementor-18472 .elementor-element.elementor-element-3f878e8 .elementor-flip-box__back .elementor-flip-box__layer__description{font-size:13px;}.elementor-18472 .elementor-element.elementor-element-533693f .elementor-flip-box__back .elementor-flip-box__layer__title{font-size:20px;line-height:0.9em;}.elementor-18472 .elementor-element.elementor-element-533693f .elementor-flip-box__back .elementor-flip-box__layer__description{font-size:13px;}}@media(min-width:768px){.elementor-18472 .elementor-element.elementor-element-8785bf5{--width:100%;}.elementor-18472 .elementor-element.elementor-element-c692db4{--width:50%;}.elementor-18472 .elementor-element.elementor-element-7e7cea5{--width:50%;}.elementor-18472 .elementor-element.elementor-element-2c3ced3{--width:50%;}.elementor-18472 .elementor-element.elementor-element-8a9ef2d{--width:50%;}.elementor-18472 .elementor-element.elementor-element-0440342{--width:50%;}.elementor-18472 .elementor-element.elementor-element-b489e23{--width:50%;}.elementor-18472 .elementor-element.elementor-element-18b1d2d{--width:25%;}.elementor-18472 .elementor-element.elementor-element-3372255{--width:23.02%;}.elementor-18472 .elementor-element.elementor-element-a8d04b1{--width:25%;}.elementor-18472 .elementor-element.elementor-element-3fff804{--width:25%;}}/* Start custom CSS for heading, class: .elementor-element-715af63 */.elementor-18472 .elementor-element.elementor-element-715af63 .elementor-heading-title { color: #000000 !important; /* Negro para contraste */ font-family: 'Montserrat', sans-serif !important; font-weight: 700 !important; font-size: 42px !important; /* Tamaño impactante */ text-align: left !important; letter-spacing: -1px !important; /* Letras un poco más juntas para estilo moderno */ margin-top: -5px !important; /* Sube un poco para unirse al azul */ line-height: 1.1 !important; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-f927aa3 */.elementor-18472 .elementor-element.elementor-element-f927aa3 img { border-radius: 15px !important; transition: all 0.3s ease-in-out !important; filter: grayscale(20%); /* Un toque minimalista al inicio */ } .elementor-18472 .elementor-element.elementor-element-f927aa3 img:hover { transform: scale(1.05); /* Se agrandan un poquito */ filter: grayscale(0%); /* Recuperan todo el color */ box-shadow: 0 10px 20px rgba(0,0,0,0.1) !important; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-83692a0 */.elementor-18472 .elementor-element.elementor-element-83692a0 img { border-radius: 15px !important; transition: all 0.3s ease-in-out !important; filter: grayscale(20%); /* Un toque minimalista al inicio */ } .elementor-18472 .elementor-element.elementor-element-83692a0 img:hover { transform: scale(1.05); /* Se agrandan un poquito */ filter: grayscale(0%); /* Recuperan todo el color */ box-shadow: 0 10px 20px rgba(0,0,0,0.1) !important; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-fbf958f */.elementor-18472 .elementor-element.elementor-element-fbf958f img { border-radius: 15px !important; transition: all 0.3s ease-in-out !important; filter: grayscale(20%); /* Un toque minimalista al inicio */ } .elementor-18472 .elementor-element.elementor-element-fbf958f img:hover { transform: scale(1.05); /* Se agrandan un poquito */ filter: grayscale(0%); /* Recuperan todo el color */ box-shadow: 0 10px 20px rgba(0,0,0,0.1) !important; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-c0ff259 */.elementor-18472 .elementor-element.elementor-element-c0ff259 img { border-radius: 15px !important; transition: all 0.3s ease-in-out !important; filter: grayscale(20%); /* Un toque minimalista al inicio */ } .elementor-18472 .elementor-element.elementor-element-c0ff259 img:hover { transform: scale(1.05); /* Se agrandan un poquito */ filter: grayscale(0%); /* Recuperan todo el color */ box-shadow: 0 10px 20px rgba(0,0,0,0.1) !important; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-29fd119 */.elementor-18472 .elementor-element.elementor-element-29fd119 img { border-radius: 15px !important; transition: all 0.3s ease-in-out !important; filter: grayscale(20%); /* Un toque minimalista al inicio */ } .elementor-18472 .elementor-element.elementor-element-29fd119 img:hover { transform: scale(1.05); /* Se agrandan un poquito */ filter: grayscale(0%); /* Recuperan todo el color */ box-shadow: 0 10px 20px rgba(0,0,0,0.1) !important; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-58da2e6 */.elementor-18472 .elementor-element.elementor-element-58da2e6 img { border-radius: 15px !important; transition: all 0.3s ease-in-out !important; filter: grayscale(20%); /* Un toque minimalista al inicio */ } .elementor-18472 .elementor-element.elementor-element-58da2e6 img:hover { transform: scale(1.05); /* Se agrandan un poquito */ filter: grayscale(0%); /* Recuperan todo el color */ box-shadow: 0 10px 20px rgba(0,0,0,0.1) !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-f2800da */.elementor-18472 .elementor-element.elementor-element-f2800da .elementor-heading-title { color: #000000 !important; /* Negro para contraste */ font-family: 'Montserrat', sans-serif !important; font-weight: 700 !important; font-size: 42px !important; /* Tamaño impactante */ text-align: left !important; letter-spacing: -1px !important; /* Letras un poco más juntas para estilo moderno */ margin-top: -5px !important; /* Sube un poco para unirse al azul */ line-height: 1.1 !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-f79c6a2 *//* 1. CONFIGURACIÓN BASE DE LA TARJETA TRASERA */ .elementor-18472 .elementor-element.elementor-element-f79c6a2 { border: 1px solid #eee !important; border-radius: 20px !important; background: #ffffff !important; padding: 20px !important; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; perspective: 1000px; } /* 2. ESTILO DEL ENCABEZADO CON TU DEGRADADO METALIZADO */ .elementor-18472 .elementor-element.elementor-element-f79c6a2 .elementor-heading-title { font-family: 'Montserrat', sans-serif !important; font-size: 30px !important; font-weight: 900 !important; display: inline-block !important; /* Tu degradado original de la primera letra */ background: linear-gradient(135deg, #ff9a00, #ff5a00) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; transition: all 0.4s ease !important; margin-bottom: 15px !important; width: 100%; text-align: center; } /* 3. HOVER GENERAL DE LA TARJETA (Elevación y Sombra) */ .elementor-18472 .elementor-element.elementor-element-f79c6a2:hover { transform: translateY(-12px) rotateX(5deg) !important; box-shadow: 0 20px 40px rgba(255, 154, 0, 0.15) !important; border-color: #ff9a00 !important; } /* 4. HOVER EXCLUSIVO DEL TÍTULO (Sobresale con Brillo) */ .elementor-18472 .elementor-element.elementor-element-f79c6a2:hover .elementor-heading-title { transform: translateY(-10px) scale(1.1) !important; filter: drop-shadow(0 0 8px rgba(255, 154, 0, 0.6)) !important; /* Efecto de iluminación neón */ } /* 5. HOVER DEL TEXTO DE DESCRIPCIÓN */ .elementor-18472 .elementor-element.elementor-element-f79c6a2:hover .elementor-widget-text-editor { color: #1a1a1a !important; transition: color 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c692db4 */.elementor-18472 .elementor-element.elementor-element-c692db4 { border: 1px solid #eee !important; border-radius: 20px !important; background: #ffffff !important; padding: 20px !important; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; perspective: 1000px; } .elementor-18472 .elementor-element.elementor-element-c692db4 .elementor-icon-box-title { font-family: 'Montserrat', sans-serif !important; font-size: 30px !important; font-weight: 900 !important; display: inline-block; background: linear-gradient(135deg, #ff9a00, #ff5a00); -webkit-background-clip: text; -webkit-text-fill-color: transparent; transition: all 0.4s ease !important; margin-bottom: 15px !important; } .elementor-18472 .elementor-element.elementor-element-c692db4:hover { transform: translateY(-12px) rotateX(5deg) !important; box-shadow: 0 20px 40px rgba(255, 154, 0, 0.15) !important; border-color: #ff9a00 !important; } .elementor-18472 .elementor-element.elementor-element-c692db4:hover .elementor-icon-box-title { transform: translateY(-10px) scale(1.1); filter: drop-shadow(0 0 8px rgba(255, 154, 0, 0.6)); } .elementor-18472 .elementor-element.elementor-element-c692db4:hover .elementor-icon-box-description { color: #1a1a1a !important; transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-ae34fce *//* 1. CONFIGURACIÓN BASE DE LA TARJETA TRASERA */ .elementor-18472 .elementor-element.elementor-element-ae34fce { border: 1px solid #eee !important; border-radius: 20px !important; background: #ffffff !important; padding: 20px !important; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; perspective: 1000px; } /* 2. ESTILO DEL ENCABEZADO CON TU DEGRADADO AZUL */ .elementor-18472 .elementor-element.elementor-element-ae34fce .elementor-heading-title { font-family: 'Montserrat', sans-serif !important; font-size: 30px !important; font-weight: 900 !important; display: inline-block !important; /* Degradado de azul claro a azul profundo */ background: linear-gradient(135deg, #00d2ff, #0056b3) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; transition: all 0.4s ease !important; margin-bottom: 15px !important; width: 100%; text-align: center; } /* 3. HOVER GENERAL DE LA TARJETA (Elevación y Sombra Azul) */ .elementor-18472 .elementor-element.elementor-element-ae34fce:hover { transform: translateY(-12px) rotateX(5deg) !important; box-shadow: 0 20px 40px rgba(0, 86, 179, 0.15) !important; border-color: #0056b3 !important; } /* 4. HOVER EXCLUSIVO DEL TÍTULO (Sobresale con Brillo Azul Neon) */ .elementor-18472 .elementor-element.elementor-element-ae34fce:hover .elementor-heading-title { transform: translateY(-10px) scale(1.1) !important; filter: drop-shadow(0 0 8px rgba(0, 210, 255, 0.6)) !important; } /* 5. HOVER DEL TEXTO DE DESCRIPCIÓN */ .elementor-18472 .elementor-element.elementor-element-ae34fce:hover .elementor-widget-text-editor { color: #1a1a1a !important; transition: color 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7e7cea5 */.elementor-18472 .elementor-element.elementor-element-7e7cea5 { border: 1px solid #eee !important; border-radius: 20px !important; background: #ffffff !important; padding: 20px !important; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; perspective: 1000px; } .elementor-18472 .elementor-element.elementor-element-7e7cea5 .elementor-icon-box-title { font-family: 'Montserrat', sans-serif !important; font-size: 30px !important; font-weight: 900 !important; display: inline-block; background: linear-gradient(135deg, #ff9a00, #ff5a00); -webkit-background-clip: text; -webkit-text-fill-color: transparent; transition: all 0.4s ease !important; margin-bottom: 15px !important; } .elementor-18472 .elementor-element.elementor-element-7e7cea5:hover { transform: translateY(-12px) rotateX(5deg) !important; box-shadow: 0 20px 40px rgba(255, 154, 0, 0.15) !important; border-color: #ff9a00 !important; } .elementor-18472 .elementor-element.elementor-element-7e7cea5:hover .elementor-icon-box-title { transform: translateY(-10px) scale(1.1); filter: drop-shadow(0 0 8px rgba(255, 154, 0, 0.6)); } .elementor-18472 .elementor-element.elementor-element-7e7cea5:hover .elementor-icon-box-description { color: #1a1a1a !important; transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-4257ceb *//* 1. CONFIGURACIÓN BASE DE LA TARJETA TRASERA */ .elementor-18472 .elementor-element.elementor-element-4257ceb { border: 1px solid #eee !important; border-radius: 20px !important; background: #ffffff !important; padding: 20px !important; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; perspective: 1000px; } /* 2. ESTILO DEL ENCABEZADO CON TU DEGRADADO AZUL */ .elementor-18472 .elementor-element.elementor-element-4257ceb .elementor-heading-title { font-family: 'Montserrat', sans-serif !important; font-size: 30px !important; font-weight: 900 !important; display: inline-block !important; /* Degradado de azul claro a azul profundo */ background: linear-gradient(135deg, #00d2ff, #0056b3) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; transition: all 0.4s ease !important; margin-bottom: 15px !important; width: 100%; text-align: center; } /* 3. HOVER GENERAL DE LA TARJETA (Elevación y Sombra Azul) */ .elementor-18472 .elementor-element.elementor-element-4257ceb:hover { transform: translateY(-12px) rotateX(5deg) !important; box-shadow: 0 20px 40px rgba(0, 86, 179, 0.15) !important; border-color: #0056b3 !important; } /* 4. HOVER EXCLUSIVO DEL TÍTULO (Sobresale con Brillo Azul Neon) */ .elementor-18472 .elementor-element.elementor-element-4257ceb:hover .elementor-heading-title { transform: translateY(-10px) scale(1.1) !important; filter: drop-shadow(0 0 8px rgba(0, 210, 255, 0.6)) !important; } /* 5. HOVER DEL TEXTO DE DESCRIPCIÓN */ .elementor-18472 .elementor-element.elementor-element-4257ceb:hover .elementor-widget-text-editor { color: #1a1a1a !important; transition: color 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2c3ced3 */.elementor-18472 .elementor-element.elementor-element-2c3ced3 { border: 1px solid #eee !important; border-radius: 20px !important; background: #ffffff !important; padding: 20px !important; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; perspective: 1000px; } .elementor-18472 .elementor-element.elementor-element-2c3ced3 .elementor-icon-box-title { font-family: 'Montserrat', sans-serif !important; font-size: 30px !important; font-weight: 900 !important; display: inline-block; background: linear-gradient(135deg, #ff9a00, #ff5a00); -webkit-background-clip: text; -webkit-text-fill-color: transparent; transition: all 0.4s ease !important; margin-bottom: 15px !important; } .elementor-18472 .elementor-element.elementor-element-2c3ced3:hover { transform: translateY(-12px) rotateX(5deg) !important; box-shadow: 0 20px 40px rgba(255, 154, 0, 0.15) !important; border-color: #ff9a00 !important; } .elementor-18472 .elementor-element.elementor-element-2c3ced3:hover .elementor-icon-box-title { transform: translateY(-10px) scale(1.1); filter: drop-shadow(0 0 8px rgba(255, 154, 0, 0.6)); } .elementor-18472 .elementor-element.elementor-element-2c3ced3:hover .elementor-icon-box-description { color: #1a1a1a !important; transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-aa0ffc7 *//* 1. CONFIGURACIÓN BASE DE LA TARJETA TRASERA */ .elementor-18472 .elementor-element.elementor-element-aa0ffc7 { border: 1px solid #eee !important; border-radius: 20px !important; background: #ffffff !important; padding: 20px !important; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; perspective: 1000px; } /* 2. ESTILO DEL ENCABEZADO CON TU DEGRADADO METALIZADO */ .elementor-18472 .elementor-element.elementor-element-aa0ffc7 .elementor-heading-title { font-family: 'Montserrat', sans-serif !important; font-size: 30px !important; font-weight: 900 !important; display: inline-block !important; /* Tu degradado original de la primera letra */ background: linear-gradient(135deg, #ff9a00, #ff5a00) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; transition: all 0.4s ease !important; margin-bottom: 15px !important; width: 100%; text-align: center; } /* 3. HOVER GENERAL DE LA TARJETA (Elevación y Sombra) */ .elementor-18472 .elementor-element.elementor-element-aa0ffc7:hover { transform: translateY(-12px) rotateX(5deg) !important; box-shadow: 0 20px 40px rgba(255, 154, 0, 0.15) !important; border-color: #ff9a00 !important; } /* 4. HOVER EXCLUSIVO DEL TÍTULO (Sobresale con Brillo) */ .elementor-18472 .elementor-element.elementor-element-aa0ffc7:hover .elementor-heading-title { transform: translateY(-10px) scale(1.1) !important; filter: drop-shadow(0 0 8px rgba(255, 154, 0, 0.6)) !important; /* Efecto de iluminación neón */ } /* 5. HOVER DEL TEXTO DE DESCRIPCIÓN */ .elementor-18472 .elementor-element.elementor-element-aa0ffc7:hover .elementor-widget-text-editor { color: #1a1a1a !important; transition: color 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8a9ef2d */.elementor-18472 .elementor-element.elementor-element-8a9ef2d { border: 1px solid #eee !important; border-radius: 20px !important; background: #ffffff !important; padding: 20px !important; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; perspective: 1000px; } .elementor-18472 .elementor-element.elementor-element-8a9ef2d .elementor-icon-box-title { font-family: 'Montserrat', sans-serif !important; font-size: 30px !important; font-weight: 900 !important; display: inline-block; background: linear-gradient(135deg, #ff9a00, #ff5a00); -webkit-background-clip: text; -webkit-text-fill-color: transparent; transition: all 0.4s ease !important; margin-bottom: 15px !important; } .elementor-18472 .elementor-element.elementor-element-8a9ef2d:hover { transform: translateY(-12px) rotateX(5deg) !important; box-shadow: 0 20px 40px rgba(255, 154, 0, 0.15) !important; border-color: #ff9a00 !important; } .elementor-18472 .elementor-element.elementor-element-8a9ef2d:hover .elementor-icon-box-title { transform: translateY(-10px) scale(1.1); filter: drop-shadow(0 0 8px rgba(255, 154, 0, 0.6)); } .elementor-18472 .elementor-element.elementor-element-8a9ef2d:hover .elementor-icon-box-description { color: #1a1a1a !important; transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-d2db83f */.elementor-18472 .elementor-element.elementor-element-d2db83f .elementor-heading-title { color: #000000 !important; /* Negro para contraste */ font-family: 'Montserrat', sans-serif !important; font-weight: 700 !important; font-size: 42px !important; /* Tamaño impactante */ text-align: left !important; letter-spacing: -1px !important; /* Letras un poco más juntas para estilo moderno */ margin-top: -5px !important; /* Sube un poco para unirse al azul */ line-height: 1.1 !important; }/* End custom CSS */ /* Start custom CSS for flip-box, class: .elementor-element-3f878e8 *//* Cara Frontal - Azul #136CA1 */ .elementor-18472 .elementor-element.elementor-element-3f878e8 .elementor-flip-box__front { background-color: #136CA1 !important; border-radius: 20px !important; border: 2px solid rgba(255, 255, 255, 0.15) !important; box-shadow: inset 0 0 18px rgba(255, 255, 255, 0.08) !important; } /* Cara Trasera */ .elementor-18472 .elementor-element.elementor-element-3f878e8 .elementor-flip-box__back { background-color: #136CA1 !important; border-radius: 20px !important; border: 2px solid rgba(255, 255, 255, 0.15) !important; box-shadow: inset 0 0 18px rgba(255, 255, 255, 0.08) !important; } /* Título */ .elementor-18472 .elementor-element.elementor-element-3f878e8 .elementor-flip-box__layer__title { font-family: 'Montserrat', sans-serif !important; font-weight: 900 !important; font-size: 32px !important; letter-spacing: 1px; color: #ffffff !important; /* Ahora blanco */ transition: all 0.3s ease-in-out !important; text-shadow: 1px 1px 3px rgba(0,0,0,0.2); } /* Descripción */ .elementor-18472 .elementor-element.elementor-element-3f878e8 .elementor-flip-box__layer__description { color: #ffffff !important; } /* Animación general */ .elementor-18472 .elementor-element.elementor-element-3f878e8 { transition: all 0.3s ease !important; } /* Elevación al hover */ .elementor-18472 .elementor-element.elementor-element-3f878e8:hover { transform: translateY(-10px) !important; } /* Efecto del título al hover */ .elementor-18472 .elementor-element.elementor-element-3f878e8:hover .elementor-flip-box__layer__title { transform: scale(1.1); letter-spacing: 3px; color: #ffffff !important; } /* Contenedor principal */ .elementor-18472 .elementor-element.elementor-element-3f878e8 { position: relative; overflow: hidden; border-radius: 20px; transition: all 0.3s ease !important; } /* Borde animado */ .elementor-18472 .elementor-element.elementor-element-3f878e8::before { content: ""; position: absolute; inset: -2px; border-radius: 22px; padding: 2px; background: linear-gradient( 90deg, #ffffff, #5bb8f0, #ffffff, #136CA1, #ffffff ); background-size: 300% 300%; animation: borderMove 4s linear infinite; /* Hace que solo se vea el borde */ -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; } /* Animación */ @keyframes borderMove { 0% { background-position: 0% 50%; } 100% { background-position: 300% 50%; } } /* Hover */ .elementor-18472 .elementor-element.elementor-element-3f878e8:hover { transform: translateY(-10px) scale(1.02) !important; }/* End custom CSS */ /* Start custom CSS for flip-box, class: .elementor-element-533693f *//* Cara Frontal - Azul #136CA1 */ .elementor-18472 .elementor-element.elementor-element-533693f .elementor-flip-box__front { background-color: #136CA1 !important; border-radius: 20px !important; border: 2px solid rgba(255, 255, 255, 0.15) !important; box-shadow: inset 0 0 18px rgba(255, 255, 255, 0.08) !important; } /* Cara Trasera */ .elementor-18472 .elementor-element.elementor-element-533693f .elementor-flip-box__back { background-color: #136CA1 !important; border-radius: 20px !important; border: 2px solid rgba(255, 255, 255, 0.15) !important; box-shadow: inset 0 0 18px rgba(255, 255, 255, 0.08) !important; } /* Título */ .elementor-18472 .elementor-element.elementor-element-533693f .elementor-flip-box__layer__title { font-family: 'Montserrat', sans-serif !important; font-weight: 900 !important; font-size: 32px !important; letter-spacing: 1px; color: #ffffff !important; /* Ahora blanco */ transition: all 0.3s ease-in-out !important; text-shadow: 1px 1px 3px rgba(0,0,0,0.2); } /* Descripción */ .elementor-18472 .elementor-element.elementor-element-533693f .elementor-flip-box__layer__description { color: #ffffff !important; } /* Animación general */ .elementor-18472 .elementor-element.elementor-element-533693f { transition: all 0.3s ease !important; } /* Elevación al hover */ .elementor-18472 .elementor-element.elementor-element-533693f:hover { transform: translateY(-10px) !important; } /* Efecto del título al hover */ .elementor-18472 .elementor-element.elementor-element-533693f:hover .elementor-flip-box__layer__title { transform: scale(1.1); letter-spacing: 3px; color: #ffffff !important; } /* Contenedor principal */ .elementor-18472 .elementor-element.elementor-element-533693f { position: relative; overflow: hidden; border-radius: 20px; transition: all 0.3s ease !important; } /* Borde animado */ .elementor-18472 .elementor-element.elementor-element-533693f::before { content: ""; position: absolute; inset: -2px; border-radius: 22px; padding: 2px; background: linear-gradient( 90deg, #ffffff, #5bb8f0, #ffffff, #136CA1, #ffffff ); background-size: 300% 300%; animation: borderMove 4s linear infinite; /* Hace que solo se vea el borde */ -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; } /* Animación */ @keyframes borderMove { 0% { background-position: 0% 50%; } 100% { background-position: 300% 50%; } } /* Hover */ .elementor-18472 .elementor-element.elementor-element-533693f:hover { transform: translateY(-10px) scale(1.02) !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-c6c7454 */.elementor-18472 .elementor-element.elementor-element-c6c7454 .elementor-heading-title { color: #000000 !important; /* Negro para contraste */ font-family: 'Montserrat', sans-serif !important; font-weight: 700 !important; font-size: 42px !important; /* Tamaño impactante */ text-align: left !important; letter-spacing: -1px !important; /* Letras un poco más juntas para estilo moderno */ margin-top: -5px !important; /* Sube un poco para unirse al azul */ line-height: 1.1 !important; }/* End custom CSS */ /* Start custom CSS for flip-box, class: .elementor-element-2293086 *//* 1. Fondo blanco para la tarjeta con borde azul y sombreado inicial (Animación ralentizada) */ .elementor-18472 .elementor-element.elementor-element-2293086 { background-color: #ffffff !important; background-image: none !important; border-radius: 20px !important; padding: 30px 20px !important; border: 2px solid #0056b3 !important; /* Tu azul exacto */ box-shadow: 0 10px 25px rgba(0, 86, 179, 0.1) !important; /* CONTROL DE VELOCIDAD GLOBAL (Elevación de la tarjeta) */ transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1) !important; perspective: 1000px; } /* 2. FORZAR VELOCIDAD DE GIRO LENTO EN LAS CAPAS INTERNAS DE ELEMENTOR */ .elementor-18472 .elementor-element.elementor-element-2293086 .elementor-flip-box__front, .elementor-18472 .elementor-element.elementor-element-2293086 .elementor-flip-box__back, .elementor-18472 .elementor-element.elementor-element-2293086 .elementor-flip-box__layer { background: transparent !important; background-image: none !important; /* Velocidad del volteo 3D modificada a 1.6s para máxima suavidad */ transition: transform 1.6s cubic-bezier(0.2, 0.8, 0.2, 1) !important; } /* 3. El recuadro del icono (Fondo azul para contrastar) */ .elementor-18472 .elementor-element.elementor-element-2293086 .elementor-icon-box-icon img, .elementor-18472 .elementor-element.elementor-element-2293086 .elementor-flip-box__icon img { background: #0056b3 !important; padding: 12px !important; border-radius: 15px !important; box-shadow: 0 5px 15px rgba(0, 86, 179, 0.2) !important; width: 60px !important; } /* 4. Estilo del Título y Descripción */ .elementor-18472 .elementor-element.elementor-element-2293086 .elementor-icon-box-title, .elementor-18472 .elementor-element.elementor-element-2293086 .elementor-flip-box__layer__title { color: #1a1a1a !important; font-family: 'Montserrat', sans-serif !important; font-weight: 700 !important; margin-top: 15px !important; transition: color 0.5s ease-in-out !important; } .elementor-18472 .elementor-element.elementor-element-2293086 .elementor-flip-box__layer__description { color: #555555 !important; } /* --- EFECTO HOVER (Al pasar el mouse) --- */ .elementor-18472 .elementor-element.elementor-element-2293086:hover { transform: translateY(-10px) !important; /* Se eleva con sutileza */ background-color: #ffffff !important; border-color: #004494 !important; box-shadow: 0 20px 40px rgba(0, 86, 179, 0.25) !important; } /* El título se ilumina en azul suavemente al voltearse */ .elementor-18472 .elementor-element.elementor-element-2293086:hover .elementor-icon-box-title, .elementor-18472 .elementor-element.elementor-element-2293086:hover .elementor-flip-box__layer__title { color: #0056b3 !important; } /* Animación del icono en hover */ .elementor-18472 .elementor-element.elementor-element-2293086:hover .elementor-icon-box-icon img, .elementor-18472 .elementor-element.elementor-element-2293086:hover .elementor-flip-box__icon img { transform: scale(1.1) !important; transition: 0.4s ease-in-out !important; }/* End custom CSS */ /* Start custom CSS for flip-box, class: .elementor-element-b28ad89 *//* 1. Fondo blanco para la tarjeta con borde azul y sombreado inicial (Animación ralentizada) */ .elementor-18472 .elementor-element.elementor-element-b28ad89 { background-color: #ffffff !important; background-image: none !important; border-radius: 20px !important; padding: 30px 20px !important; border: 2px solid #0056b3 !important; /* Tu azul exacto */ box-shadow: 0 10px 25px rgba(0, 86, 179, 0.1) !important; /* CONTROL DE VELOCIDAD GLOBAL (Elevación de la tarjeta) */ transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1) !important; perspective: 1000px; } /* 2. FORZAR VELOCIDAD DE GIRO LENTO EN LAS CAPAS INTERNAS DE ELEMENTOR */ .elementor-18472 .elementor-element.elementor-element-b28ad89 .elementor-flip-box__front, .elementor-18472 .elementor-element.elementor-element-b28ad89 .elementor-flip-box__back, .elementor-18472 .elementor-element.elementor-element-b28ad89 .elementor-flip-box__layer { background: transparent !important; background-image: none !important; /* Velocidad del volteo 3D modificada a 1.6s para máxima suavidad */ transition: transform 1.6s cubic-bezier(0.2, 0.8, 0.2, 1) !important; } /* 3. El recuadro del icono (Fondo azul para contrastar) */ .elementor-18472 .elementor-element.elementor-element-b28ad89 .elementor-icon-box-icon img, .elementor-18472 .elementor-element.elementor-element-b28ad89 .elementor-flip-box__icon img { background: #0056b3 !important; padding: 12px !important; border-radius: 15px !important; box-shadow: 0 5px 15px rgba(0, 86, 179, 0.2) !important; width: 60px !important; } /* 4. Estilo del Título y Descripción */ .elementor-18472 .elementor-element.elementor-element-b28ad89 .elementor-icon-box-title, .elementor-18472 .elementor-element.elementor-element-b28ad89 .elementor-flip-box__layer__title { color: #1a1a1a !important; font-family: 'Montserrat', sans-serif !important; font-weight: 700 !important; margin-top: 15px !important; transition: color 0.5s ease-in-out !important; } .elementor-18472 .elementor-element.elementor-element-b28ad89 .elementor-flip-box__layer__description { color: #555555 !important; } /* --- EFECTO HOVER (Al pasar el mouse) --- */ .elementor-18472 .elementor-element.elementor-element-b28ad89:hover { transform: translateY(-10px) !important; /* Se eleva con sutileza */ background-color: #ffffff !important; border-color: #004494 !important; box-shadow: 0 20px 40px rgba(0, 86, 179, 0.25) !important; } /* El título se ilumina en azul suavemente al voltearse */ .elementor-18472 .elementor-element.elementor-element-b28ad89:hover .elementor-icon-box-title, .elementor-18472 .elementor-element.elementor-element-b28ad89:hover .elementor-flip-box__layer__title { color: #0056b3 !important; } /* Animación del icono en hover */ .elementor-18472 .elementor-element.elementor-element-b28ad89:hover .elementor-icon-box-icon img, .elementor-18472 .elementor-element.elementor-element-b28ad89:hover .elementor-flip-box__icon img { transform: scale(1.1) !important; transition: 0.4s ease-in-out !important; }/* End custom CSS */ /* Start custom CSS for flip-box, class: .elementor-element-3e3c836 *//* 1. Fondo blanco para la tarjeta con borde azul y sombreado inicial (Animación ralentizada) */ .elementor-18472 .elementor-element.elementor-element-3e3c836 { background-color: #ffffff !important; background-image: none !important; border-radius: 20px !important; padding: 30px 20px !important; border: 2px solid #0056b3 !important; /* Tu azul exacto */ box-shadow: 0 10px 25px rgba(0, 86, 179, 0.1) !important; /* CONTROL DE VELOCIDAD GLOBAL (Elevación de la tarjeta) */ transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1) !important; perspective: 1000px; } /* 2. FORZAR VELOCIDAD DE GIRO LENTO EN LAS CAPAS INTERNAS DE ELEMENTOR */ .elementor-18472 .elementor-element.elementor-element-3e3c836 .elementor-flip-box__front, .elementor-18472 .elementor-element.elementor-element-3e3c836 .elementor-flip-box__back, .elementor-18472 .elementor-element.elementor-element-3e3c836 .elementor-flip-box__layer { background: transparent !important; background-image: none !important; /* Velocidad del volteo 3D modificada a 1.6s para máxima suavidad */ transition: transform 1.6s cubic-bezier(0.2, 0.8, 0.2, 1) !important; } /* 3. El recuadro del icono (Fondo azul para contrastar) */ .elementor-18472 .elementor-element.elementor-element-3e3c836 .elementor-icon-box-icon img, .elementor-18472 .elementor-element.elementor-element-3e3c836 .elementor-flip-box__icon img { background: #0056b3 !important; padding: 12px !important; border-radius: 15px !important; box-shadow: 0 5px 15px rgba(0, 86, 179, 0.2) !important; width: 60px !important; } /* 4. Estilo del Título y Descripción */ .elementor-18472 .elementor-element.elementor-element-3e3c836 .elementor-icon-box-title, .elementor-18472 .elementor-element.elementor-element-3e3c836 .elementor-flip-box__layer__title { color: #1a1a1a !important; font-family: 'Montserrat', sans-serif !important; font-weight: 700 !important; margin-top: 15px !important; transition: color 0.5s ease-in-out !important; } .elementor-18472 .elementor-element.elementor-element-3e3c836 .elementor-flip-box__layer__description { color: #555555 !important; } /* --- EFECTO HOVER (Al pasar el mouse) --- */ .elementor-18472 .elementor-element.elementor-element-3e3c836:hover { transform: translateY(-10px) !important; /* Se eleva con sutileza */ background-color: #ffffff !important; border-color: #004494 !important; box-shadow: 0 20px 40px rgba(0, 86, 179, 0.25) !important; } /* El título se ilumina en azul suavemente al voltearse */ .elementor-18472 .elementor-element.elementor-element-3e3c836:hover .elementor-icon-box-title, .elementor-18472 .elementor-element.elementor-element-3e3c836:hover .elementor-flip-box__layer__title { color: #0056b3 !important; } /* Animación del icono en hover */ .elementor-18472 .elementor-element.elementor-element-3e3c836:hover .elementor-icon-box-icon img, .elementor-18472 .elementor-element.elementor-element-3e3c836:hover .elementor-flip-box__icon img { transform: scale(1.1) !important; transition: 0.4s ease-in-out !important; }/* End custom CSS */ /* Start custom CSS for flip-box, class: .elementor-element-18b3f2e *//* 1. Fondo blanco para la tarjeta con borde azul y sombreado inicial (Animación ralentizada) */ .elementor-18472 .elementor-element.elementor-element-18b3f2e { background-color: #ffffff !important; background-image: none !important; border-radius: 20px !important; padding: 30px 20px !important; border: 2px solid #0056b3 !important; /* Tu azul exacto */ box-shadow: 0 10px 25px rgba(0, 86, 179, 0.1) !important; /* CONTROL DE VELOCIDAD GLOBAL (Elevación de la tarjeta) */ transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1) !important; perspective: 1000px; } /* 2. FORZAR VELOCIDAD DE GIRO LENTO EN LAS CAPAS INTERNAS DE ELEMENTOR */ .elementor-18472 .elementor-element.elementor-element-18b3f2e .elementor-flip-box__front, .elementor-18472 .elementor-element.elementor-element-18b3f2e .elementor-flip-box__back, .elementor-18472 .elementor-element.elementor-element-18b3f2e .elementor-flip-box__layer { background: transparent !important; background-image: none !important; /* Velocidad del volteo 3D modificada a 1.6s para máxima suavidad */ transition: transform 1.6s cubic-bezier(0.2, 0.8, 0.2, 1) !important; } /* 3. El recuadro del icono (Fondo azul para contrastar) */ .elementor-18472 .elementor-element.elementor-element-18b3f2e .elementor-icon-box-icon img, .elementor-18472 .elementor-element.elementor-element-18b3f2e .elementor-flip-box__icon img { background: #0056b3 !important; padding: 12px !important; border-radius: 15px !important; box-shadow: 0 5px 15px rgba(0, 86, 179, 0.2) !important; width: 60px !important; } /* 4. Estilo del Título y Descripción */ .elementor-18472 .elementor-element.elementor-element-18b3f2e .elementor-icon-box-title, .elementor-18472 .elementor-element.elementor-element-18b3f2e .elementor-flip-box__layer__title { color: #1a1a1a !important; font-family: 'Montserrat', sans-serif !important; font-weight: 700 !important; margin-top: 15px !important; transition: color 0.5s ease-in-out !important; } .elementor-18472 .elementor-element.elementor-element-18b3f2e .elementor-flip-box__layer__description { color: #555555 !important; } /* --- EFECTO HOVER (Al pasar el mouse) --- */ .elementor-18472 .elementor-element.elementor-element-18b3f2e:hover { transform: translateY(-10px) !important; /* Se eleva con sutileza */ background-color: #ffffff !important; border-color: #004494 !important; box-shadow: 0 20px 40px rgba(0, 86, 179, 0.25) !important; } /* El título se ilumina en azul suavemente al voltearse */ .elementor-18472 .elementor-element.elementor-element-18b3f2e:hover .elementor-icon-box-title, .elementor-18472 .elementor-element.elementor-element-18b3f2e:hover .elementor-flip-box__layer__title { color: #0056b3 !important; } /* Animación del icono en hover */ .elementor-18472 .elementor-element.elementor-element-18b3f2e:hover .elementor-icon-box-icon img, .elementor-18472 .elementor-element.elementor-element-18b3f2e:hover .elementor-flip-box__icon img { transform: scale(1.1) !important; transition: 0.4s ease-in-out !important; }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Gilroy'; font-style: normal; font-weight: normal; font-display: auto; src: url('https://tocaunavida.org/wp-content/uploads/2025/05/Gilroy-Regular.ttf') format('truetype'); } @font-face { font-family: 'Gilroy'; font-style: normal; font-weight: 600; font-display: auto; src: url('https://tocaunavida.org/wp-content/uploads/2025/05/Gilroy-SemiBold.ttf') format('truetype'); } @font-face { font-family: 'Gilroy'; font-style: normal; font-weight: 500; font-display: auto; src: url('https://tocaunavida.org/wp-content/uploads/2025/05/Gilroy-Medium.ttf') format('truetype'); } @font-face { font-family: 'Gilroy'; font-style: normal; font-weight: 800; font-display: auto; src: url('https://tocaunavida.org/wp-content/uploads/2025/05/Gilroy-ExtraBold.ttf') format('truetype'); } /* End Custom Fonts CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Gilroy ligth'; font-style: normal; font-weight: normal; font-display: auto; src: url('https://tocaunavida.org/wp-content/uploads/2023/01/FontsFree-Net-Gilroy-Light.ttf') format('truetype'); } /* End Custom Fonts CSS */