.elementor-1355 .elementor-element.elementor-element-72cf420{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-122px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1355 .elementor-element.elementor-element-308bc3f{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1355 .elementor-element.elementor-element-a478464{width:var( --container-widget-width, 73.522% );max-width:73.522%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:25px 25px 25px 25px;--container-widget-width:73.522%;--container-widget-flex-grow:0;}.elementor-1355 .elementor-element.elementor-element-a478464.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1355 .elementor-element.elementor-element-a478464 .elementor-heading-title{font-family:"Bricolage Grotesque", Sans-serif;font-size:82px;font-weight:800;letter-spacing:-2.9px;color:var( --e-global-color-text );}.elementor-1355 .elementor-element.elementor-element-c99f581{--display:flex;--min-height:100vh;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1355 .elementor-element.elementor-element-c99f581:not(.elementor-motion-effects-element-type-background), .elementor-1355 .elementor-element.elementor-element-c99f581 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://adagioagencia.com/wp-content/uploads/2026/08/SaveClip.App_750396818_18081019409658419_8119987767321455690_n.jpg.jpeg");background-position:-201px 0px;background-size:cover;}.elementor-1355 .elementor-element.elementor-element-12888cb{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1355 .elementor-element.elementor-element-708555d{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1355 .elementor-element.elementor-element-1dfaca4{width:var( --container-widget-width, 40.703% );max-width:40.703%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:15px 25px 15px 25px;--container-widget-width:40.703%;--container-widget-flex-grow:0;}.elementor-1355 .elementor-element.elementor-element-1dfaca4.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1355 .elementor-element.elementor-element-1dfaca4 .elementor-heading-title{font-family:"Bricolage Grotesque", Sans-serif;font-size:55px;font-weight:600;letter-spacing:-5px;color:var( --e-global-color-text );}.elementor-1355 .elementor-element.elementor-element-69b4148{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:25px;--padding-right:25px;}.elementor-1355 .elementor-element.elementor-element-9fa83ce{--spacer-size:50px;width:var( --container-widget-width, 25% );max-width:25%;--container-widget-width:25%;--container-widget-flex-grow:0;}.elementor-1355 .elementor-element.elementor-element-9fa83ce.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );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-1355 .elementor-element.elementor-element-58d4380{width:var( --container-widget-width, 25% );max-width:25%;--container-widget-width:25%;--container-widget-flex-grow:0;}.elementor-1355 .elementor-element.elementor-element-58d4380.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1355 .elementor-element.elementor-element-1416e90{width:var( --container-widget-width, 25% );max-width:25%;--container-widget-width:25%;--container-widget-flex-grow:0;}.elementor-1355 .elementor-element.elementor-element-1416e90.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1355 .elementor-element.elementor-element-c050627{width:var( --container-widget-width, 25% );max-width:25%;--container-widget-width:25%;--container-widget-flex-grow:0;}.elementor-1355 .elementor-element.elementor-element-c050627.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1355 .elementor-element.elementor-element-9bf5d51{--display:grid;--min-height:80vh;--e-con-grid-template-columns:repeat(5, 1fr);--e-con-grid-template-rows:repeat(3, 1fr);--gap:10px 10px;--row-gap:10px;--column-gap:10px;--grid-auto-flow:row;--justify-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1355 .elementor-element.elementor-element-3ce0ea6{--display:flex;grid-column:span 2;grid-row:span 2;}.elementor-1355 .elementor-element.elementor-element-9478cc1{--display:flex;grid-column:span 1;}.elementor-1355 .elementor-element.elementor-element-9478cc1:not(.elementor-motion-effects-element-type-background), .elementor-1355 .elementor-element.elementor-element-9478cc1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://adagioagencia.com/wp-content/uploads/2026/08/SaveClip.App_750396818_18081019409658419_8119987767321455690_n.jpg.jpeg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1355 .elementor-element.elementor-element-da3e82d{--display:flex;grid-column:span 1;grid-row:span 1;}.elementor-1355 .elementor-element.elementor-element-63ec907{--display:flex;grid-column:span 1;grid-row:span 2;}.elementor-1355 .elementor-element.elementor-element-acf8c43{--display:flex;grid-column:span 1;grid-row:span 2;}.elementor-1355 .elementor-element.elementor-element-bcd7221{--display:flex;grid-column:span 1;grid-row:span 1;}.elementor-1355 .elementor-element.elementor-element-bcd7221:not(.elementor-motion-effects-element-type-background), .elementor-1355 .elementor-element.elementor-element-bcd7221 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://adagioagencia.com/wp-content/uploads/2026/08/SaveClip.App_750396818_18081019409658419_8119987767321455690_n.jpg.jpeg");background-position:center center;background-size:cover;}.elementor-1355 .elementor-element.elementor-element-045e002{--display:flex;}.elementor-1355 .elementor-element.elementor-element-045e002:not(.elementor-motion-effects-element-type-background), .elementor-1355 .elementor-element.elementor-element-045e002 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://adagioagencia.com/wp-content/uploads/2026/08/SaveClip.App_742278105_18081073343658419_3793096401855659838_n.jpg-1.jpeg");background-position:center center;background-size:cover;}.elementor-1355 .elementor-element.elementor-element-c67335e{--display:flex;}.elementor-1355 .elementor-element.elementor-element-c67335e:not(.elementor-motion-effects-element-type-background), .elementor-1355 .elementor-element.elementor-element-c67335e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://adagioagencia.com/wp-content/uploads/2026/08/SaveClip.App_752484527_18081019379658419_540493205918871148_n.jpg.jpeg");background-position:center center;background-size:cover;}.elementor-1355 .elementor-element.elementor-element-1f07f63{--display:flex;grid-column:span 2;}.elementor-1355 .elementor-element.elementor-element-1f07f63:not(.elementor-motion-effects-element-type-background), .elementor-1355 .elementor-element.elementor-element-1f07f63 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://adagioagencia.com/wp-content/uploads/2026/08/SaveClip.App_752534049_18081019370658419_5944444866311267602_n.jpg.jpeg");background-position:center center;background-size:cover;}.elementor-1355 .elementor-element.elementor-element-659c784{--display:flex;--min-height:30vh;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-1355 .elementor-element.elementor-element-dbc30db{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1355 .elementor-element.elementor-element-4c60b3a{width:var( --container-widget-width, 40.703% );max-width:40.703%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:25px 0px 25px 0px;--container-widget-width:40.703%;--container-widget-flex-grow:0;}.elementor-1355 .elementor-element.elementor-element-4c60b3a.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1355 .elementor-element.elementor-element-4c60b3a .elementor-heading-title{font-family:"Bricolage Grotesque", Sans-serif;font-size:55px;font-weight:600;letter-spacing:-5px;color:var( --e-global-color-text );}.elementor-1355 .elementor-element.elementor-element-1850a00{--display:flex;--min-height:13vh;--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-end;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1355 .elementor-element.elementor-element-1850a00.e-con{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.elementor-1355 .elementor-element.elementor-element-c8fe1da{--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:flex-start;--align-items:flex-start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1355 .elementor-element.elementor-element-c8fe1da.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1355 .elementor-element.elementor-element-155294c{--display:flex;--justify-content:space-evenly;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1355 .elementor-element.elementor-element-155294c.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1355 .elementor-element.elementor-element-670c42b{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1355 .elementor-element.elementor-element-670c42b .elementor-heading-title{font-family:"Bricolage Grotesque", Sans-serif;font-size:35px;font-weight:400;letter-spacing:-1.9px;color:var( --e-global-color-text );}.elementor-1355 .elementor-element.elementor-element-b710d38{--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:flex-start;--align-items:flex-start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1355 .elementor-element.elementor-element-b710d38.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1355 .elementor-element.elementor-element-f100b35{--display:flex;--justify-content:space-evenly;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1355 .elementor-element.elementor-element-f100b35.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1355 .elementor-element.elementor-element-adac455{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1355 .elementor-element.elementor-element-adac455 .elementor-heading-title{font-family:"Bricolage Grotesque", Sans-serif;font-size:35px;font-weight:400;letter-spacing:-1.9px;color:var( --e-global-color-text );}.elementor-1355 .elementor-element.elementor-element-6a0a961{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1355 .elementor-element.elementor-element-6a0a961.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1355 .elementor-element.elementor-element-2872d43{--display:flex;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1355 .elementor-element.elementor-element-2872d43.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1355 .elementor-element.elementor-element-fff5869{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1355 .elementor-element.elementor-element-fff5869 .elementor-heading-title{font-family:"Bricolage Grotesque", Sans-serif;font-size:35px;font-weight:400;letter-spacing:-1.9px;color:var( --e-global-color-text );}.elementor-1355 .elementor-element.elementor-element-b3a82cc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1355 .elementor-element.elementor-element-b3a82cc.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1355 .elementor-element.elementor-element-a56c6ad{--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:space-evenly;--align-items:flex-start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1355 .elementor-element.elementor-element-a56c6ad.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1355 .elementor-element.elementor-element-c77d9b0{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1355 .elementor-element.elementor-element-c77d9b0 .elementor-heading-title{font-family:"Bricolage Grotesque", Sans-serif;font-size:35px;font-weight:400;letter-spacing:-1.9px;color:var( --e-global-color-text );}.elementor-1355 .elementor-element.elementor-element-0bf7578{--display:flex;--min-height:60vh;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1355 .elementor-element.elementor-element-52794fd .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-1355 .elementor-element.elementor-element-39a9dfb{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1355 .elementor-element.elementor-element-4682f57{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-1355 .elementor-element.elementor-element-a6be187{width:var( --container-widget-width, 82.818% );max-width:82.818%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:82.818%;--container-widget-flex-grow:0;}.elementor-1355 .elementor-element.elementor-element-a6be187.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1355 .elementor-element.elementor-element-a6be187 .elementor-heading-title{font-family:"Bricolage Grotesque", Sans-serif;font-size:55px;font-weight:600;letter-spacing:-5px;color:var( --e-global-color-text );}.elementor-1355 .elementor-element.elementor-element-7917234{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1355 .elementor-element.elementor-element-df50369{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-1355 .elementor-element.elementor-element-df50369.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1355 .elementor-element.elementor-element-08fd707{width:var( --container-widget-width, 107.099% );max-width:107.099%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:107.099%;--container-widget-flex-grow:0;}.elementor-1355 .elementor-element.elementor-element-08fd707.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1355 .elementor-element.elementor-element-d6f2fe7{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-1355 .elementor-element.elementor-element-d6f2fe7.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1355 .elementor-element.elementor-element-427acda{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-1355 .elementor-element.elementor-element-427acda.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1355 .elementor-element.elementor-element-aef719d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:25px 0px 0px 0px;font-family:"Bricolage Grotesque", Sans-serif;font-size:34px;font-weight:400;line-height:38px;letter-spacing:-2.1px;}.elementor-1355 .elementor-element.elementor-element-15ffcde{--display:flex;--min-height:100vh;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-1355 .elementor-element.elementor-element-a478464{width:var( --container-widget-width, 493.797px );max-width:493.797px;--container-widget-width:493.797px;--container-widget-flex-grow:0;}.elementor-1355 .elementor-element.elementor-element-a478464 .elementor-heading-title{font-size:63px;}.elementor-1355 .elementor-element.elementor-element-c99f581:not(.elementor-motion-effects-element-type-background), .elementor-1355 .elementor-element.elementor-element-c99f581 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-1355 .elementor-element.elementor-element-1dfaca4{width:var( --container-widget-width, 772.469px );max-width:772.469px;padding:25px 25px 25px 25px;--container-widget-width:772.469px;--container-widget-flex-grow:0;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-1355 .elementor-element.elementor-element-9bf5d51{--grid-auto-flow:row;}.elementor-1355 .elementor-element.elementor-element-659c784{--min-height:41vh;--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:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1355 .elementor-element.elementor-element-dbc30db{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:25px;--padding-right:0px;}.elementor-1355 .elementor-element.elementor-element-4c60b3a{width:var( --container-widget-width, 549.312px );max-width:549.312px;--container-widget-width:549.312px;--container-widget-flex-grow:0;}.elementor-1355 .elementor-element.elementor-element-1850a00{--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:center;--align-items:flex-start;--gap:2px 2px;--row-gap:2px;--column-gap:2px;--flex-wrap:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-1355 .elementor-element.elementor-element-c8fe1da{--min-height:20vh;}.elementor-1355 .elementor-element.elementor-element-b710d38{--min-height:20vh;}.elementor-1355 .elementor-element.elementor-element-2872d43{--min-height:91px;}.elementor-1355 .elementor-element.elementor-element-a56c6ad{--min-height:49px;}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-1355 .elementor-element.elementor-element-c99f581:not(.elementor-motion-effects-element-type-background), .elementor-1355 .elementor-element.elementor-element-c99f581 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-1355 .elementor-element.elementor-element-1dfaca4 .elementor-heading-title{font-size:47px;}.elementor-1355 .elementor-element.elementor-element-69b4148{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-1355 .elementor-element.elementor-element-58d4380{width:var( --container-widget-width, 297.75px );max-width:297.75px;--container-widget-width:297.75px;--container-widget-flex-grow:0;}.elementor-1355 .elementor-element.elementor-element-1416e90{width:var( --container-widget-width, 389.75px );max-width:389.75px;--container-widget-width:389.75px;--container-widget-flex-grow:0;}.elementor-1355 .elementor-element.elementor-element-c050627{width:var( --container-widget-width, 486.75px );max-width:486.75px;--container-widget-width:486.75px;--container-widget-flex-grow:0;}.elementor-1355 .elementor-element.elementor-element-9bf5d51{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-1355 .elementor-element.elementor-element-4c60b3a{width:var( --container-widget-width, 285.234px );max-width:285.234px;--container-widget-width:285.234px;--container-widget-flex-grow:0;}.elementor-1355 .elementor-element.elementor-element-1850a00{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-1355 .elementor-element.elementor-element-0bf7578{--content-width:100%;--min-height:26vh;}.elementor-1355 .elementor-element.elementor-element-4682f57{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1355 .elementor-element.elementor-element-a6be187{width:var( --container-widget-width, 100% );max-width:100%;padding:25px 0px 0px 25px;--container-widget-width:100%;--container-widget-flex-grow:0;}}@media(min-width:768px){.elementor-1355 .elementor-element.elementor-element-72cf420{--content-width:100%;}.elementor-1355 .elementor-element.elementor-element-c99f581{--width:100%;}.elementor-1355 .elementor-element.elementor-element-12888cb{--content-width:100%;}.elementor-1355 .elementor-element.elementor-element-708555d{--width:100%;}.elementor-1355 .elementor-element.elementor-element-69b4148{--width:100%;}.elementor-1355 .elementor-element.elementor-element-659c784{--width:100%;}.elementor-1355 .elementor-element.elementor-element-dbc30db{--width:100%;}.elementor-1355 .elementor-element.elementor-element-1850a00{--width:100%;}.elementor-1355 .elementor-element.elementor-element-c8fe1da{--width:21.999%;}.elementor-1355 .elementor-element.elementor-element-155294c{--width:100%;}.elementor-1355 .elementor-element.elementor-element-b710d38{--width:21.999%;}.elementor-1355 .elementor-element.elementor-element-f100b35{--width:100%;}.elementor-1355 .elementor-element.elementor-element-6a0a961{--width:23.158%;}.elementor-1355 .elementor-element.elementor-element-2872d43{--width:100%;}.elementor-1355 .elementor-element.elementor-element-b3a82cc{--width:20%;}.elementor-1355 .elementor-element.elementor-element-a56c6ad{--width:100%;}.elementor-1355 .elementor-element.elementor-element-0bf7578{--content-width:100%;}.elementor-1355 .elementor-element.elementor-element-39a9dfb{--content-width:100%;}.elementor-1355 .elementor-element.elementor-element-15ffcde{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1355 .elementor-element.elementor-element-659c784{--width:100%;}.elementor-1355 .elementor-element.elementor-element-1850a00{--width:100%;}.elementor-1355 .elementor-element.elementor-element-c8fe1da{--width:44.732%;}.elementor-1355 .elementor-element.elementor-element-b710d38{--width:50%;}.elementor-1355 .elementor-element.elementor-element-6a0a961{--width:43.879%;}.elementor-1355 .elementor-element.elementor-element-2872d43{--width:100%;}.elementor-1355 .elementor-element.elementor-element-b3a82cc{--width:50%;}.elementor-1355 .elementor-element.elementor-element-a56c6ad{--width:50%;}}@media(min-width:1920px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-1355 .elementor-element.elementor-element-9bf5d51{--grid-auto-flow:row;}}/* Start custom CSS for html, class: .elementor-element-155daf0 */@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&display=swap');

.porcentaje-cut-container {
  display: flex;
  flex-direction: row; /* Dispuestos horizontalmente */
  gap: 30px; /* Ajusta el espacio entre los porcentajes */
  align-items: center;
}

/* Base transparente para el texto original */
.porcentaje-cut-text {
  font-family: 'Bricolage Grotesque', sans-serif;
  font-size: 39px; /* Ajusta según tu diseño */
  font-weight: 600;
  text-transform: none;
  text-decoration: none;
  color: transparent; /* El texto original se oculta */
  position: relative;
  display: inline-block;
  line-height: 1;
  letter-spacing: -2px;
  width: fit-content;
}

/* Capa 1: Mitad SUPERIOR */
.porcentaje-cut-text::before {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  color: #rgb(#,0,0); /* El azul brillante de tu pantallazo */
  clip-path: inset(0 0 50% 0); /* Muestra solo la mitad superior */
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Capa 2: Mitad INFERIOR */
.porcentaje-cut-text::after {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  color: #rgb(#,0,0); /* El azul brillante de tu pantallazo */
  clip-path: inset(50% 0 0 0); /* Muestra solo la mitad inferior */
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

/* --- ANIMACIÓN EN ESCRITORIO (HOVER) --- */
@media (hover: hover) {
  /* La mitad de arriba se corre a la izquierda y cambia a negro */
  .porcentaje-cut-text:hover::before {
    transform: translateX(-15px);
    color: #rgb(#,0,0); /* Color de contraste para la parte cortada */
  }
  
  /* La mitad de abajo se corre a la derecha */
  .porcentaje-cut-text:hover::after {
    transform: translateX(15px);
  }
}

/* --- ANIMACIÓN EN MÓVIL (TAP / TOUCH) --- */
@media (hover: none) {
  .porcentaje-cut-text:active::before {
    transform: translateX(200px);
    color: #000000;
  }
  .porcentaje-cut-text:active::after {
    transform: translateX(200px);
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-53dbe42 */@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&display=swap');

.porcentaje-cut-container {
  display: flex;
  flex-direction: row; /* Dispuestos horizontalmente */
  gap: 30px; /* Ajusta el espacio entre los porcentajes */
  align-items: center;
}

/* Base transparente para el texto original */
.porcentaje-cut-text {
  font-family: 'Bricolage Grotesque', sans-serif;
  font-size: 75px; /* Ajusta según tu diseño */
  font-weight: 800;
  text-transform: uppercase;
  text-decoration: none;
  color: transparent; /* El texto original se oculta */
  position: relative;
  display: inline-block;
  line-height: 1;
  letter-spacing: -2px;
  width: fit-content;
}

/* Capa 1: Mitad SUPERIOR */
.porcentaje-cut-text::before {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  color: #0000FF; /* El azul brillante de tu pantallazo */
  clip-path: inset(0 0 50% 0); /* Muestra solo la mitad superior */
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Capa 2: Mitad INFERIOR */
.porcentaje-cut-text::after {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  color: #0000FF; /* El azul brillante de tu pantallazo */
  clip-path: inset(50% 0 0 0); /* Muestra solo la mitad inferior */
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

/* --- ANIMACIÓN EN ESCRITORIO (HOVER) --- */
@media (hover: hover) {
  /* La mitad de arriba se corre a la izquierda y cambia a negro */
  .porcentaje-cut-text:hover::before {
    transform: translateX(-15px);
    color: #000000; /* Color de contraste para la parte cortada */
  }
  
  /* La mitad de abajo se corre a la derecha */
  .porcentaje-cut-text:hover::after {
    transform: translateX(15px);
  }
}

/* --- ANIMACIÓN EN MÓVIL (TAP / TOUCH) --- */
@media (hover: none) {
  .porcentaje-cut-text:active::before {
    transform: translateX(-10px);
    color: #000000;
  }
  .porcentaje-cut-text:active::after {
    transform: translateX(10px);
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ca786f6 */@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&display=swap');

.porcentaje-cut-container {
  display: flex;
  flex-direction: row; /* Dispuestos horizontalmente */
  gap: 30px; /* Ajusta el espacio entre los porcentajes */
  align-items: center;
}

/* Base transparente para el texto original */
.porcentaje-cut-text {
  font-family: 'Bricolage Grotesque', sans-serif;
  font-size: 75px; /* Ajusta según tu diseño */
  font-weight: 800;
  text-transform: uppercase;
  text-decoration: none;
  color: transparent; /* El texto original se oculta */
  position: relative;
  display: inline-block;
  line-height: 1;
  letter-spacing: -2px;
  width: fit-content;
}

/* Capa 1: Mitad SUPERIOR */
.porcentaje-cut-text::before {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  color: #0000FF; /* El azul brillante de tu pantallazo */
  clip-path: inset(0 0 50% 0); /* Muestra solo la mitad superior */
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Capa 2: Mitad INFERIOR */
.porcentaje-cut-text::after {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  color: #0000FF; /* El azul brillante de tu pantallazo */
  clip-path: inset(50% 0 0 0); /* Muestra solo la mitad inferior */
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

/* --- ANIMACIÓN EN ESCRITORIO (HOVER) --- */
@media (hover: hover) {
  /* La mitad de arriba se corre a la izquierda y cambia a negro */
  .porcentaje-cut-text:hover::before {
    transform: translateX(-15px);
    color: #000000; /* Color de contraste para la parte cortada */
  }
  
  /* La mitad de abajo se corre a la derecha */
  .porcentaje-cut-text:hover::after {
    transform: translateX(15px);
  }
}

/* --- ANIMACIÓN EN MÓVIL (TAP / TOUCH) --- */
@media (hover: none) {
  .porcentaje-cut-text:active::before {
    transform: translateX(-10px);
    color: #000000;
  }
  .porcentaje-cut-text:active::after {
    transform: translateX(10px);
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6c6e805 */@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&display=swap');

.porcentaje-cut-container {
  display: flex;
  flex-direction: row; /* Dispuestos horizontalmente */
  gap: 30px; /* Ajusta el espacio entre los porcentajes */
  align-items: center;
}

/* Base transparente para el texto original */
.porcentaje-cut-text {
  font-family: 'Bricolage Grotesque', sans-serif;
  font-size: 75px; /* Ajusta según tu diseño */
  font-weight: 800;
  text-transform: uppercase;
  text-decoration: none;
  color: transparent; /* El texto original se oculta */
  position: relative;
  display: inline-block;
  line-height: 1;
  letter-spacing: -2px;
  width: fit-content;
}

/* Capa 1: Mitad SUPERIOR */
.porcentaje-cut-text::before {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  color: #0000FF; /* El azul brillante de tu pantallazo */
  clip-path: inset(0 0 50% 0); /* Muestra solo la mitad superior */
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Capa 2: Mitad INFERIOR */
.porcentaje-cut-text::after {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  color: #0000FF; /* El azul brillante de tu pantallazo */
  clip-path: inset(50% 0 0 0); /* Muestra solo la mitad inferior */
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

/* --- ANIMACIÓN EN ESCRITORIO (HOVER) --- */
@media (hover: hover) {
  /* La mitad de arriba se corre a la izquierda y cambia a negro */
  .porcentaje-cut-text:hover::before {
    transform: translateX(-15px);
    color: #000000; /* Color de contraste para la parte cortada */
  }
  
  /* La mitad de abajo se corre a la derecha */
  .porcentaje-cut-text:hover::after {
    transform: translateX(15px);
  }
}

/* --- ANIMACIÓN EN MÓVIL (TAP / TOUCH) --- */
@media (hover: none) {
  .porcentaje-cut-text:active::before {
    transform: translateX(-10px);
    color: #000000;
  }
  .porcentaje-cut-text:active::after {
    transform: translateX(10px);
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-df50369 */@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&display=swap');

.porcentaje-cut-container {
  display: flex;
  flex-direction: row; /* Dispuestos horizontalmente */
  gap: 60px; /* Ajusta el espacio entre los porcentajes */
  align-items: center;
}

/* Base transparente para el texto original */
.porcentaje-cut-text {
  font-family: 'Bricolage Grotesque', sans-serif;
  font-size: 39px; /* Ajusta según tu diseño */
  font-weight: 600;
  text-transform: none;
  text-decoration: none;
  color: transparent; /* El texto original se oculta */
  position: relative;
  display: inline-block;
  line-height: 1;
  letter-spacing: -3px;
  width: fit-content;
}

/* Capa 1: Mitad SUPERIOR */
.porcentaje-cut-text::before {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  color: #000000; /* El azul brillante de tu pantallazo */
  clip-path: inset(0 0 50% 0); /* Muestra solo la mitad superior */
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Capa 2: Mitad INFERIOR */
.porcentaje-cut-text::after {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  color: #000000; /* El azul brillante de tu pantallazo */
  clip-path: inset(50% 0 0 0); /* Muestra solo la mitad inferior */
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

/* --- ANIMACIÓN EN ESCRITORIO (HOVER) --- */
@media (hover: hover) {
  /* La mitad de arriba se corre a la izquierda y cambia a negro */
  .porcentaje-cut-text:hover::before {
    transform: translateX(-10px);
    color: #000000; /* Color de contraste para la parte cortada */
  }
  
  /* La mitad de abajo se corre a la derecha */
  .porcentaje-cut-text:hover::after {
    transform: translateX(10px);
  }
}

/* --- ANIMACIÓN EN MÓVIL (TAP / TOUCH) --- */
@media (hover: none) {
  .porcentaje-cut-text:active::before {
    transform: translateX(150pxpx);
    color: #000000;
  }
  .porcentaje-cut-text:active::after {
    transform: translateX(150px);
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-08fd707 */@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&display=swap');

.porcentaje-cut-container {
  display: flex;
  flex-direction: row; /* Dispuestos horizontalmente */
  gap: 60px; /* Ajusta el espacio entre los porcentajes */
  align-items: center;
}

/* Base transparente para el texto original */
.porcentaje-cut-text {
  font-family: 'Bricolage Grotesque', sans-serif;
  font-size: 39px; /* Ajusta según tu diseño */
  font-weight: 600;
  text-transform: none;
  text-decoration: none;
  color: transparent; /* El texto original se oculta */
  position: relative;
  display: inline-block;
  line-height: 1;
  letter-spacing: -3px;
  width: fit-content;
}

/* Capa 1: Mitad SUPERIOR */
.porcentaje-cut-text::before {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  color: #000000; /* El azul brillante de tu pantallazo */
  clip-path: inset(0 0 50% 0); /* Muestra solo la mitad superior */
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Capa 2: Mitad INFERIOR */
.porcentaje-cut-text::after {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  color: #000000; /* El azul brillante de tu pantallazo */
  clip-path: inset(50% 0 0 0); /* Muestra solo la mitad inferior */
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

/* --- ANIMACIÓN EN ESCRITORIO (HOVER) --- */
@media (hover: hover) {
  /* La mitad de arriba se corre a la izquierda y cambia a negro */
  .porcentaje-cut-text:hover::before {
    transform: translateX(-10px);
    color: #000000; /* Color de contraste para la parte cortada */
  }
  
  /* La mitad de abajo se corre a la derecha */
  .porcentaje-cut-text:hover::after {
    transform: translateX(10px);
  }
}

/* --- ANIMACIÓN EN MÓVIL (TAP / TOUCH) --- */
@media (hover: none) {
  .porcentaje-cut-text:active::before {
    transform: translateX(150pxpx);
    color: #000000;
  }
  .porcentaje-cut-text:active::after {
    transform: translateX(150px);
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d6f2fe7 */@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&display=swap');

.porcentaje-cut-container {
  display: flex;
  flex-direction: row; /* Dispuestos horizontalmente */
  gap: 60px; /* Ajusta el espacio entre los porcentajes */
  align-items: center;
}

/* Base transparente para el texto original */
.porcentaje-cut-text {
  font-family: 'Bricolage Grotesque', sans-serif;
  font-size: 39px; /* Ajusta según tu diseño */
  font-weight: 600;
  text-transform: none;
  text-decoration: none;
  color: transparent; /* El texto original se oculta */
  position: relative;
  display: inline-block;
  line-height: 1;
  letter-spacing: -3px;
  width: fit-content;
}

/* Capa 1: Mitad SUPERIOR */
.porcentaje-cut-text::before {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  color: #000000; /* El azul brillante de tu pantallazo */
  clip-path: inset(0 0 50% 0); /* Muestra solo la mitad superior */
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Capa 2: Mitad INFERIOR */
.porcentaje-cut-text::after {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  color: #000000; /* El azul brillante de tu pantallazo */
  clip-path: inset(50% 0 0 0); /* Muestra solo la mitad inferior */
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

/* --- ANIMACIÓN EN ESCRITORIO (HOVER) --- */
@media (hover: hover) {
  /* La mitad de arriba se corre a la izquierda y cambia a negro */
  .porcentaje-cut-text:hover::before {
    transform: translateX(-10px);
    color: #000000; /* Color de contraste para la parte cortada */
  }
  
  /* La mitad de abajo se corre a la derecha */
  .porcentaje-cut-text:hover::after {
    transform: translateX(10px);
  }
}

/* --- ANIMACIÓN EN MÓVIL (TAP / TOUCH) --- */
@media (hover: none) {
  .porcentaje-cut-text:active::before {
    transform: translateX(150pxpx);
    color: #000000;
  }
  .porcentaje-cut-text:active::after {
    transform: translateX(150px);
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-427acda */@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&display=swap');

.porcentaje-cut-container {
  display: flex;
  flex-direction: row; /* Dispuestos horizontalmente */
  gap: 60px; /* Ajusta el espacio entre los porcentajes */
  align-items: center;
}

/* Base transparente para el texto original */
.porcentaje-cut-text {
  font-family: 'Bricolage Grotesque', sans-serif;
  font-size: 39px; /* Ajusta según tu diseño */
  font-weight: 600;
  text-transform: none;
  text-decoration: none;
  color: transparent; /* El texto original se oculta */
  position: relative;
  display: inline-block;
  line-height: 1;
  letter-spacing: -3px;
  width: fit-content;
}

/* Capa 1: Mitad SUPERIOR */
.porcentaje-cut-text::before {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  color: #000000; /* El azul brillante de tu pantallazo */
  clip-path: inset(0 0 50% 0); /* Muestra solo la mitad superior */
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Capa 2: Mitad INFERIOR */
.porcentaje-cut-text::after {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  color: #000000; /* El azul brillante de tu pantallazo */
  clip-path: inset(50% 0 0 0); /* Muestra solo la mitad inferior */
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

/* --- ANIMACIÓN EN ESCRITORIO (HOVER) --- */
@media (hover: hover) {
  /* La mitad de arriba se corre a la izquierda y cambia a negro */
  .porcentaje-cut-text:hover::before {
    transform: translateX(-10px);
    color: #000000; /* Color de contraste para la parte cortada */
  }
  
  /* La mitad de abajo se corre a la derecha */
  .porcentaje-cut-text:hover::after {
    transform: translateX(10px);
  }
}

/* --- ANIMACIÓN EN MÓVIL (TAP / TOUCH) --- */
@media (hover: none) {
  .porcentaje-cut-text:active::before {
    transform: translateX(150pxpx);
    color: #000000;
  }
  .porcentaje-cut-text:active::after {
    transform: translateX(150px);
  }
}/* End custom CSS */