.elementor-648 .elementor-element.elementor-element-d55f138{--display:flex;--min-height:70vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:70px;--padding-right:70px;}.elementor-648 .elementor-element.elementor-element-d55f138:not(.elementor-motion-effects-element-type-background), .elementor-648 .elementor-element.elementor-element-d55f138 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://vcsa.cl/wp-content/uploads/2026/06/Mask-group-17-scaled.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-648 .elementor-element.elementor-element-8eb2f7a{--display:flex;}.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-648 .elementor-element.elementor-element-02183f9{width:var( --container-widget-width, 580px );max-width:580px;--container-widget-width:580px;--container-widget-flex-grow:0;}.elementor-648 .elementor-element.elementor-element-02183f9 .elementor-heading-title{font-family:"Makira", Sans-serif;font-size:50px;font-weight:700;text-transform:uppercase;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-648 .elementor-element.elementor-element-eda2bd1{width:var( --container-widget-width, 450px );max-width:450px;--container-widget-width:450px;--container-widget-flex-grow:0;font-family:"SF Pro Display", Sans-serif;font-size:17px;font-weight:300;line-height:25px;color:#FFFFFF;}.elementor-648 .elementor-element.elementor-element-a9568e9{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-648 .elementor-element.elementor-element-bdbd180 .elementor-button{background-color:#D15800;font-family:"SF Pro Display", Sans-serif;font-size:16px;font-weight:400;border-radius:5px 5px 5px 5px;padding:8px 15px 8px 20px;}.elementor-648 .elementor-element.elementor-element-bdbd180 .elementor-button:hover, .elementor-648 .elementor-element.elementor-element-bdbd180 .elementor-button:focus{background-color:#A7561C;}.elementor-648 .elementor-element.elementor-element-bdbd180 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-648 .elementor-element.elementor-element-bdbd180 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-648 .elementor-element.elementor-element-980118c .elementor-button{background-color:#FFFFFF00;font-family:"SF Pro Display", Sans-serif;font-size:16px;font-weight:400;border-style:solid;border-width:2px 2px 2px 2px;border-color:#FFFFFF1A;border-radius:5px 5px 5px 5px;padding:11px 15px 11px 15px;}.elementor-648 .elementor-element.elementor-element-980118c .elementor-button:hover, .elementor-648 .elementor-element.elementor-element-980118c .elementor-button:focus{background-color:#FFFFFF;color:#1A1A1A;}.elementor-648 .elementor-element.elementor-element-980118c .elementor-button:hover svg, .elementor-648 .elementor-element.elementor-element-980118c .elementor-button:focus svg{fill:#1A1A1A;}.elementor-648 .elementor-element.elementor-element-ee46f34{--display:flex;--min-height:75vh;--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:70px;--padding-right:70px;}.elementor-648 .elementor-element.elementor-element-ee46f34:not(.elementor-motion-effects-element-type-background), .elementor-648 .elementor-element.elementor-element-ee46f34 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://vcsa.cl/wp-content/uploads/2026/06/Mask-group-60-scaled.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-648 .elementor-element.elementor-element-bf937d8{--display:flex;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-648 .elementor-element.elementor-element-04ebf7a{width:var( --container-widget-width, 500px );max-width:500px;background-color:#D158001F;padding:3px 0px 3px 10px;--container-widget-width:500px;--container-widget-flex-grow:0;border-style:solid;border-width:1px 1px 1px 1px;border-color:#D158004D;border-radius:5px 5px 5px 5px;--e-icon-list-icon-size:10px;--icon-vertical-offset:0px;}.elementor-648 .elementor-element.elementor-element-04ebf7a .elementor-icon-list-icon i{color:#D15800;transition:color 0.3s;}.elementor-648 .elementor-element.elementor-element-04ebf7a .elementor-icon-list-icon svg{fill:#D15800;transition:fill 0.3s;}.elementor-648 .elementor-element.elementor-element-04ebf7a .elementor-icon-list-item > .elementor-icon-list-text, .elementor-648 .elementor-element.elementor-element-04ebf7a .elementor-icon-list-item > a{font-family:"SF Pro Display", Sans-serif;font-size:14px;font-weight:400;text-transform:uppercase;}.elementor-648 .elementor-element.elementor-element-04ebf7a .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-648 .elementor-element.elementor-element-e5a4e6b .elementor-heading-title{font-family:"Makira", Sans-serif;font-size:45px;font-weight:700;text-transform:uppercase;color:#FFFFFF;}.elementor-648 .elementor-element.elementor-element-b15fe7d{width:var( --container-widget-width, 550px );max-width:550px;--container-widget-width:550px;--container-widget-flex-grow:0;font-family:"SF Pro Display", Sans-serif;font-size:18px;font-weight:300;line-height:25px;color:#FFFFFF;}.elementor-648 .elementor-element.elementor-element-9b03493 .elementor-button{background-color:#D15800;font-family:"SF Pro Display", Sans-serif;font-size:16px;font-weight:400;border-radius:5px 5px 5px 5px;padding:8px 15px 8px 20px;}.elementor-648 .elementor-element.elementor-element-9b03493 .elementor-button:hover, .elementor-648 .elementor-element.elementor-element-9b03493 .elementor-button:focus{background-color:#A7561C;}.elementor-648 .elementor-element.elementor-element-9b03493 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-648 .elementor-element.elementor-element-9b03493 .elementor-button .elementor-button-content-wrapper{gap:15px;}.elementor-648 .elementor-element.elementor-element-b69c8f1{--display:flex;--min-height:45vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-end;--margin-top:0px;--margin-bottom:200px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:70px;--padding-right:70px;}.elementor-648 .elementor-element.elementor-element-b69c8f1:not(.elementor-motion-effects-element-type-background), .elementor-648 .elementor-element.elementor-element-b69c8f1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://vcsa.cl/wp-content/uploads/2026/06/img-frame-scaled.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-648 .elementor-element.elementor-element-30ca358{--display:flex;border-style:none;--border-style:none;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.3);--margin-top:0px;--margin-bottom:-130px;--margin-left:0px;--margin-right:0px;--padding-top:70px;--padding-bottom:70px;--padding-left:70px;--padding-right:70px;}.elementor-648 .elementor-element.elementor-element-30ca358:not(.elementor-motion-effects-element-type-background), .elementor-648 .elementor-element.elementor-element-30ca358 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFFE6;}.elementor-648 .elementor-element.elementor-element-fb2a05e .elementor-heading-title{font-family:"Makira", Sans-serif;font-size:25px;font-weight:700;text-transform:uppercase;line-height:30px;color:#191919;}.elementor-648 .elementor-element.elementor-element-a700abc{width:var( --container-widget-width, 530px );max-width:530px;--container-widget-width:530px;--container-widget-flex-grow:0;font-family:"SF Pro Display", Sans-serif;font-size:18px;font-weight:300;line-height:25px;color:#191919;}.elementor-648 .elementor-element.elementor-element-a700abc a{color:#191919;}.elementor-648 .elementor-element.elementor-element-ec2fe1d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:80px;--padding-bottom:80px;--padding-left:70px;--padding-right:70px;}.elementor-648 .elementor-element.elementor-element-1179204{width:var( --container-widget-width, 620px );max-width:620px;--container-widget-width:620px;--container-widget-flex-grow:0;text-align:start;}.elementor-648 .elementor-element.elementor-element-1179204 .elementor-heading-title{font-family:"Makira", Sans-serif;font-size:35px;font-weight:700;text-transform:uppercase;line-height:45px;color:#191919;}.elementor-648 .elementor-element.elementor-element-b95d0b9{--display:flex;--background-transition:0.3s;}.elementor-648 .elementor-element.elementor-element-6aeaa68{--display:flex;--min-height:255px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--background-transition:0.3s;--border-radius:10px 10px 10px 10px;--padding-top:30px;--padding-bottom:40px;--padding-left:10px;--padding-right:10px;}.elementor-648 .elementor-element.elementor-element-6aeaa68:not(.elementor-motion-effects-element-type-background), .elementor-648 .elementor-element.elementor-element-6aeaa68 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #F1F1F1 0%, #FFEFE2 100%);}.elementor-648 .elementor-element.elementor-element-6aeaa68:hover{background-color:transparent;background-image:linear-gradient(180deg, #D15800 0%, #D15800 100%);}.elementor-648 .elementor-element.elementor-element-e86f87b{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-648 .elementor-element.elementor-element-63bff52 .elementor-icon-wrapper{text-align:center;}.elementor-648 .elementor-element.elementor-element-63bff52.elementor-view-stacked .elementor-icon{background-color:#6EC1E400;}.elementor-648 .elementor-element.elementor-element-63bff52.elementor-view-framed .elementor-icon, .elementor-648 .elementor-element.elementor-element-63bff52.elementor-view-default .elementor-icon{color:#6EC1E400;border-color:#6EC1E400;}.elementor-648 .elementor-element.elementor-element-63bff52.elementor-view-framed .elementor-icon, .elementor-648 .elementor-element.elementor-element-63bff52.elementor-view-default .elementor-icon svg{fill:#6EC1E400;}.elementor-648 .elementor-element.elementor-element-63bff52 .elementor-icon{font-size:69px;}.elementor-648 .elementor-element.elementor-element-63bff52 .elementor-icon svg{height:69px;}.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-648 .elementor-element.elementor-element-7f764aa img{width:100px;}.elementor-648 .elementor-element.elementor-element-8ba4ae0{--display:flex;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--padding-top:0px;--padding-bottom:5px;--padding-left:15px;--padding-right:20px;}.elementor-648 .elementor-element.elementor-element-4f249db .elementor-heading-title{font-family:"SF Pro Display", Sans-serif;font-size:16px;font-weight:400;line-height:25px;color:#191919;}.elementor-648 .elementor-element.elementor-element-a412287{--display:flex;}.elementor-648 .elementor-element.elementor-element-ffd701e{--display:flex;--min-height:255px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--background-transition:0.3s;--border-radius:10px 10px 10px 10px;--padding-top:30px;--padding-bottom:40px;--padding-left:10px;--padding-right:10px;}.elementor-648 .elementor-element.elementor-element-ffd701e:not(.elementor-motion-effects-element-type-background), .elementor-648 .elementor-element.elementor-element-ffd701e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #F1F1F1 0%, #FFEFE2 100%);}.elementor-648 .elementor-element.elementor-element-ffd701e:hover{background-color:transparent;background-image:linear-gradient(180deg, #D15800 0%, #D15800 100%);}.elementor-648 .elementor-element.elementor-element-f05830d{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;}.elementor-648 .elementor-element.elementor-element-2f23c3c .elementor-icon-wrapper{text-align:center;}.elementor-648 .elementor-element.elementor-element-2f23c3c.elementor-view-stacked .elementor-icon{background-color:#6EC1E400;}.elementor-648 .elementor-element.elementor-element-2f23c3c.elementor-view-framed .elementor-icon, .elementor-648 .elementor-element.elementor-element-2f23c3c.elementor-view-default .elementor-icon{color:#6EC1E400;border-color:#6EC1E400;}.elementor-648 .elementor-element.elementor-element-2f23c3c.elementor-view-framed .elementor-icon, .elementor-648 .elementor-element.elementor-element-2f23c3c.elementor-view-default .elementor-icon svg{fill:#6EC1E400;}.elementor-648 .elementor-element.elementor-element-2f23c3c .elementor-icon{font-size:69px;}.elementor-648 .elementor-element.elementor-element-2f23c3c .elementor-icon svg{height:69px;}.elementor-648 .elementor-element.elementor-element-dc2c953 img{width:100px;}.elementor-648 .elementor-element.elementor-element-cad35ab{--display:flex;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--padding-top:0px;--padding-bottom:5px;--padding-left:15px;--padding-right:30px;}.elementor-648 .elementor-element.elementor-element-df168e1 .elementor-heading-title{font-family:"SF Pro Display", Sans-serif;font-size:16px;font-weight:400;line-height:25px;color:#191919;}.elementor-648 .elementor-element.elementor-element-1dd5731{--display:flex;}.elementor-648 .elementor-element.elementor-element-6132725{--display:flex;--min-height:255px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--background-transition:0.3s;--border-radius:10px 10px 10px 10px;--padding-top:30px;--padding-bottom:40px;--padding-left:10px;--padding-right:10px;}.elementor-648 .elementor-element.elementor-element-6132725:not(.elementor-motion-effects-element-type-background), .elementor-648 .elementor-element.elementor-element-6132725 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #F1F1F1 0%, #FFEFE2 100%);}.elementor-648 .elementor-element.elementor-element-6132725:hover{background-color:transparent;background-image:linear-gradient(180deg, #D15800 0%, #D15800 100%);}.elementor-648 .elementor-element.elementor-element-0152ab8{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;}.elementor-648 .elementor-element.elementor-element-be1f07c .elementor-icon-wrapper{text-align:center;}.elementor-648 .elementor-element.elementor-element-be1f07c.elementor-view-stacked .elementor-icon{background-color:#6EC1E400;}.elementor-648 .elementor-element.elementor-element-be1f07c.elementor-view-framed .elementor-icon, .elementor-648 .elementor-element.elementor-element-be1f07c.elementor-view-default .elementor-icon{color:#6EC1E400;border-color:#6EC1E400;}.elementor-648 .elementor-element.elementor-element-be1f07c.elementor-view-framed .elementor-icon, .elementor-648 .elementor-element.elementor-element-be1f07c.elementor-view-default .elementor-icon svg{fill:#6EC1E400;}.elementor-648 .elementor-element.elementor-element-be1f07c .elementor-icon{font-size:69px;}.elementor-648 .elementor-element.elementor-element-be1f07c .elementor-icon svg{height:69px;}.elementor-648 .elementor-element.elementor-element-bdfb7ff img{width:100px;}.elementor-648 .elementor-element.elementor-element-379cda8{--display:flex;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--padding-top:0px;--padding-bottom:5px;--padding-left:15px;--padding-right:30px;}.elementor-648 .elementor-element.elementor-element-c7b8c45 .elementor-heading-title{font-family:"SF Pro Display", Sans-serif;font-size:16px;font-weight:400;line-height:25px;color:#191919;}.elementor-648 .elementor-element.elementor-element-1311b2b{--display:flex;}.elementor-648 .elementor-element.elementor-element-5041fa4{--display:flex;--min-height:255px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--background-transition:0.3s;--border-radius:10px 10px 10px 10px;--padding-top:30px;--padding-bottom:40px;--padding-left:10px;--padding-right:10px;}.elementor-648 .elementor-element.elementor-element-5041fa4:not(.elementor-motion-effects-element-type-background), .elementor-648 .elementor-element.elementor-element-5041fa4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #F1F1F1 0%, #FFEFE2 100%);}.elementor-648 .elementor-element.elementor-element-5041fa4:hover{background-color:transparent;background-image:linear-gradient(180deg, #D15800 0%, #D15800 100%);}.elementor-648 .elementor-element.elementor-element-c055c10{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;}.elementor-648 .elementor-element.elementor-element-d03ea73 .elementor-icon-wrapper{text-align:center;}.elementor-648 .elementor-element.elementor-element-d03ea73.elementor-view-stacked .elementor-icon{background-color:#6EC1E400;}.elementor-648 .elementor-element.elementor-element-d03ea73.elementor-view-framed .elementor-icon, .elementor-648 .elementor-element.elementor-element-d03ea73.elementor-view-default .elementor-icon{color:#6EC1E400;border-color:#6EC1E400;}.elementor-648 .elementor-element.elementor-element-d03ea73.elementor-view-framed .elementor-icon, .elementor-648 .elementor-element.elementor-element-d03ea73.elementor-view-default .elementor-icon svg{fill:#6EC1E400;}.elementor-648 .elementor-element.elementor-element-d03ea73 .elementor-icon{font-size:69px;}.elementor-648 .elementor-element.elementor-element-d03ea73 .elementor-icon svg{height:69px;}.elementor-648 .elementor-element.elementor-element-563305b img{width:100px;}.elementor-648 .elementor-element.elementor-element-9a81f76{--display:flex;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--padding-top:0px;--padding-bottom:5px;--padding-left:15px;--padding-right:30px;}.elementor-648 .elementor-element.elementor-element-c6ab00f .elementor-heading-title{font-family:"SF Pro Display", Sans-serif;font-size:16px;font-weight:400;line-height:25px;color:#191919;}.elementor-648 .elementor-element.elementor-element-9243038{--display:flex;}.elementor-648 .elementor-element.elementor-element-65786ea{--display:flex;--min-height:255px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--background-transition:0.3s;--border-radius:10px 10px 10px 10px;--padding-top:30px;--padding-bottom:40px;--padding-left:10px;--padding-right:10px;}.elementor-648 .elementor-element.elementor-element-65786ea:not(.elementor-motion-effects-element-type-background), .elementor-648 .elementor-element.elementor-element-65786ea > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #F1F1F1 0%, #FFEFE2 100%);}.elementor-648 .elementor-element.elementor-element-65786ea:hover{background-color:transparent;background-image:linear-gradient(180deg, #D15800 0%, #D15800 100%);}.elementor-648 .elementor-element.elementor-element-16db887{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;}.elementor-648 .elementor-element.elementor-element-cebef34 .elementor-icon-wrapper{text-align:center;}.elementor-648 .elementor-element.elementor-element-cebef34.elementor-view-stacked .elementor-icon{background-color:#6EC1E400;}.elementor-648 .elementor-element.elementor-element-cebef34.elementor-view-framed .elementor-icon, .elementor-648 .elementor-element.elementor-element-cebef34.elementor-view-default .elementor-icon{color:#6EC1E400;border-color:#6EC1E400;}.elementor-648 .elementor-element.elementor-element-cebef34.elementor-view-framed .elementor-icon, .elementor-648 .elementor-element.elementor-element-cebef34.elementor-view-default .elementor-icon svg{fill:#6EC1E400;}.elementor-648 .elementor-element.elementor-element-cebef34 .elementor-icon{font-size:69px;}.elementor-648 .elementor-element.elementor-element-cebef34 .elementor-icon svg{height:69px;}.elementor-648 .elementor-element.elementor-element-6fb8798 img{width:100px;}.elementor-648 .elementor-element.elementor-element-5a9b188{--display:flex;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--padding-top:0px;--padding-bottom:5px;--padding-left:15px;--padding-right:20px;}.elementor-648 .elementor-element.elementor-element-8a0c7e3 .elementor-heading-title{font-family:"SF Pro Display", Sans-serif;font-size:16px;font-weight:400;line-height:25px;color:#191919;}.elementor-648 .elementor-element.elementor-element-6c7d7d5{--display:flex;}.elementor-648 .elementor-element.elementor-element-03fdc41{--display:flex;--min-height:255px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--background-transition:0.3s;--border-radius:10px 10px 10px 10px;--padding-top:30px;--padding-bottom:40px;--padding-left:10px;--padding-right:10px;}.elementor-648 .elementor-element.elementor-element-03fdc41:not(.elementor-motion-effects-element-type-background), .elementor-648 .elementor-element.elementor-element-03fdc41 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #F1F1F1 0%, #FFEFE2 100%);}.elementor-648 .elementor-element.elementor-element-03fdc41:hover{background-color:transparent;background-image:linear-gradient(180deg, #D15800 0%, #D15800 100%);}.elementor-648 .elementor-element.elementor-element-5e8c2a9{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;}.elementor-648 .elementor-element.elementor-element-08b7252 .elementor-icon-wrapper{text-align:center;}.elementor-648 .elementor-element.elementor-element-08b7252.elementor-view-stacked .elementor-icon{background-color:#6EC1E400;}.elementor-648 .elementor-element.elementor-element-08b7252.elementor-view-framed .elementor-icon, .elementor-648 .elementor-element.elementor-element-08b7252.elementor-view-default .elementor-icon{color:#6EC1E400;border-color:#6EC1E400;}.elementor-648 .elementor-element.elementor-element-08b7252.elementor-view-framed .elementor-icon, .elementor-648 .elementor-element.elementor-element-08b7252.elementor-view-default .elementor-icon svg{fill:#6EC1E400;}.elementor-648 .elementor-element.elementor-element-08b7252 .elementor-icon{font-size:69px;}.elementor-648 .elementor-element.elementor-element-08b7252 .elementor-icon svg{height:69px;}.elementor-648 .elementor-element.elementor-element-a006efe img{width:100px;}.elementor-648 .elementor-element.elementor-element-f4eb5ec{--display:flex;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--padding-top:0px;--padding-bottom:5px;--padding-left:15px;--padding-right:30px;}.elementor-648 .elementor-element.elementor-element-51d33a0 .elementor-heading-title{font-family:"SF Pro Display", Sans-serif;font-size:16px;font-weight:400;line-height:25px;color:#191919;}.elementor-648 .elementor-element.elementor-element-91bbdf7{--e-n-carousel-swiper-slides-to-display:4;--e-n-carousel-swiper-slides-gap:10px;margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:100%;--e-n-carousel-arrow-prev-translate-x:-100%;--e-n-carousel-arrow-prev-left-position:-100px;--e-n-carousel-arrow-prev-top-align:0%;--e-n-carousel-arrow-prev-caption-spacing:0px;--e-n-carousel-arrow-prev-translate-y:0px;--e-n-carousel-arrow-prev-top-position:-100px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:20px;--e-n-carousel-arrow-next-top-align:0%;--e-n-carousel-arrow-next-caption-spacing:0px;--e-n-carousel-arrow-next-translate-y:0px;--e-n-carousel-arrow-next-top-position:-100px;--e-n-carousel-arrow-size:25px;--e-n-carousel-arrow-normal-color:#343434;--e-n-carousel-arrow-hover-color:#FFFFFF;}.elementor-648 .elementor-element.elementor-element-91bbdf7 :is(.elementor-swiper-button-prev, .elementor-swiper-button-next) {background-color:#02010100;border-style:solid;border-width:2px 2px 2px 2px;border-color:#343434;border-radius:5px 5px 5px 5px;padding:10px 10px 10px 10px;}.elementor-648 .elementor-element.elementor-element-91bbdf7 :is(.elementor-swiper-button-prev:hover, .elementor-swiper-button-next:hover) {background-color:#D15800;}.elementor-648 .elementor-element.elementor-element-d4e363f{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:50px 50px;--row-gap:50px;--column-gap:50px;--padding-top:80px;--padding-bottom:80px;--padding-left:70px;--padding-right:70px;}.elementor-648 .elementor-element.elementor-element-ffb7049{width:var( --container-widget-width, 620px );max-width:620px;--container-widget-width:620px;--container-widget-flex-grow:0;text-align:center;}.elementor-648 .elementor-element.elementor-element-ffb7049 .elementor-heading-title{font-family:"Makira", Sans-serif;font-size:35px;font-weight:700;text-transform:uppercase;line-height:45px;color:#191919;}.elementor-648 .elementor-element.elementor-element-eb7b92a{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:30px 30px;--row-gap:30px;--column-gap:30px;--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-648 .elementor-element.elementor-element-e3f9de3{--display:flex;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--background-transition:0.3s;border-style:solid;--border-style:solid;border-width:0px 0px 5px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:5px;--border-left-width:0px;border-color:#02010100;--border-color:#02010100;--border-radius:10px 10px 10px 10px;--padding-top:10px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.elementor-648 .elementor-element.elementor-element-e3f9de3:not(.elementor-motion-effects-element-type-background), .elementor-648 .elementor-element.elementor-element-e3f9de3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#252525;}.elementor-648 .elementor-element.elementor-element-e3f9de3:hover{background-color:#2C2017;border-style:solid;border-width:0px 0px 5px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:5px;--border-left-width:0px;border-color:#D15800;--border-color:#D15800;--border-radius:10px 10px 10px 10px;--border-top-left-radius:10px;--border-top-right-radius:10px;--border-bottom-right-radius:10px;--border-bottom-left-radius:10px;}.elementor-648 .elementor-element.elementor-element-e3f9de3, .elementor-648 .elementor-element.elementor-element-e3f9de3::before{--border-transition:0.3s;}.elementor-648 .elementor-element.elementor-element-8bf6b15{--display:flex;--border-radius:10px 10px 10px 10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-648 .elementor-element.elementor-element-3ef05ea:hover{--e-transform-scale:1.1;}.elementor-648 .elementor-element.elementor-element-0d84a4f{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-648 .elementor-element.elementor-element-43d438e{width:var( --container-widget-width, 280px );max-width:280px;--container-widget-width:280px;--container-widget-flex-grow:0;}.elementor-648 .elementor-element.elementor-element-43d438e .elementor-heading-title{font-family:"SF Pro Display", Sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;line-height:22px;color:#F1F1F1;}.elementor-648 .elementor-element.elementor-element-9d457b5{--display:flex;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--background-transition:0.3s;border-style:solid;--border-style:solid;border-width:0px 0px 5px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:5px;--border-left-width:0px;border-color:#02010100;--border-color:#02010100;--border-radius:10px 10px 10px 10px;--padding-top:10px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.elementor-648 .elementor-element.elementor-element-9d457b5:not(.elementor-motion-effects-element-type-background), .elementor-648 .elementor-element.elementor-element-9d457b5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#252525;}.elementor-648 .elementor-element.elementor-element-9d457b5:hover{background-color:#2C2017;border-style:solid;border-width:0px 0px 5px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:5px;--border-left-width:0px;border-color:#D15800;--border-color:#D15800;--border-radius:10px 10px 10px 10px;--border-top-left-radius:10px;--border-top-right-radius:10px;--border-bottom-right-radius:10px;--border-bottom-left-radius:10px;}.elementor-648 .elementor-element.elementor-element-9d457b5, .elementor-648 .elementor-element.elementor-element-9d457b5::before{--border-transition:0.3s;}.elementor-648 .elementor-element.elementor-element-4822321{--display:flex;--border-radius:10px 10px 10px 10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-648 .elementor-element.elementor-element-99c477e:hover{--e-transform-scale:1.1;}.elementor-648 .elementor-element.elementor-element-9bdd7c4{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-648 .elementor-element.elementor-element-3b86306{width:var( --container-widget-width, 280px );max-width:280px;--container-widget-width:280px;--container-widget-flex-grow:0;}.elementor-648 .elementor-element.elementor-element-3b86306 .elementor-heading-title{font-family:"SF Pro Display", Sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;line-height:22px;color:#F1F1F1;}.elementor-648 .elementor-element.elementor-element-131b611{--display:flex;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--background-transition:0.3s;border-style:solid;--border-style:solid;border-width:0px 0px 5px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:5px;--border-left-width:0px;border-color:#02010100;--border-color:#02010100;--border-radius:10px 10px 10px 10px;--padding-top:10px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.elementor-648 .elementor-element.elementor-element-131b611:not(.elementor-motion-effects-element-type-background), .elementor-648 .elementor-element.elementor-element-131b611 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#252525;}.elementor-648 .elementor-element.elementor-element-131b611:hover{background-color:#2C2017;border-style:solid;border-width:0px 0px 5px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:5px;--border-left-width:0px;border-color:#D15800;--border-color:#D15800;--border-radius:10px 10px 10px 10px;--border-top-left-radius:10px;--border-top-right-radius:10px;--border-bottom-right-radius:10px;--border-bottom-left-radius:10px;}.elementor-648 .elementor-element.elementor-element-131b611, .elementor-648 .elementor-element.elementor-element-131b611::before{--border-transition:0.3s;}.elementor-648 .elementor-element.elementor-element-57a591a{--display:flex;--border-radius:10px 10px 10px 10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-648 .elementor-element.elementor-element-017e285:hover{--e-transform-scale:1.1;}.elementor-648 .elementor-element.elementor-element-4fc7bac{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-648 .elementor-element.elementor-element-463a1fd{width:var( --container-widget-width, 280px );max-width:280px;--container-widget-width:280px;--container-widget-flex-grow:0;}.elementor-648 .elementor-element.elementor-element-463a1fd .elementor-heading-title{font-family:"SF Pro Display", Sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;line-height:22px;color:#F1F1F1;}.elementor-648 .elementor-element.elementor-element-3322f18{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:50px 50px;--row-gap:50px;--column-gap:50px;--padding-top:80px;--padding-bottom:80px;--padding-left:70px;--padding-right:70px;}.elementor-648 .elementor-element.elementor-element-3322f18:not(.elementor-motion-effects-element-type-background), .elementor-648 .elementor-element.elementor-element-3322f18 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://vcsa.cl/wp-content/uploads/2026/06/Fondo-15.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-648 .elementor-element.elementor-element-2fbd76f{--display:flex;--gap:30px 30px;--row-gap:30px;--column-gap:30px;border-style:none;--border-style:none;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.3);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:70px;--padding-bottom:70px;--padding-left:30px;--padding-right:30px;}.elementor-648 .elementor-element.elementor-element-2fbd76f:not(.elementor-motion-effects-element-type-background), .elementor-648 .elementor-element.elementor-element-2fbd76f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFFCC;}.elementor-648 .elementor-element.elementor-element-675910e{width:var( --container-widget-width, 350px );max-width:350px;--container-widget-width:350px;--container-widget-flex-grow:0;}.elementor-648 .elementor-element.elementor-element-675910e .elementor-heading-title{font-family:"Makira", Sans-serif;font-size:35px;font-weight:700;text-transform:uppercase;line-height:45px;color:#191919;}.elementor-648 .elementor-element.elementor-element-f7b2228{width:var( --container-widget-width, 530px );max-width:530px;--container-widget-width:530px;--container-widget-flex-grow:0;font-family:"SF Pro Display", Sans-serif;font-size:18px;font-weight:300;line-height:25px;color:#191919;}.elementor-648 .elementor-element.elementor-element-f7b2228 a{color:#191919;}.elementor-648 .elementor-element.elementor-element-50b9a32{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:50px 50px;--row-gap:50px;--column-gap:50px;--padding-top:80px;--padding-bottom:80px;--padding-left:70px;--padding-right:70px;}.elementor-648 .elementor-element.elementor-element-50b9a32:not(.elementor-motion-effects-element-type-background), .elementor-648 .elementor-element.elementor-element-50b9a32 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://vcsa.cl/wp-content/uploads/2026/06/Fondo-15.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-648 .elementor-element.elementor-element-40a047c{--display:flex;--gap:30px 30px;--row-gap:30px;--column-gap:30px;border-style:none;--border-style:none;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.3);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:70px;--padding-bottom:70px;--padding-left:30px;--padding-right:30px;}.elementor-648 .elementor-element.elementor-element-40a047c:not(.elementor-motion-effects-element-type-background), .elementor-648 .elementor-element.elementor-element-40a047c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFFCC;}.elementor-648 .elementor-element.elementor-element-80352fd{width:var( --container-widget-width, 350px );max-width:350px;--container-widget-width:350px;--container-widget-flex-grow:0;}.elementor-648 .elementor-element.elementor-element-80352fd .elementor-heading-title{font-family:"Makira", Sans-serif;font-size:35px;font-weight:700;text-transform:uppercase;line-height:45px;color:#191919;}.elementor-648 .elementor-element.elementor-element-37b2021{width:var( --container-widget-width, 530px );max-width:530px;--container-widget-width:530px;--container-widget-flex-grow:0;font-family:"SF Pro Display", Sans-serif;font-size:18px;font-weight:300;line-height:25px;color:#191919;}.elementor-648 .elementor-element.elementor-element-37b2021 a{color:#191919;}.elementor-648 .elementor-element.elementor-element-78f1e72{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:80px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:70px;--padding-right:70px;}.elementor-648 .elementor-element.elementor-element-404a384{width:var( --container-widget-width, 750px );max-width:750px;--container-widget-width:750px;--container-widget-flex-grow:0;text-align:center;}.elementor-648 .elementor-element.elementor-element-404a384 .elementor-heading-title{font-family:"Makira", Sans-serif;font-size:40px;font-weight:700;text-transform:uppercase;line-height:55px;color:#1A1A1A;}.elementor-648 .elementor-element.elementor-element-2ce1ae3{--e-image-carousel-slides-to-show:5;margin:40px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-648 .elementor-element.elementor-element-8718efb{--display:flex;--min-height:60vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:50px 50px;--row-gap:50px;--column-gap:50px;--padding-top:80px;--padding-bottom:80px;--padding-left:70px;--padding-right:70px;}.elementor-648 .elementor-element.elementor-element-8718efb:not(.elementor-motion-effects-element-type-background), .elementor-648 .elementor-element.elementor-element-8718efb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://vcsa.cl/wp-content/uploads/2026/06/Frame-1618873108-scaled.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-648 .elementor-element.elementor-element-083b5d0{width:var( --container-widget-width, 700px );max-width:700px;--container-widget-width:700px;--container-widget-flex-grow:0;text-align:center;}.elementor-648 .elementor-element.elementor-element-083b5d0 .elementor-heading-title{font-family:"Makira", Sans-serif;font-size:35px;font-weight:700;text-transform:uppercase;line-height:45px;color:#191919;}.elementor-648 .elementor-element.elementor-element-c843e13 .elementor-button{background-color:#D15800;font-family:"SF Pro Display", Sans-serif;font-size:16px;font-weight:400;border-radius:5px 5px 5px 5px;padding:5px 5px 5px 25px;}.elementor-648 .elementor-element.elementor-element-c843e13 .elementor-button:hover, .elementor-648 .elementor-element.elementor-element-c843e13 .elementor-button:focus{background-color:#A7561C;}.elementor-648 .elementor-element.elementor-element-c843e13 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-648 .elementor-element.elementor-element-c843e13 .elementor-button .elementor-button-content-wrapper{gap:20px;}@media(max-width:1024px){.elementor-648 .elementor-element.elementor-element-91bbdf7{--e-n-carousel-swiper-slides-to-display:2;}.elementor-648 .elementor-element.elementor-element-eb7b92a{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-648 .elementor-element.elementor-element-d55f138:not(.elementor-motion-effects-element-type-background), .elementor-648 .elementor-element.elementor-element-d55f138 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://vcsa.cl/wp-content/uploads/2026/07/banner-servicios-01-1.webp");}.elementor-648 .elementor-element.elementor-element-d55f138{--min-height:75vh;--justify-content:flex-end;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:-70px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-648 .elementor-element.elementor-element-8eb2f7a{--width:330px;--margin-top:0px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-648 .elementor-element.elementor-element-02183f9{width:100%;max-width:100%;}.elementor-648 .elementor-element.elementor-element-02183f9 .elementor-heading-title{font-size:24px;line-height:30px;}.elementor-648 .elementor-element.elementor-element-eda2bd1{font-size:16px;line-height:22px;}.elementor-648 .elementor-element.elementor-element-a9568e9{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-648 .elementor-element.elementor-element-bdbd180 .elementor-button{font-size:14px;padding:8px 20px 8px 20px;}.elementor-648 .elementor-element.elementor-element-980118c .elementor-button{font-size:14px;padding:8px 30px 8px 30px;}.elementor-648 .elementor-element.elementor-element-ee46f34{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-648 .elementor-element.elementor-element-04ebf7a .elementor-icon-list-item > .elementor-icon-list-text, .elementor-648 .elementor-element.elementor-element-04ebf7a .elementor-icon-list-item > a{font-size:12px;}.elementor-648 .elementor-element.elementor-element-e5a4e6b .elementor-heading-title{font-size:30px;line-height:35px;}.elementor-648 .elementor-element.elementor-element-b15fe7d{font-size:15px;line-height:25px;}.elementor-648 .elementor-element.elementor-element-9b03493 .elementor-button{font-size:14px;padding:8px 8px 8px 15px;}.elementor-648 .elementor-element.elementor-element-b69c8f1{--min-height:40vh;--margin-top:0px;--margin-bottom:150px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-648 .elementor-element.elementor-element-30ca358{--margin-top:0px;--margin-bottom:-150px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-648 .elementor-element.elementor-element-fb2a05e .elementor-heading-title{font-size:19px;line-height:30px;}.elementor-648 .elementor-element.elementor-element-a700abc{font-size:14px;line-height:25px;}.elementor-648 .elementor-element.elementor-element-ec2fe1d{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-648 .elementor-element.elementor-element-1179204{text-align:start;}.elementor-648 .elementor-element.elementor-element-1179204 .elementor-heading-title{font-size:23px;}.elementor-648 .elementor-element.elementor-element-91bbdf7{--e-n-carousel-swiper-slides-to-display:1;margin:120px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-648 .elementor-element.elementor-element-d4e363f{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-648 .elementor-element.elementor-element-ffb7049{text-align:center;}.elementor-648 .elementor-element.elementor-element-ffb7049 .elementor-heading-title{font-size:23px;line-height:30px;}.elementor-648 .elementor-element.elementor-element-eb7b92a{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-648 .elementor-element.elementor-element-e3f9de3{--padding-top:10px;--padding-bottom:40px;--padding-left:10px;--padding-right:10px;}.elementor-648 .elementor-element.elementor-element-43d438e .elementor-heading-title{font-size:14px;}.elementor-648 .elementor-element.elementor-element-9d457b5{--padding-top:10px;--padding-bottom:40px;--padding-left:10px;--padding-right:10px;}.elementor-648 .elementor-element.elementor-element-3b86306 .elementor-heading-title{font-size:14px;}.elementor-648 .elementor-element.elementor-element-131b611{--padding-top:10px;--padding-bottom:40px;--padding-left:10px;--padding-right:10px;}.elementor-648 .elementor-element.elementor-element-463a1fd .elementor-heading-title{font-size:14px;}.elementor-648 .elementor-element.elementor-element-3322f18{--min-height:80vh;--justify-content:flex-end;--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-648 .elementor-element.elementor-element-2fbd76f{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:50px;--padding-bottom:50px;--padding-left:30px;--padding-right:30px;}.elementor-648 .elementor-element.elementor-element-675910e{width:var( --container-widget-width, 200px );max-width:200px;--container-widget-width:200px;--container-widget-flex-grow:0;}.elementor-648 .elementor-element.elementor-element-675910e .elementor-heading-title{font-size:29px;line-height:30px;}.elementor-648 .elementor-element.elementor-element-f7b2228{font-size:14px;line-height:25px;}.elementor-648 .elementor-element.elementor-element-50b9a32:not(.elementor-motion-effects-element-type-background), .elementor-648 .elementor-element.elementor-element-50b9a32 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://vcsa.cl/wp-content/uploads/2026/06/view-heavy-machinery-used-construction-industry-3.webp");}.elementor-648 .elementor-element.elementor-element-50b9a32{--min-height:85vh;--justify-content:flex-end;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-648 .elementor-element.elementor-element-40a047c{--width:320px;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:20px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-648 .elementor-element.elementor-element-80352fd{width:var( --container-widget-width, 320px );max-width:320px;--container-widget-width:320px;--container-widget-flex-grow:0;}.elementor-648 .elementor-element.elementor-element-80352fd .elementor-heading-title{font-size:30px;line-height:30px;}.elementor-648 .elementor-element.elementor-element-37b2021{--container-widget-width:300px;--container-widget-flex-grow:0;width:var( --container-widget-width, 300px );max-width:300px;font-size:14px;line-height:20px;}.elementor-648 .elementor-element.elementor-element-78f1e72{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:50px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-648 .elementor-element.elementor-element-404a384{text-align:center;}.elementor-648 .elementor-element.elementor-element-404a384 .elementor-heading-title{font-size:23px;line-height:30px;}.elementor-648 .elementor-element.elementor-element-2ce1ae3{--e-image-carousel-slides-to-show:2;}.elementor-648 .elementor-element.elementor-element-8718efb{--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-648 .elementor-element.elementor-element-083b5d0 .elementor-heading-title{font-size:23px;line-height:35px;}.elementor-648 .elementor-element.elementor-element-c843e13 .elementor-button{font-size:14px;padding:5px 5px 5px 15px;}}@media(min-width:768px){.elementor-648 .elementor-element.elementor-element-8eb2f7a{--width:600px;}.elementor-648 .elementor-element.elementor-element-bf937d8{--width:630px;}.elementor-648 .elementor-element.elementor-element-30ca358{--width:700px;}.elementor-648 .elementor-element.elementor-element-6aeaa68{--width:100%;}.elementor-648 .elementor-element.elementor-element-ffd701e{--width:100%;}.elementor-648 .elementor-element.elementor-element-6132725{--width:100%;}.elementor-648 .elementor-element.elementor-element-5041fa4{--width:100%;}.elementor-648 .elementor-element.elementor-element-65786ea{--width:100%;}.elementor-648 .elementor-element.elementor-element-03fdc41{--width:100%;}.elementor-648 .elementor-element.elementor-element-2fbd76f{--width:500px;}.elementor-648 .elementor-element.elementor-element-40a047c{--width:500px;}}/* Start custom CSS for button, class: .elementor-element-bdbd180 *//* ====================================================
1. ALINEACIÓN GLOBAL (Afecta a Escritorio y Móvil)
====================================================== */
.elementor-648 .elementor-element.elementor-element-bdbd180 .elementor-button-content-wrapper {
display: flex !important;
align-items: center !important; /* Centra el texto y el icono verticalmente */
justify-content: center !important; /* Centra todo horizontalmente */
gap: 10px; /* Controla la separación entre el texto y tu icono */
}
/* Fuerza al contenedor del icono a no desalinearse */
.elementor-648 .elementor-element.elementor-element-bdbd180 .elementor-button-icon {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important; /* Elimina márgenes por defecto que empujan el icono */
}
/* ====================================================
2. TAMAÑOS DEL SVG POR DISPOSITIVO
====================================================== */
/* Tamaño en ESCRITORIO */
.elementor-648 .elementor-element.elementor-element-bdbd180 .elementor-button-icon svg {
width: 25px !important;
height: 25px !important;
}
/* Tamaño en MÓVIL */
@media (max-width: 767px) {
.elementor-648 .elementor-element.elementor-element-bdbd180 .elementor-button-icon svg {
width: 20px !important;
height: 20px !important;
}
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-980118c *//* Efecto Espejo / Glassmorphic para Botón */
.boton-espejo {
/* Fondo blanco con alta transparencia (Canal Alfa en 0.15) */
background: rgba(255, 255, 255, 0.15) !important;
/* El truco del espejo: Desenfoque del contenido que está DETRÁS del botón */
backdrop-filter: blur(1px) !important;
border-radius: 5px;
/* Borde sutil semi-transparente que simula el reflejo del cristal */
border: 1px solid rgba(255, 255, 255, 0.25) !important;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.05) !important;
/* Transición suave para las interacciones */
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
cursor: pointer !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-9b03493 *//* ====================================================
1. ALINEACIÓN GLOBAL (Afecta a Escritorio y Móvil)
====================================================== */
.elementor-648 .elementor-element.elementor-element-9b03493 .elementor-button-content-wrapper {
display: flex !important;
align-items: center !important; /* Centra el texto y el icono verticalmente */
justify-content: center !important; /* Centra todo horizontalmente */
gap: 10px; /* Controla la separación entre el texto y tu icono */
}
/* Fuerza al contenedor del icono a no desalinearse */
.elementor-648 .elementor-element.elementor-element-9b03493 .elementor-button-icon {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important; /* Elimina márgenes por defecto que empujan el icono */
}
/* ====================================================
2. TAMAÑOS DEL SVG POR DISPOSITIVO
====================================================== */
/* Tamaño en ESCRITORIO */
.elementor-648 .elementor-element.elementor-element-9b03493 .elementor-button-icon svg {
width: 25px !important;
height: 25px !important;
}
/* Tamaño en MÓVIL */
@media (max-width: 767px) {
.elementor-648 .elementor-element.elementor-element-9b03493 .elementor-button-icon svg {
width: 20px !important;
height: 20px !important;
}
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-fb2a05e */.elementor-648 .elementor-element.elementor-element-fb2a05e .elementor-heading-title {
/* 1. Habilita la separación por sílabas automática */
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
/* 2. Rompe palabras extremadamente largas si es necesario */
word-break: break-word;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6aeaa68 *//* Selector que hace referencia al contenedor principal en Elementor */
.elementor-648 .elementor-element.elementor-element-6aeaa68 {
transition: all 0.2s ease-in-out;
overflow: hidden;
}
/* 1. Cambios al hacer HOVER en la Card (Fondo y Esquina recortada) */
.elementor-648 .elementor-element.elementor-element-6aeaa68:hover {
clip-path: polygon(0 0, 100% 0, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0 100%);
}
/* 2. Cambiar el color del icono (SVG) a blanco al hacer hover en la card */
.elementor-648 .elementor-element.elementor-element-6aeaa68:hover .elementor-icon svg rect {
stroke: #ffffff !important;
}
.elementor-648 .elementor-element.elementor-element-6aeaa68:hover .elementor-icon svg path {
fill: #ffffff !important;
}
/* 3. Cambiar la imagen de los puntos (SVG) a blanco al hacer hover en la card */
/* Nota: Como es un archivo .svg cargado por etiqueta ![]()
, aplicamos un filtro de inversión */
.elementor-648 .elementor-element.elementor-element-6aeaa68:hover .elementor-widget-image img {
filter: brightness(0) invert(1) !important;
transition: filter 0.2s ease-in-out;
}
/* Opcional: Asegurar que el texto cambie a blanco para que sea legible sobre el fondo naranja */
.elementor-648 .elementor-element.elementor-element-6aeaa68:hover .elementor-heading-title {
color: #ffffff !important;
transition: color 0.2s ease-in-out;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ffd701e *//* Selector que hace referencia al contenedor principal en Elementor */
.elementor-648 .elementor-element.elementor-element-ffd701e {
transition: all 0.2s ease-in-out;
overflow: hidden;
}
/* 1. Cambios al hacer HOVER en la Card (Fondo y Esquina recortada) */
.elementor-648 .elementor-element.elementor-element-ffd701e:hover {
clip-path: polygon(0 0, 100% 0, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0 100%);
}
/* 2. Cambiar el color del icono (SVG) a blanco al hacer hover en la card */
.elementor-648 .elementor-element.elementor-element-ffd701e:hover .elementor-icon svg rect {
stroke: #ffffff !important;
}
.elementor-648 .elementor-element.elementor-element-ffd701e:hover .elementor-icon svg path {
fill: #ffffff !important;
}
/* 3. Cambiar la imagen de los puntos (SVG) a blanco al hacer hover en la card */
/* Nota: Como es un archivo .svg cargado por etiqueta ![]()
, aplicamos un filtro de inversión */
.elementor-648 .elementor-element.elementor-element-ffd701e:hover .elementor-widget-image img {
filter: brightness(0) invert(1) !important;
transition: filter 0.2s ease-in-out;
}
/* Opcional: Asegurar que el texto cambie a blanco para que sea legible sobre el fondo naranja */
.elementor-648 .elementor-element.elementor-element-ffd701e:hover .elementor-heading-title {
color: #ffffff !important;
transition: color 0.2s ease-in-out;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6132725 *//* Selector que hace referencia al contenedor principal en Elementor */
.elementor-648 .elementor-element.elementor-element-6132725 {
transition: all 0.2s ease-in-out;
overflow: hidden;
}
/* 1. Cambios al hacer HOVER en la Card (Fondo y Esquina recortada) */
.elementor-648 .elementor-element.elementor-element-6132725:hover {
clip-path: polygon(0 0, 100% 0, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0 100%);
}
/* 2. Cambiar el color del icono (SVG) a blanco al hacer hover en la card */
.elementor-648 .elementor-element.elementor-element-6132725:hover .elementor-icon svg rect {
stroke: #ffffff !important;
}
.elementor-648 .elementor-element.elementor-element-6132725:hover .elementor-icon svg path {
fill: #ffffff !important;
}
/* 3. Cambiar la imagen de los puntos (SVG) a blanco al hacer hover en la card */
/* Nota: Como es un archivo .svg cargado por etiqueta ![]()
, aplicamos un filtro de inversión */
.elementor-648 .elementor-element.elementor-element-6132725:hover .elementor-widget-image img {
filter: brightness(0) invert(1) !important;
transition: filter 0.2s ease-in-out;
}
/* Opcional: Asegurar que el texto cambie a blanco para que sea legible sobre el fondo naranja */
.elementor-648 .elementor-element.elementor-element-6132725:hover .elementor-heading-title {
color: #ffffff !important;
transition: color 0.2s ease-in-out;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5041fa4 *//* Selector que hace referencia al contenedor principal en Elementor */
.elementor-648 .elementor-element.elementor-element-5041fa4 {
transition: all 0.2s ease-in-out;
overflow: hidden;
}
/* 1. Cambios al hacer HOVER en la Card (Fondo y Esquina recortada) */
.elementor-648 .elementor-element.elementor-element-5041fa4:hover {
clip-path: polygon(0 0, 100% 0, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0 100%);
}
/* 2. Cambiar el color del icono (SVG) a blanco al hacer hover en la card */
.elementor-648 .elementor-element.elementor-element-5041fa4:hover .elementor-icon svg rect {
stroke: #ffffff !important;
}
.elementor-648 .elementor-element.elementor-element-5041fa4:hover .elementor-icon svg path {
fill: #ffffff !important;
}
/* 3. Cambiar la imagen de los puntos (SVG) a blanco al hacer hover en la card */
/* Nota: Como es un archivo .svg cargado por etiqueta ![]()
, aplicamos un filtro de inversión */
.elementor-648 .elementor-element.elementor-element-5041fa4:hover .elementor-widget-image img {
filter: brightness(0) invert(1) !important;
transition: filter 0.2s ease-in-out;
}
/* Opcional: Asegurar que el texto cambie a blanco para que sea legible sobre el fondo naranja */
.elementor-648 .elementor-element.elementor-element-5041fa4:hover .elementor-heading-title {
color: #ffffff !important;
transition: color 0.2s ease-in-out;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-65786ea *//* Selector que hace referencia al contenedor principal en Elementor */
.elementor-648 .elementor-element.elementor-element-65786ea {
transition: all 0.2s ease-in-out;
overflow: hidden;
}
/* 1. Cambios al hacer HOVER en la Card (Fondo y Esquina recortada) */
.elementor-648 .elementor-element.elementor-element-65786ea:hover {
clip-path: polygon(0 0, 100% 0, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0 100%);
}
/* 2. Cambiar el color del icono (SVG) a blanco al hacer hover en la card */
.elementor-648 .elementor-element.elementor-element-65786ea:hover .elementor-icon svg rect {
stroke: #ffffff !important;
}
.elementor-648 .elementor-element.elementor-element-65786ea:hover .elementor-icon svg path {
fill: #ffffff !important;
}
/* 3. Cambiar la imagen de los puntos (SVG) a blanco al hacer hover en la card */
/* Nota: Como es un archivo .svg cargado por etiqueta ![]()
, aplicamos un filtro de inversión */
.elementor-648 .elementor-element.elementor-element-65786ea:hover .elementor-widget-image img {
filter: brightness(0) invert(1) !important;
transition: filter 0.2s ease-in-out;
}
/* Opcional: Asegurar que el texto cambie a blanco para que sea legible sobre el fondo naranja */
.elementor-648 .elementor-element.elementor-element-65786ea:hover .elementor-heading-title {
color: #ffffff !important;
transition: color 0.2s ease-in-out;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-03fdc41 *//* Selector que hace referencia al contenedor principal en Elementor */
.elementor-648 .elementor-element.elementor-element-03fdc41 {
transition: all 0.2s ease-in-out;
overflow: hidden;
}
/* 1. Cambios al hacer HOVER en la Card (Fondo y Esquina recortada) */
.elementor-648 .elementor-element.elementor-element-03fdc41:hover {
clip-path: polygon(0 0, 100% 0, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0 100%);
}
/* 2. Cambiar el color del icono (SVG) a blanco al hacer hover en la card */
.elementor-648 .elementor-element.elementor-element-03fdc41:hover .elementor-icon svg rect {
stroke: #ffffff !important;
}
.elementor-648 .elementor-element.elementor-element-03fdc41:hover .elementor-icon svg path {
fill: #ffffff !important;
}
/* 3. Cambiar la imagen de los puntos (SVG) a blanco al hacer hover en la card */
/* Nota: Como es un archivo .svg cargado por etiqueta ![]()
, aplicamos un filtro de inversión */
.elementor-648 .elementor-element.elementor-element-03fdc41:hover .elementor-widget-image img {
filter: brightness(0) invert(1) !important;
transition: filter 0.2s ease-in-out;
}
/* Opcional: Asegurar que el texto cambie a blanco para que sea legible sobre el fondo naranja */
.elementor-648 .elementor-element.elementor-element-03fdc41:hover .elementor-heading-title {
color: #ffffff !important;
transition: color 0.2s ease-in-out;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6aeaa68 *//* Selector que hace referencia al contenedor principal en Elementor */
.elementor-648 .elementor-element.elementor-element-6aeaa68 {
transition: all 0.2s ease-in-out;
overflow: hidden;
}
/* 1. Cambios al hacer HOVER en la Card (Fondo y Esquina recortada) */
.elementor-648 .elementor-element.elementor-element-6aeaa68:hover {
clip-path: polygon(0 0, 100% 0, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0 100%);
}
/* 2. Cambiar el color del icono (SVG) a blanco al hacer hover en la card */
.elementor-648 .elementor-element.elementor-element-6aeaa68:hover .elementor-icon svg rect {
stroke: #ffffff !important;
}
.elementor-648 .elementor-element.elementor-element-6aeaa68:hover .elementor-icon svg path {
fill: #ffffff !important;
}
/* 3. Cambiar la imagen de los puntos (SVG) a blanco al hacer hover en la card */
/* Nota: Como es un archivo .svg cargado por etiqueta ![]()
, aplicamos un filtro de inversión */
.elementor-648 .elementor-element.elementor-element-6aeaa68:hover .elementor-widget-image img {
filter: brightness(0) invert(1) !important;
transition: filter 0.2s ease-in-out;
}
/* Opcional: Asegurar que el texto cambie a blanco para que sea legible sobre el fondo naranja */
.elementor-648 .elementor-element.elementor-element-6aeaa68:hover .elementor-heading-title {
color: #ffffff !important;
transition: color 0.2s ease-in-out;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ffd701e *//* Selector que hace referencia al contenedor principal en Elementor */
.elementor-648 .elementor-element.elementor-element-ffd701e {
transition: all 0.2s ease-in-out;
overflow: hidden;
}
/* 1. Cambios al hacer HOVER en la Card (Fondo y Esquina recortada) */
.elementor-648 .elementor-element.elementor-element-ffd701e:hover {
clip-path: polygon(0 0, 100% 0, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0 100%);
}
/* 2. Cambiar el color del icono (SVG) a blanco al hacer hover en la card */
.elementor-648 .elementor-element.elementor-element-ffd701e:hover .elementor-icon svg rect {
stroke: #ffffff !important;
}
.elementor-648 .elementor-element.elementor-element-ffd701e:hover .elementor-icon svg path {
fill: #ffffff !important;
}
/* 3. Cambiar la imagen de los puntos (SVG) a blanco al hacer hover en la card */
/* Nota: Como es un archivo .svg cargado por etiqueta ![]()
, aplicamos un filtro de inversión */
.elementor-648 .elementor-element.elementor-element-ffd701e:hover .elementor-widget-image img {
filter: brightness(0) invert(1) !important;
transition: filter 0.2s ease-in-out;
}
/* Opcional: Asegurar que el texto cambie a blanco para que sea legible sobre el fondo naranja */
.elementor-648 .elementor-element.elementor-element-ffd701e:hover .elementor-heading-title {
color: #ffffff !important;
transition: color 0.2s ease-in-out;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6132725 *//* Selector que hace referencia al contenedor principal en Elementor */
.elementor-648 .elementor-element.elementor-element-6132725 {
transition: all 0.2s ease-in-out;
overflow: hidden;
}
/* 1. Cambios al hacer HOVER en la Card (Fondo y Esquina recortada) */
.elementor-648 .elementor-element.elementor-element-6132725:hover {
clip-path: polygon(0 0, 100% 0, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0 100%);
}
/* 2. Cambiar el color del icono (SVG) a blanco al hacer hover en la card */
.elementor-648 .elementor-element.elementor-element-6132725:hover .elementor-icon svg rect {
stroke: #ffffff !important;
}
.elementor-648 .elementor-element.elementor-element-6132725:hover .elementor-icon svg path {
fill: #ffffff !important;
}
/* 3. Cambiar la imagen de los puntos (SVG) a blanco al hacer hover en la card */
/* Nota: Como es un archivo .svg cargado por etiqueta ![]()
, aplicamos un filtro de inversión */
.elementor-648 .elementor-element.elementor-element-6132725:hover .elementor-widget-image img {
filter: brightness(0) invert(1) !important;
transition: filter 0.2s ease-in-out;
}
/* Opcional: Asegurar que el texto cambie a blanco para que sea legible sobre el fondo naranja */
.elementor-648 .elementor-element.elementor-element-6132725:hover .elementor-heading-title {
color: #ffffff !important;
transition: color 0.2s ease-in-out;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5041fa4 *//* Selector que hace referencia al contenedor principal en Elementor */
.elementor-648 .elementor-element.elementor-element-5041fa4 {
transition: all 0.2s ease-in-out;
overflow: hidden;
}
/* 1. Cambios al hacer HOVER en la Card (Fondo y Esquina recortada) */
.elementor-648 .elementor-element.elementor-element-5041fa4:hover {
clip-path: polygon(0 0, 100% 0, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0 100%);
}
/* 2. Cambiar el color del icono (SVG) a blanco al hacer hover en la card */
.elementor-648 .elementor-element.elementor-element-5041fa4:hover .elementor-icon svg rect {
stroke: #ffffff !important;
}
.elementor-648 .elementor-element.elementor-element-5041fa4:hover .elementor-icon svg path {
fill: #ffffff !important;
}
/* 3. Cambiar la imagen de los puntos (SVG) a blanco al hacer hover en la card */
/* Nota: Como es un archivo .svg cargado por etiqueta ![]()
, aplicamos un filtro de inversión */
.elementor-648 .elementor-element.elementor-element-5041fa4:hover .elementor-widget-image img {
filter: brightness(0) invert(1) !important;
transition: filter 0.2s ease-in-out;
}
/* Opcional: Asegurar que el texto cambie a blanco para que sea legible sobre el fondo naranja */
.elementor-648 .elementor-element.elementor-element-5041fa4:hover .elementor-heading-title {
color: #ffffff !important;
transition: color 0.2s ease-in-out;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-65786ea *//* Selector que hace referencia al contenedor principal en Elementor */
.elementor-648 .elementor-element.elementor-element-65786ea {
transition: all 0.2s ease-in-out;
overflow: hidden;
}
/* 1. Cambios al hacer HOVER en la Card (Fondo y Esquina recortada) */
.elementor-648 .elementor-element.elementor-element-65786ea:hover {
clip-path: polygon(0 0, 100% 0, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0 100%);
}
/* 2. Cambiar el color del icono (SVG) a blanco al hacer hover en la card */
.elementor-648 .elementor-element.elementor-element-65786ea:hover .elementor-icon svg rect {
stroke: #ffffff !important;
}
.elementor-648 .elementor-element.elementor-element-65786ea:hover .elementor-icon svg path {
fill: #ffffff !important;
}
/* 3. Cambiar la imagen de los puntos (SVG) a blanco al hacer hover en la card */
/* Nota: Como es un archivo .svg cargado por etiqueta ![]()
, aplicamos un filtro de inversión */
.elementor-648 .elementor-element.elementor-element-65786ea:hover .elementor-widget-image img {
filter: brightness(0) invert(1) !important;
transition: filter 0.2s ease-in-out;
}
/* Opcional: Asegurar que el texto cambie a blanco para que sea legible sobre el fondo naranja */
.elementor-648 .elementor-element.elementor-element-65786ea:hover .elementor-heading-title {
color: #ffffff !important;
transition: color 0.2s ease-in-out;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-03fdc41 *//* Selector que hace referencia al contenedor principal en Elementor */
.elementor-648 .elementor-element.elementor-element-03fdc41 {
transition: all 0.2s ease-in-out;
overflow: hidden;
}
/* 1. Cambios al hacer HOVER en la Card (Fondo y Esquina recortada) */
.elementor-648 .elementor-element.elementor-element-03fdc41:hover {
clip-path: polygon(0 0, 100% 0, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0 100%);
}
/* 2. Cambiar el color del icono (SVG) a blanco al hacer hover en la card */
.elementor-648 .elementor-element.elementor-element-03fdc41:hover .elementor-icon svg rect {
stroke: #ffffff !important;
}
.elementor-648 .elementor-element.elementor-element-03fdc41:hover .elementor-icon svg path {
fill: #ffffff !important;
}
/* 3. Cambiar la imagen de los puntos (SVG) a blanco al hacer hover en la card */
/* Nota: Como es un archivo .svg cargado por etiqueta ![]()
, aplicamos un filtro de inversión */
.elementor-648 .elementor-element.elementor-element-03fdc41:hover .elementor-widget-image img {
filter: brightness(0) invert(1) !important;
transition: filter 0.2s ease-in-out;
}
/* Opcional: Asegurar que el texto cambie a blanco para que sea legible sobre el fondo naranja */
.elementor-648 .elementor-element.elementor-element-03fdc41:hover .elementor-heading-title {
color: #ffffff !important;
transition: color 0.2s ease-in-out;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6aeaa68 *//* Selector que hace referencia al contenedor principal en Elementor */
.elementor-648 .elementor-element.elementor-element-6aeaa68 {
transition: all 0.2s ease-in-out;
overflow: hidden;
}
/* 1. Cambios al hacer HOVER en la Card (Fondo y Esquina recortada) */
.elementor-648 .elementor-element.elementor-element-6aeaa68:hover {
clip-path: polygon(0 0, 100% 0, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0 100%);
}
/* 2. Cambiar el color del icono (SVG) a blanco al hacer hover en la card */
.elementor-648 .elementor-element.elementor-element-6aeaa68:hover .elementor-icon svg rect {
stroke: #ffffff !important;
}
.elementor-648 .elementor-element.elementor-element-6aeaa68:hover .elementor-icon svg path {
fill: #ffffff !important;
}
/* 3. Cambiar la imagen de los puntos (SVG) a blanco al hacer hover en la card */
/* Nota: Como es un archivo .svg cargado por etiqueta ![]()
, aplicamos un filtro de inversión */
.elementor-648 .elementor-element.elementor-element-6aeaa68:hover .elementor-widget-image img {
filter: brightness(0) invert(1) !important;
transition: filter 0.2s ease-in-out;
}
/* Opcional: Asegurar que el texto cambie a blanco para que sea legible sobre el fondo naranja */
.elementor-648 .elementor-element.elementor-element-6aeaa68:hover .elementor-heading-title {
color: #ffffff !important;
transition: color 0.2s ease-in-out;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ffd701e *//* Selector que hace referencia al contenedor principal en Elementor */
.elementor-648 .elementor-element.elementor-element-ffd701e {
transition: all 0.2s ease-in-out;
overflow: hidden;
}
/* 1. Cambios al hacer HOVER en la Card (Fondo y Esquina recortada) */
.elementor-648 .elementor-element.elementor-element-ffd701e:hover {
clip-path: polygon(0 0, 100% 0, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0 100%);
}
/* 2. Cambiar el color del icono (SVG) a blanco al hacer hover en la card */
.elementor-648 .elementor-element.elementor-element-ffd701e:hover .elementor-icon svg rect {
stroke: #ffffff !important;
}
.elementor-648 .elementor-element.elementor-element-ffd701e:hover .elementor-icon svg path {
fill: #ffffff !important;
}
/* 3. Cambiar la imagen de los puntos (SVG) a blanco al hacer hover en la card */
/* Nota: Como es un archivo .svg cargado por etiqueta ![]()
, aplicamos un filtro de inversión */
.elementor-648 .elementor-element.elementor-element-ffd701e:hover .elementor-widget-image img {
filter: brightness(0) invert(1) !important;
transition: filter 0.2s ease-in-out;
}
/* Opcional: Asegurar que el texto cambie a blanco para que sea legible sobre el fondo naranja */
.elementor-648 .elementor-element.elementor-element-ffd701e:hover .elementor-heading-title {
color: #ffffff !important;
transition: color 0.2s ease-in-out;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6132725 *//* Selector que hace referencia al contenedor principal en Elementor */
.elementor-648 .elementor-element.elementor-element-6132725 {
transition: all 0.2s ease-in-out;
overflow: hidden;
}
/* 1. Cambios al hacer HOVER en la Card (Fondo y Esquina recortada) */
.elementor-648 .elementor-element.elementor-element-6132725:hover {
clip-path: polygon(0 0, 100% 0, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0 100%);
}
/* 2. Cambiar el color del icono (SVG) a blanco al hacer hover en la card */
.elementor-648 .elementor-element.elementor-element-6132725:hover .elementor-icon svg rect {
stroke: #ffffff !important;
}
.elementor-648 .elementor-element.elementor-element-6132725:hover .elementor-icon svg path {
fill: #ffffff !important;
}
/* 3. Cambiar la imagen de los puntos (SVG) a blanco al hacer hover en la card */
/* Nota: Como es un archivo .svg cargado por etiqueta ![]()
, aplicamos un filtro de inversión */
.elementor-648 .elementor-element.elementor-element-6132725:hover .elementor-widget-image img {
filter: brightness(0) invert(1) !important;
transition: filter 0.2s ease-in-out;
}
/* Opcional: Asegurar que el texto cambie a blanco para que sea legible sobre el fondo naranja */
.elementor-648 .elementor-element.elementor-element-6132725:hover .elementor-heading-title {
color: #ffffff !important;
transition: color 0.2s ease-in-out;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5041fa4 *//* Selector que hace referencia al contenedor principal en Elementor */
.elementor-648 .elementor-element.elementor-element-5041fa4 {
transition: all 0.2s ease-in-out;
overflow: hidden;
}
/* 1. Cambios al hacer HOVER en la Card (Fondo y Esquina recortada) */
.elementor-648 .elementor-element.elementor-element-5041fa4:hover {
clip-path: polygon(0 0, 100% 0, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0 100%);
}
/* 2. Cambiar el color del icono (SVG) a blanco al hacer hover en la card */
.elementor-648 .elementor-element.elementor-element-5041fa4:hover .elementor-icon svg rect {
stroke: #ffffff !important;
}
.elementor-648 .elementor-element.elementor-element-5041fa4:hover .elementor-icon svg path {
fill: #ffffff !important;
}
/* 3. Cambiar la imagen de los puntos (SVG) a blanco al hacer hover en la card */
/* Nota: Como es un archivo .svg cargado por etiqueta ![]()
, aplicamos un filtro de inversión */
.elementor-648 .elementor-element.elementor-element-5041fa4:hover .elementor-widget-image img {
filter: brightness(0) invert(1) !important;
transition: filter 0.2s ease-in-out;
}
/* Opcional: Asegurar que el texto cambie a blanco para que sea legible sobre el fondo naranja */
.elementor-648 .elementor-element.elementor-element-5041fa4:hover .elementor-heading-title {
color: #ffffff !important;
transition: color 0.2s ease-in-out;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-65786ea *//* Selector que hace referencia al contenedor principal en Elementor */
.elementor-648 .elementor-element.elementor-element-65786ea {
transition: all 0.2s ease-in-out;
overflow: hidden;
}
/* 1. Cambios al hacer HOVER en la Card (Fondo y Esquina recortada) */
.elementor-648 .elementor-element.elementor-element-65786ea:hover {
clip-path: polygon(0 0, 100% 0, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0 100%);
}
/* 2. Cambiar el color del icono (SVG) a blanco al hacer hover en la card */
.elementor-648 .elementor-element.elementor-element-65786ea:hover .elementor-icon svg rect {
stroke: #ffffff !important;
}
.elementor-648 .elementor-element.elementor-element-65786ea:hover .elementor-icon svg path {
fill: #ffffff !important;
}
/* 3. Cambiar la imagen de los puntos (SVG) a blanco al hacer hover en la card */
/* Nota: Como es un archivo .svg cargado por etiqueta ![]()
, aplicamos un filtro de inversión */
.elementor-648 .elementor-element.elementor-element-65786ea:hover .elementor-widget-image img {
filter: brightness(0) invert(1) !important;
transition: filter 0.2s ease-in-out;
}
/* Opcional: Asegurar que el texto cambie a blanco para que sea legible sobre el fondo naranja */
.elementor-648 .elementor-element.elementor-element-65786ea:hover .elementor-heading-title {
color: #ffffff !important;
transition: color 0.2s ease-in-out;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-03fdc41 *//* Selector que hace referencia al contenedor principal en Elementor */
.elementor-648 .elementor-element.elementor-element-03fdc41 {
transition: all 0.2s ease-in-out;
overflow: hidden;
}
/* 1. Cambios al hacer HOVER en la Card (Fondo y Esquina recortada) */
.elementor-648 .elementor-element.elementor-element-03fdc41:hover {
clip-path: polygon(0 0, 100% 0, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0 100%);
}
/* 2. Cambiar el color del icono (SVG) a blanco al hacer hover en la card */
.elementor-648 .elementor-element.elementor-element-03fdc41:hover .elementor-icon svg rect {
stroke: #ffffff !important;
}
.elementor-648 .elementor-element.elementor-element-03fdc41:hover .elementor-icon svg path {
fill: #ffffff !important;
}
/* 3. Cambiar la imagen de los puntos (SVG) a blanco al hacer hover en la card */
/* Nota: Como es un archivo .svg cargado por etiqueta ![]()
, aplicamos un filtro de inversión */
.elementor-648 .elementor-element.elementor-element-03fdc41:hover .elementor-widget-image img {
filter: brightness(0) invert(1) !important;
transition: filter 0.2s ease-in-out;
}
/* Opcional: Asegurar que el texto cambie a blanco para que sea legible sobre el fondo naranja */
.elementor-648 .elementor-element.elementor-element-03fdc41:hover .elementor-heading-title {
color: #ffffff !important;
transition: color 0.2s ease-in-out;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6aeaa68 *//* Selector que hace referencia al contenedor principal en Elementor */
.elementor-648 .elementor-element.elementor-element-6aeaa68 {
transition: all 0.2s ease-in-out;
overflow: hidden;
}
/* 1. Cambios al hacer HOVER en la Card (Fondo y Esquina recortada) */
.elementor-648 .elementor-element.elementor-element-6aeaa68:hover {
clip-path: polygon(0 0, 100% 0, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0 100%);
}
/* 2. Cambiar el color del icono (SVG) a blanco al hacer hover en la card */
.elementor-648 .elementor-element.elementor-element-6aeaa68:hover .elementor-icon svg rect {
stroke: #ffffff !important;
}
.elementor-648 .elementor-element.elementor-element-6aeaa68:hover .elementor-icon svg path {
fill: #ffffff !important;
}
/* 3. Cambiar la imagen de los puntos (SVG) a blanco al hacer hover en la card */
/* Nota: Como es un archivo .svg cargado por etiqueta ![]()
, aplicamos un filtro de inversión */
.elementor-648 .elementor-element.elementor-element-6aeaa68:hover .elementor-widget-image img {
filter: brightness(0) invert(1) !important;
transition: filter 0.2s ease-in-out;
}
/* Opcional: Asegurar que el texto cambie a blanco para que sea legible sobre el fondo naranja */
.elementor-648 .elementor-element.elementor-element-6aeaa68:hover .elementor-heading-title {
color: #ffffff !important;
transition: color 0.2s ease-in-out;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ffd701e *//* Selector que hace referencia al contenedor principal en Elementor */
.elementor-648 .elementor-element.elementor-element-ffd701e {
transition: all 0.2s ease-in-out;
overflow: hidden;
}
/* 1. Cambios al hacer HOVER en la Card (Fondo y Esquina recortada) */
.elementor-648 .elementor-element.elementor-element-ffd701e:hover {
clip-path: polygon(0 0, 100% 0, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0 100%);
}
/* 2. Cambiar el color del icono (SVG) a blanco al hacer hover en la card */
.elementor-648 .elementor-element.elementor-element-ffd701e:hover .elementor-icon svg rect {
stroke: #ffffff !important;
}
.elementor-648 .elementor-element.elementor-element-ffd701e:hover .elementor-icon svg path {
fill: #ffffff !important;
}
/* 3. Cambiar la imagen de los puntos (SVG) a blanco al hacer hover en la card */
/* Nota: Como es un archivo .svg cargado por etiqueta ![]()
, aplicamos un filtro de inversión */
.elementor-648 .elementor-element.elementor-element-ffd701e:hover .elementor-widget-image img {
filter: brightness(0) invert(1) !important;
transition: filter 0.2s ease-in-out;
}
/* Opcional: Asegurar que el texto cambie a blanco para que sea legible sobre el fondo naranja */
.elementor-648 .elementor-element.elementor-element-ffd701e:hover .elementor-heading-title {
color: #ffffff !important;
transition: color 0.2s ease-in-out;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6132725 *//* Selector que hace referencia al contenedor principal en Elementor */
.elementor-648 .elementor-element.elementor-element-6132725 {
transition: all 0.2s ease-in-out;
overflow: hidden;
}
/* 1. Cambios al hacer HOVER en la Card (Fondo y Esquina recortada) */
.elementor-648 .elementor-element.elementor-element-6132725:hover {
clip-path: polygon(0 0, 100% 0, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0 100%);
}
/* 2. Cambiar el color del icono (SVG) a blanco al hacer hover en la card */
.elementor-648 .elementor-element.elementor-element-6132725:hover .elementor-icon svg rect {
stroke: #ffffff !important;
}
.elementor-648 .elementor-element.elementor-element-6132725:hover .elementor-icon svg path {
fill: #ffffff !important;
}
/* 3. Cambiar la imagen de los puntos (SVG) a blanco al hacer hover en la card */
/* Nota: Como es un archivo .svg cargado por etiqueta ![]()
, aplicamos un filtro de inversión */
.elementor-648 .elementor-element.elementor-element-6132725:hover .elementor-widget-image img {
filter: brightness(0) invert(1) !important;
transition: filter 0.2s ease-in-out;
}
/* Opcional: Asegurar que el texto cambie a blanco para que sea legible sobre el fondo naranja */
.elementor-648 .elementor-element.elementor-element-6132725:hover .elementor-heading-title {
color: #ffffff !important;
transition: color 0.2s ease-in-out;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5041fa4 *//* Selector que hace referencia al contenedor principal en Elementor */
.elementor-648 .elementor-element.elementor-element-5041fa4 {
transition: all 0.2s ease-in-out;
overflow: hidden;
}
/* 1. Cambios al hacer HOVER en la Card (Fondo y Esquina recortada) */
.elementor-648 .elementor-element.elementor-element-5041fa4:hover {
clip-path: polygon(0 0, 100% 0, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0 100%);
}
/* 2. Cambiar el color del icono (SVG) a blanco al hacer hover en la card */
.elementor-648 .elementor-element.elementor-element-5041fa4:hover .elementor-icon svg rect {
stroke: #ffffff !important;
}
.elementor-648 .elementor-element.elementor-element-5041fa4:hover .elementor-icon svg path {
fill: #ffffff !important;
}
/* 3. Cambiar la imagen de los puntos (SVG) a blanco al hacer hover en la card */
/* Nota: Como es un archivo .svg cargado por etiqueta ![]()
, aplicamos un filtro de inversión */
.elementor-648 .elementor-element.elementor-element-5041fa4:hover .elementor-widget-image img {
filter: brightness(0) invert(1) !important;
transition: filter 0.2s ease-in-out;
}
/* Opcional: Asegurar que el texto cambie a blanco para que sea legible sobre el fondo naranja */
.elementor-648 .elementor-element.elementor-element-5041fa4:hover .elementor-heading-title {
color: #ffffff !important;
transition: color 0.2s ease-in-out;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-65786ea *//* Selector que hace referencia al contenedor principal en Elementor */
.elementor-648 .elementor-element.elementor-element-65786ea {
transition: all 0.2s ease-in-out;
overflow: hidden;
}
/* 1. Cambios al hacer HOVER en la Card (Fondo y Esquina recortada) */
.elementor-648 .elementor-element.elementor-element-65786ea:hover {
clip-path: polygon(0 0, 100% 0, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0 100%);
}
/* 2. Cambiar el color del icono (SVG) a blanco al hacer hover en la card */
.elementor-648 .elementor-element.elementor-element-65786ea:hover .elementor-icon svg rect {
stroke: #ffffff !important;
}
.elementor-648 .elementor-element.elementor-element-65786ea:hover .elementor-icon svg path {
fill: #ffffff !important;
}
/* 3. Cambiar la imagen de los puntos (SVG) a blanco al hacer hover en la card */
/* Nota: Como es un archivo .svg cargado por etiqueta ![]()
, aplicamos un filtro de inversión */
.elementor-648 .elementor-element.elementor-element-65786ea:hover .elementor-widget-image img {
filter: brightness(0) invert(1) !important;
transition: filter 0.2s ease-in-out;
}
/* Opcional: Asegurar que el texto cambie a blanco para que sea legible sobre el fondo naranja */
.elementor-648 .elementor-element.elementor-element-65786ea:hover .elementor-heading-title {
color: #ffffff !important;
transition: color 0.2s ease-in-out;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-03fdc41 *//* Selector que hace referencia al contenedor principal en Elementor */
.elementor-648 .elementor-element.elementor-element-03fdc41 {
transition: all 0.2s ease-in-out;
overflow: hidden;
}
/* 1. Cambios al hacer HOVER en la Card (Fondo y Esquina recortada) */
.elementor-648 .elementor-element.elementor-element-03fdc41:hover {
clip-path: polygon(0 0, 100% 0, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0 100%);
}
/* 2. Cambiar el color del icono (SVG) a blanco al hacer hover en la card */
.elementor-648 .elementor-element.elementor-element-03fdc41:hover .elementor-icon svg rect {
stroke: #ffffff !important;
}
.elementor-648 .elementor-element.elementor-element-03fdc41:hover .elementor-icon svg path {
fill: #ffffff !important;
}
/* 3. Cambiar la imagen de los puntos (SVG) a blanco al hacer hover en la card */
/* Nota: Como es un archivo .svg cargado por etiqueta ![]()
, aplicamos un filtro de inversión */
.elementor-648 .elementor-element.elementor-element-03fdc41:hover .elementor-widget-image img {
filter: brightness(0) invert(1) !important;
transition: filter 0.2s ease-in-out;
}
/* Opcional: Asegurar que el texto cambie a blanco para que sea legible sobre el fondo naranja */
.elementor-648 .elementor-element.elementor-element-03fdc41:hover .elementor-heading-title {
color: #ffffff !important;
transition: color 0.2s ease-in-out;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6aeaa68 *//* Selector que hace referencia al contenedor principal en Elementor */
.elementor-648 .elementor-element.elementor-element-6aeaa68 {
transition: all 0.2s ease-in-out;
overflow: hidden;
}
/* 1. Cambios al hacer HOVER en la Card (Fondo y Esquina recortada) */
.elementor-648 .elementor-element.elementor-element-6aeaa68:hover {
clip-path: polygon(0 0, 100% 0, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0 100%);
}
/* 2. Cambiar el color del icono (SVG) a blanco al hacer hover en la card */
.elementor-648 .elementor-element.elementor-element-6aeaa68:hover .elementor-icon svg rect {
stroke: #ffffff !important;
}
.elementor-648 .elementor-element.elementor-element-6aeaa68:hover .elementor-icon svg path {
fill: #ffffff !important;
}
/* 3. Cambiar la imagen de los puntos (SVG) a blanco al hacer hover en la card */
/* Nota: Como es un archivo .svg cargado por etiqueta ![]()
, aplicamos un filtro de inversión */
.elementor-648 .elementor-element.elementor-element-6aeaa68:hover .elementor-widget-image img {
filter: brightness(0) invert(1) !important;
transition: filter 0.2s ease-in-out;
}
/* Opcional: Asegurar que el texto cambie a blanco para que sea legible sobre el fondo naranja */
.elementor-648 .elementor-element.elementor-element-6aeaa68:hover .elementor-heading-title {
color: #ffffff !important;
transition: color 0.2s ease-in-out;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ffd701e *//* Selector que hace referencia al contenedor principal en Elementor */
.elementor-648 .elementor-element.elementor-element-ffd701e {
transition: all 0.2s ease-in-out;
overflow: hidden;
}
/* 1. Cambios al hacer HOVER en la Card (Fondo y Esquina recortada) */
.elementor-648 .elementor-element.elementor-element-ffd701e:hover {
clip-path: polygon(0 0, 100% 0, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0 100%);
}
/* 2. Cambiar el color del icono (SVG) a blanco al hacer hover en la card */
.elementor-648 .elementor-element.elementor-element-ffd701e:hover .elementor-icon svg rect {
stroke: #ffffff !important;
}
.elementor-648 .elementor-element.elementor-element-ffd701e:hover .elementor-icon svg path {
fill: #ffffff !important;
}
/* 3. Cambiar la imagen de los puntos (SVG) a blanco al hacer hover en la card */
/* Nota: Como es un archivo .svg cargado por etiqueta ![]()
, aplicamos un filtro de inversión */
.elementor-648 .elementor-element.elementor-element-ffd701e:hover .elementor-widget-image img {
filter: brightness(0) invert(1) !important;
transition: filter 0.2s ease-in-out;
}
/* Opcional: Asegurar que el texto cambie a blanco para que sea legible sobre el fondo naranja */
.elementor-648 .elementor-element.elementor-element-ffd701e:hover .elementor-heading-title {
color: #ffffff !important;
transition: color 0.2s ease-in-out;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6132725 *//* Selector que hace referencia al contenedor principal en Elementor */
.elementor-648 .elementor-element.elementor-element-6132725 {
transition: all 0.2s ease-in-out;
overflow: hidden;
}
/* 1. Cambios al hacer HOVER en la Card (Fondo y Esquina recortada) */
.elementor-648 .elementor-element.elementor-element-6132725:hover {
clip-path: polygon(0 0, 100% 0, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0 100%);
}
/* 2. Cambiar el color del icono (SVG) a blanco al hacer hover en la card */
.elementor-648 .elementor-element.elementor-element-6132725:hover .elementor-icon svg rect {
stroke: #ffffff !important;
}
.elementor-648 .elementor-element.elementor-element-6132725:hover .elementor-icon svg path {
fill: #ffffff !important;
}
/* 3. Cambiar la imagen de los puntos (SVG) a blanco al hacer hover en la card */
/* Nota: Como es un archivo .svg cargado por etiqueta ![]()
, aplicamos un filtro de inversión */
.elementor-648 .elementor-element.elementor-element-6132725:hover .elementor-widget-image img {
filter: brightness(0) invert(1) !important;
transition: filter 0.2s ease-in-out;
}
/* Opcional: Asegurar que el texto cambie a blanco para que sea legible sobre el fondo naranja */
.elementor-648 .elementor-element.elementor-element-6132725:hover .elementor-heading-title {
color: #ffffff !important;
transition: color 0.2s ease-in-out;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5041fa4 *//* Selector que hace referencia al contenedor principal en Elementor */
.elementor-648 .elementor-element.elementor-element-5041fa4 {
transition: all 0.2s ease-in-out;
overflow: hidden;
}
/* 1. Cambios al hacer HOVER en la Card (Fondo y Esquina recortada) */
.elementor-648 .elementor-element.elementor-element-5041fa4:hover {
clip-path: polygon(0 0, 100% 0, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0 100%);
}
/* 2. Cambiar el color del icono (SVG) a blanco al hacer hover en la card */
.elementor-648 .elementor-element.elementor-element-5041fa4:hover .elementor-icon svg rect {
stroke: #ffffff !important;
}
.elementor-648 .elementor-element.elementor-element-5041fa4:hover .elementor-icon svg path {
fill: #ffffff !important;
}
/* 3. Cambiar la imagen de los puntos (SVG) a blanco al hacer hover en la card */
/* Nota: Como es un archivo .svg cargado por etiqueta ![]()
, aplicamos un filtro de inversión */
.elementor-648 .elementor-element.elementor-element-5041fa4:hover .elementor-widget-image img {
filter: brightness(0) invert(1) !important;
transition: filter 0.2s ease-in-out;
}
/* Opcional: Asegurar que el texto cambie a blanco para que sea legible sobre el fondo naranja */
.elementor-648 .elementor-element.elementor-element-5041fa4:hover .elementor-heading-title {
color: #ffffff !important;
transition: color 0.2s ease-in-out;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-65786ea *//* Selector que hace referencia al contenedor principal en Elementor */
.elementor-648 .elementor-element.elementor-element-65786ea {
transition: all 0.2s ease-in-out;
overflow: hidden;
}
/* 1. Cambios al hacer HOVER en la Card (Fondo y Esquina recortada) */
.elementor-648 .elementor-element.elementor-element-65786ea:hover {
clip-path: polygon(0 0, 100% 0, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0 100%);
}
/* 2. Cambiar el color del icono (SVG) a blanco al hacer hover en la card */
.elementor-648 .elementor-element.elementor-element-65786ea:hover .elementor-icon svg rect {
stroke: #ffffff !important;
}
.elementor-648 .elementor-element.elementor-element-65786ea:hover .elementor-icon svg path {
fill: #ffffff !important;
}
/* 3. Cambiar la imagen de los puntos (SVG) a blanco al hacer hover en la card */
/* Nota: Como es un archivo .svg cargado por etiqueta ![]()
, aplicamos un filtro de inversión */
.elementor-648 .elementor-element.elementor-element-65786ea:hover .elementor-widget-image img {
filter: brightness(0) invert(1) !important;
transition: filter 0.2s ease-in-out;
}
/* Opcional: Asegurar que el texto cambie a blanco para que sea legible sobre el fondo naranja */
.elementor-648 .elementor-element.elementor-element-65786ea:hover .elementor-heading-title {
color: #ffffff !important;
transition: color 0.2s ease-in-out;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-03fdc41 *//* Selector que hace referencia al contenedor principal en Elementor */
.elementor-648 .elementor-element.elementor-element-03fdc41 {
transition: all 0.2s ease-in-out;
overflow: hidden;
}
/* 1. Cambios al hacer HOVER en la Card (Fondo y Esquina recortada) */
.elementor-648 .elementor-element.elementor-element-03fdc41:hover {
clip-path: polygon(0 0, 100% 0, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0 100%);
}
/* 2. Cambiar el color del icono (SVG) a blanco al hacer hover en la card */
.elementor-648 .elementor-element.elementor-element-03fdc41:hover .elementor-icon svg rect {
stroke: #ffffff !important;
}
.elementor-648 .elementor-element.elementor-element-03fdc41:hover .elementor-icon svg path {
fill: #ffffff !important;
}
/* 3. Cambiar la imagen de los puntos (SVG) a blanco al hacer hover en la card */
/* Nota: Como es un archivo .svg cargado por etiqueta ![]()
, aplicamos un filtro de inversión */
.elementor-648 .elementor-element.elementor-element-03fdc41:hover .elementor-widget-image img {
filter: brightness(0) invert(1) !important;
transition: filter 0.2s ease-in-out;
}
/* Opcional: Asegurar que el texto cambie a blanco para que sea legible sobre el fondo naranja */
.elementor-648 .elementor-element.elementor-element-03fdc41:hover .elementor-heading-title {
color: #ffffff !important;
transition: color 0.2s ease-in-out;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6aeaa68 *//* Selector que hace referencia al contenedor principal en Elementor */
.elementor-648 .elementor-element.elementor-element-6aeaa68 {
transition: all 0.2s ease-in-out;
overflow: hidden;
}
/* 1. Cambios al hacer HOVER en la Card (Fondo y Esquina recortada) */
.elementor-648 .elementor-element.elementor-element-6aeaa68:hover {
clip-path: polygon(0 0, 100% 0, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0 100%);
}
/* 2. Cambiar el color del icono (SVG) a blanco al hacer hover en la card */
.elementor-648 .elementor-element.elementor-element-6aeaa68:hover .elementor-icon svg rect {
stroke: #ffffff !important;
}
.elementor-648 .elementor-element.elementor-element-6aeaa68:hover .elementor-icon svg path {
fill: #ffffff !important;
}
/* 3. Cambiar la imagen de los puntos (SVG) a blanco al hacer hover en la card */
/* Nota: Como es un archivo .svg cargado por etiqueta ![]()
, aplicamos un filtro de inversión */
.elementor-648 .elementor-element.elementor-element-6aeaa68:hover .elementor-widget-image img {
filter: brightness(0) invert(1) !important;
transition: filter 0.2s ease-in-out;
}
/* Opcional: Asegurar que el texto cambie a blanco para que sea legible sobre el fondo naranja */
.elementor-648 .elementor-element.elementor-element-6aeaa68:hover .elementor-heading-title {
color: #ffffff !important;
transition: color 0.2s ease-in-out;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ffd701e *//* Selector que hace referencia al contenedor principal en Elementor */
.elementor-648 .elementor-element.elementor-element-ffd701e {
transition: all 0.2s ease-in-out;
overflow: hidden;
}
/* 1. Cambios al hacer HOVER en la Card (Fondo y Esquina recortada) */
.elementor-648 .elementor-element.elementor-element-ffd701e:hover {
clip-path: polygon(0 0, 100% 0, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0 100%);
}
/* 2. Cambiar el color del icono (SVG) a blanco al hacer hover en la card */
.elementor-648 .elementor-element.elementor-element-ffd701e:hover .elementor-icon svg rect {
stroke: #ffffff !important;
}
.elementor-648 .elementor-element.elementor-element-ffd701e:hover .elementor-icon svg path {
fill: #ffffff !important;
}
/* 3. Cambiar la imagen de los puntos (SVG) a blanco al hacer hover en la card */
/* Nota: Como es un archivo .svg cargado por etiqueta ![]()
, aplicamos un filtro de inversión */
.elementor-648 .elementor-element.elementor-element-ffd701e:hover .elementor-widget-image img {
filter: brightness(0) invert(1) !important;
transition: filter 0.2s ease-in-out;
}
/* Opcional: Asegurar que el texto cambie a blanco para que sea legible sobre el fondo naranja */
.elementor-648 .elementor-element.elementor-element-ffd701e:hover .elementor-heading-title {
color: #ffffff !important;
transition: color 0.2s ease-in-out;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6132725 *//* Selector que hace referencia al contenedor principal en Elementor */
.elementor-648 .elementor-element.elementor-element-6132725 {
transition: all 0.2s ease-in-out;
overflow: hidden;
}
/* 1. Cambios al hacer HOVER en la Card (Fondo y Esquina recortada) */
.elementor-648 .elementor-element.elementor-element-6132725:hover {
clip-path: polygon(0 0, 100% 0, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0 100%);
}
/* 2. Cambiar el color del icono (SVG) a blanco al hacer hover en la card */
.elementor-648 .elementor-element.elementor-element-6132725:hover .elementor-icon svg rect {
stroke: #ffffff !important;
}
.elementor-648 .elementor-element.elementor-element-6132725:hover .elementor-icon svg path {
fill: #ffffff !important;
}
/* 3. Cambiar la imagen de los puntos (SVG) a blanco al hacer hover en la card */
/* Nota: Como es un archivo .svg cargado por etiqueta ![]()
, aplicamos un filtro de inversión */
.elementor-648 .elementor-element.elementor-element-6132725:hover .elementor-widget-image img {
filter: brightness(0) invert(1) !important;
transition: filter 0.2s ease-in-out;
}
/* Opcional: Asegurar que el texto cambie a blanco para que sea legible sobre el fondo naranja */
.elementor-648 .elementor-element.elementor-element-6132725:hover .elementor-heading-title {
color: #ffffff !important;
transition: color 0.2s ease-in-out;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5041fa4 *//* Selector que hace referencia al contenedor principal en Elementor */
.elementor-648 .elementor-element.elementor-element-5041fa4 {
transition: all 0.2s ease-in-out;
overflow: hidden;
}
/* 1. Cambios al hacer HOVER en la Card (Fondo y Esquina recortada) */
.elementor-648 .elementor-element.elementor-element-5041fa4:hover {
clip-path: polygon(0 0, 100% 0, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0 100%);
}
/* 2. Cambiar el color del icono (SVG) a blanco al hacer hover en la card */
.elementor-648 .elementor-element.elementor-element-5041fa4:hover .elementor-icon svg rect {
stroke: #ffffff !important;
}
.elementor-648 .elementor-element.elementor-element-5041fa4:hover .elementor-icon svg path {
fill: #ffffff !important;
}
/* 3. Cambiar la imagen de los puntos (SVG) a blanco al hacer hover en la card */
/* Nota: Como es un archivo .svg cargado por etiqueta ![]()
, aplicamos un filtro de inversión */
.elementor-648 .elementor-element.elementor-element-5041fa4:hover .elementor-widget-image img {
filter: brightness(0) invert(1) !important;
transition: filter 0.2s ease-in-out;
}
/* Opcional: Asegurar que el texto cambie a blanco para que sea legible sobre el fondo naranja */
.elementor-648 .elementor-element.elementor-element-5041fa4:hover .elementor-heading-title {
color: #ffffff !important;
transition: color 0.2s ease-in-out;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-65786ea *//* Selector que hace referencia al contenedor principal en Elementor */
.elementor-648 .elementor-element.elementor-element-65786ea {
transition: all 0.2s ease-in-out;
overflow: hidden;
}
/* 1. Cambios al hacer HOVER en la Card (Fondo y Esquina recortada) */
.elementor-648 .elementor-element.elementor-element-65786ea:hover {
clip-path: polygon(0 0, 100% 0, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0 100%);
}
/* 2. Cambiar el color del icono (SVG) a blanco al hacer hover en la card */
.elementor-648 .elementor-element.elementor-element-65786ea:hover .elementor-icon svg rect {
stroke: #ffffff !important;
}
.elementor-648 .elementor-element.elementor-element-65786ea:hover .elementor-icon svg path {
fill: #ffffff !important;
}
/* 3. Cambiar la imagen de los puntos (SVG) a blanco al hacer hover en la card */
/* Nota: Como es un archivo .svg cargado por etiqueta ![]()
, aplicamos un filtro de inversión */
.elementor-648 .elementor-element.elementor-element-65786ea:hover .elementor-widget-image img {
filter: brightness(0) invert(1) !important;
transition: filter 0.2s ease-in-out;
}
/* Opcional: Asegurar que el texto cambie a blanco para que sea legible sobre el fondo naranja */
.elementor-648 .elementor-element.elementor-element-65786ea:hover .elementor-heading-title {
color: #ffffff !important;
transition: color 0.2s ease-in-out;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-03fdc41 *//* Selector que hace referencia al contenedor principal en Elementor */
.elementor-648 .elementor-element.elementor-element-03fdc41 {
transition: all 0.2s ease-in-out;
overflow: hidden;
}
/* 1. Cambios al hacer HOVER en la Card (Fondo y Esquina recortada) */
.elementor-648 .elementor-element.elementor-element-03fdc41:hover {
clip-path: polygon(0 0, 100% 0, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0 100%);
}
/* 2. Cambiar el color del icono (SVG) a blanco al hacer hover en la card */
.elementor-648 .elementor-element.elementor-element-03fdc41:hover .elementor-icon svg rect {
stroke: #ffffff !important;
}
.elementor-648 .elementor-element.elementor-element-03fdc41:hover .elementor-icon svg path {
fill: #ffffff !important;
}
/* 3. Cambiar la imagen de los puntos (SVG) a blanco al hacer hover en la card */
/* Nota: Como es un archivo .svg cargado por etiqueta ![]()
, aplicamos un filtro de inversión */
.elementor-648 .elementor-element.elementor-element-03fdc41:hover .elementor-widget-image img {
filter: brightness(0) invert(1) !important;
transition: filter 0.2s ease-in-out;
}
/* Opcional: Asegurar que el texto cambie a blanco para que sea legible sobre el fondo naranja */
.elementor-648 .elementor-element.elementor-element-03fdc41:hover .elementor-heading-title {
color: #ffffff !important;
transition: color 0.2s ease-in-out;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6aeaa68 *//* Selector que hace referencia al contenedor principal en Elementor */
.elementor-648 .elementor-element.elementor-element-6aeaa68 {
transition: all 0.2s ease-in-out;
overflow: hidden;
}
/* 1. Cambios al hacer HOVER en la Card (Fondo y Esquina recortada) */
.elementor-648 .elementor-element.elementor-element-6aeaa68:hover {
clip-path: polygon(0 0, 100% 0, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0 100%);
}
/* 2. Cambiar el color del icono (SVG) a blanco al hacer hover en la card */
.elementor-648 .elementor-element.elementor-element-6aeaa68:hover .elementor-icon svg rect {
stroke: #ffffff !important;
}
.elementor-648 .elementor-element.elementor-element-6aeaa68:hover .elementor-icon svg path {
fill: #ffffff !important;
}
/* 3. Cambiar la imagen de los puntos (SVG) a blanco al hacer hover en la card */
/* Nota: Como es un archivo .svg cargado por etiqueta ![]()
, aplicamos un filtro de inversión */
.elementor-648 .elementor-element.elementor-element-6aeaa68:hover .elementor-widget-image img {
filter: brightness(0) invert(1) !important;
transition: filter 0.2s ease-in-out;
}
/* Opcional: Asegurar que el texto cambie a blanco para que sea legible sobre el fondo naranja */
.elementor-648 .elementor-element.elementor-element-6aeaa68:hover .elementor-heading-title {
color: #ffffff !important;
transition: color 0.2s ease-in-out;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ffd701e *//* Selector que hace referencia al contenedor principal en Elementor */
.elementor-648 .elementor-element.elementor-element-ffd701e {
transition: all 0.2s ease-in-out;
overflow: hidden;
}
/* 1. Cambios al hacer HOVER en la Card (Fondo y Esquina recortada) */
.elementor-648 .elementor-element.elementor-element-ffd701e:hover {
clip-path: polygon(0 0, 100% 0, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0 100%);
}
/* 2. Cambiar el color del icono (SVG) a blanco al hacer hover en la card */
.elementor-648 .elementor-element.elementor-element-ffd701e:hover .elementor-icon svg rect {
stroke: #ffffff !important;
}
.elementor-648 .elementor-element.elementor-element-ffd701e:hover .elementor-icon svg path {
fill: #ffffff !important;
}
/* 3. Cambiar la imagen de los puntos (SVG) a blanco al hacer hover en la card */
/* Nota: Como es un archivo .svg cargado por etiqueta ![]()
, aplicamos un filtro de inversión */
.elementor-648 .elementor-element.elementor-element-ffd701e:hover .elementor-widget-image img {
filter: brightness(0) invert(1) !important;
transition: filter 0.2s ease-in-out;
}
/* Opcional: Asegurar que el texto cambie a blanco para que sea legible sobre el fondo naranja */
.elementor-648 .elementor-element.elementor-element-ffd701e:hover .elementor-heading-title {
color: #ffffff !important;
transition: color 0.2s ease-in-out;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6132725 *//* Selector que hace referencia al contenedor principal en Elementor */
.elementor-648 .elementor-element.elementor-element-6132725 {
transition: all 0.2s ease-in-out;
overflow: hidden;
}
/* 1. Cambios al hacer HOVER en la Card (Fondo y Esquina recortada) */
.elementor-648 .elementor-element.elementor-element-6132725:hover {
clip-path: polygon(0 0, 100% 0, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0 100%);
}
/* 2. Cambiar el color del icono (SVG) a blanco al hacer hover en la card */
.elementor-648 .elementor-element.elementor-element-6132725:hover .elementor-icon svg rect {
stroke: #ffffff !important;
}
.elementor-648 .elementor-element.elementor-element-6132725:hover .elementor-icon svg path {
fill: #ffffff !important;
}
/* 3. Cambiar la imagen de los puntos (SVG) a blanco al hacer hover en la card */
/* Nota: Como es un archivo .svg cargado por etiqueta ![]()
, aplicamos un filtro de inversión */
.elementor-648 .elementor-element.elementor-element-6132725:hover .elementor-widget-image img {
filter: brightness(0) invert(1) !important;
transition: filter 0.2s ease-in-out;
}
/* Opcional: Asegurar que el texto cambie a blanco para que sea legible sobre el fondo naranja */
.elementor-648 .elementor-element.elementor-element-6132725:hover .elementor-heading-title {
color: #ffffff !important;
transition: color 0.2s ease-in-out;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5041fa4 *//* Selector que hace referencia al contenedor principal en Elementor */
.elementor-648 .elementor-element.elementor-element-5041fa4 {
transition: all 0.2s ease-in-out;
overflow: hidden;
}
/* 1. Cambios al hacer HOVER en la Card (Fondo y Esquina recortada) */
.elementor-648 .elementor-element.elementor-element-5041fa4:hover {
clip-path: polygon(0 0, 100% 0, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0 100%);
}
/* 2. Cambiar el color del icono (SVG) a blanco al hacer hover en la card */
.elementor-648 .elementor-element.elementor-element-5041fa4:hover .elementor-icon svg rect {
stroke: #ffffff !important;
}
.elementor-648 .elementor-element.elementor-element-5041fa4:hover .elementor-icon svg path {
fill: #ffffff !important;
}
/* 3. Cambiar la imagen de los puntos (SVG) a blanco al hacer hover en la card */
/* Nota: Como es un archivo .svg cargado por etiqueta ![]()
, aplicamos un filtro de inversión */
.elementor-648 .elementor-element.elementor-element-5041fa4:hover .elementor-widget-image img {
filter: brightness(0) invert(1) !important;
transition: filter 0.2s ease-in-out;
}
/* Opcional: Asegurar que el texto cambie a blanco para que sea legible sobre el fondo naranja */
.elementor-648 .elementor-element.elementor-element-5041fa4:hover .elementor-heading-title {
color: #ffffff !important;
transition: color 0.2s ease-in-out;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-65786ea *//* Selector que hace referencia al contenedor principal en Elementor */
.elementor-648 .elementor-element.elementor-element-65786ea {
transition: all 0.2s ease-in-out;
overflow: hidden;
}
/* 1. Cambios al hacer HOVER en la Card (Fondo y Esquina recortada) */
.elementor-648 .elementor-element.elementor-element-65786ea:hover {
clip-path: polygon(0 0, 100% 0, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0 100%);
}
/* 2. Cambiar el color del icono (SVG) a blanco al hacer hover en la card */
.elementor-648 .elementor-element.elementor-element-65786ea:hover .elementor-icon svg rect {
stroke: #ffffff !important;
}
.elementor-648 .elementor-element.elementor-element-65786ea:hover .elementor-icon svg path {
fill: #ffffff !important;
}
/* 3. Cambiar la imagen de los puntos (SVG) a blanco al hacer hover en la card */
/* Nota: Como es un archivo .svg cargado por etiqueta ![]()
, aplicamos un filtro de inversión */
.elementor-648 .elementor-element.elementor-element-65786ea:hover .elementor-widget-image img {
filter: brightness(0) invert(1) !important;
transition: filter 0.2s ease-in-out;
}
/* Opcional: Asegurar que el texto cambie a blanco para que sea legible sobre el fondo naranja */
.elementor-648 .elementor-element.elementor-element-65786ea:hover .elementor-heading-title {
color: #ffffff !important;
transition: color 0.2s ease-in-out;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-03fdc41 *//* Selector que hace referencia al contenedor principal en Elementor */
.elementor-648 .elementor-element.elementor-element-03fdc41 {
transition: all 0.2s ease-in-out;
overflow: hidden;
}
/* 1. Cambios al hacer HOVER en la Card (Fondo y Esquina recortada) */
.elementor-648 .elementor-element.elementor-element-03fdc41:hover {
clip-path: polygon(0 0, 100% 0, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0 100%);
}
/* 2. Cambiar el color del icono (SVG) a blanco al hacer hover en la card */
.elementor-648 .elementor-element.elementor-element-03fdc41:hover .elementor-icon svg rect {
stroke: #ffffff !important;
}
.elementor-648 .elementor-element.elementor-element-03fdc41:hover .elementor-icon svg path {
fill: #ffffff !important;
}
/* 3. Cambiar la imagen de los puntos (SVG) a blanco al hacer hover en la card */
/* Nota: Como es un archivo .svg cargado por etiqueta ![]()
, aplicamos un filtro de inversión */
.elementor-648 .elementor-element.elementor-element-03fdc41:hover .elementor-widget-image img {
filter: brightness(0) invert(1) !important;
transition: filter 0.2s ease-in-out;
}
/* Opcional: Asegurar que el texto cambie a blanco para que sea legible sobre el fondo naranja */
.elementor-648 .elementor-element.elementor-element-03fdc41:hover .elementor-heading-title {
color: #ffffff !important;
transition: color 0.2s ease-in-out;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8bf6b15 */.elementor-648 .elementor-element.elementor-element-8bf6b15 {
overflow: hidden !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4822321 */.elementor-648 .elementor-element.elementor-element-4822321 {
overflow: hidden !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-57a591a */.elementor-648 .elementor-element.elementor-element-57a591a {
overflow: hidden !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2fbd76f */.elementor-648 .elementor-element.elementor-element-2fbd76f {
backdrop-filter: blur(10px);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-40a047c */.elementor-648 .elementor-element.elementor-element-40a047c {
backdrop-filter: blur(10px);
}/* End custom CSS */
/* Start custom CSS for image-carousel, class: .elementor-element-2ce1ae3 *//* Fuerza al contenedor del slider a usar una transición lineal sin pausas */
.elementor-648 .elementor-element.elementor-element-2ce1ae3 .swiper-wrapper {
transition-timing-function: linear !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-c843e13 *//* ====================================================
1. ALINEACIÓN GLOBAL (Afecta a Escritorio y Móvil)
====================================================== */
.elementor-648 .elementor-element.elementor-element-c843e13 .elementor-button-content-wrapper {
display: flex !important;
align-items: center !important; /* Centra el texto y el icono verticalmente */
justify-content: center !important; /* Centra todo horizontalmente */
gap: 10px; /* Controla la separación entre el texto y tu icono */
}
/* Fuerza al contenedor del icono a no desalinearse */
.elementor-648 .elementor-element.elementor-element-c843e13 .elementor-button-icon {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important; /* Elimina márgenes por defecto que empujan el icono */
}
/* ====================================================
2. TAMAÑOS DEL SVG POR DISPOSITIVO
====================================================== */
/* Tamaño en ESCRITORIO */
.elementor-648 .elementor-element.elementor-element-c843e13 .elementor-button-icon svg {
width: 30px !important;
height: 30px !important;
}
/* Tamaño en MÓVIL */
@media (max-width: 767px) {
.elementor-648 .elementor-element.elementor-element-c843e13 .elementor-button-icon svg {
width: 25px !important;
height: 25px !important;
}
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
font-family: 'Makira';
font-style: normal;
font-weight: 400;
font-display: auto;
src: url('https://vcsa.cl/wp-content/uploads/2026/06/makira-regular.woff2') format('woff2');
}
@font-face {
font-family: 'Makira';
font-style: normal;
font-weight: 500;
font-display: auto;
src: url('https://vcsa.cl/wp-content/uploads/2026/06/makira-medium.woff2') format('woff2');
}
@font-face {
font-family: 'Makira';
font-style: normal;
font-weight: 600;
font-display: auto;
src: url('https://vcsa.cl/wp-content/uploads/2026/06/makira-semibold.woff2') format('woff2');
}
@font-face {
font-family: 'Makira';
font-style: normal;
font-weight: 700;
font-display: auto;
src: url('https://vcsa.cl/wp-content/uploads/2026/06/makira-bold.woff2') format('woff2');
}
@font-face {
font-family: 'Makira';
font-style: normal;
font-weight: 800;
font-display: auto;
src: url('https://vcsa.cl/wp-content/uploads/2026/06/makira-extrabold.woff2') format('woff2');
}
@font-face {
font-family: 'Makira';
font-style: normal;
font-weight: 900;
font-display: auto;
src: url('https://vcsa.cl/wp-content/uploads/2026/06/makira-black.woff2') format('woff2');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
font-family: 'SF Pro Display';
font-style: normal;
font-weight: 200;
font-display: auto;
src: url('https://vcsa.cl/wp-content/uploads/2026/06/SF-Pro-Display-Ultralight.woff2') format('woff2');
}
@font-face {
font-family: 'SF Pro Display';
font-style: normal;
font-weight: 300;
font-display: auto;
src: url('https://vcsa.cl/wp-content/uploads/2026/06/SF-Pro-Display-Light.woff2') format('woff2');
}
@font-face {
font-family: 'SF Pro Display';
font-style: normal;
font-weight: 400;
font-display: auto;
src: url('https://vcsa.cl/wp-content/uploads/2026/06/SF-Pro-Display-Regular.woff2') format('woff2');
}
@font-face {
font-family: 'SF Pro Display';
font-style: normal;
font-weight: 500;
font-display: auto;
src: url('https://vcsa.cl/wp-content/uploads/2026/06/SF-Pro-Display-Medium.woff2') format('woff2');
}
@font-face {
font-family: 'SF Pro Display';
font-style: normal;
font-weight: 600;
font-display: auto;
src: url('https://vcsa.cl/wp-content/uploads/2026/06/SF-Pro-Display-Semibold.woff2') format('woff2');
}
@font-face {
font-family: 'SF Pro Display';
font-style: normal;
font-weight: 700;
font-display: auto;
src: url('https://vcsa.cl/wp-content/uploads/2026/06/SF-Pro-Display-Bold.woff2') format('woff2');
}
@font-face {
font-family: 'SF Pro Display';
font-style: normal;
font-weight: 100;
font-display: auto;
src: url('https://vcsa.cl/wp-content/uploads/2026/06/SF-Pro-Display-Thin.woff2') format('woff2');
}
/* End Custom Fonts CSS */