.elementor-10395 .elementor-element.elementor-element-6481143{--display:flex;--min-height:100vh;--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-10395 .elementor-element.elementor-element-6481143.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-10395 .elementor-element.elementor-element-d587332{--display:flex;--position:absolute;--min-height:100vh;--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;top:0px;}.elementor-10395 .elementor-element.elementor-element-d587332:not(.elementor-motion-effects-element-type-background), .elementor-10395 .elementor-element.elementor-element-d587332 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://carolae.com/wp-content/uploads/2026/02/ojos_vol_1_pantalla-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}body:not(.rtl) .elementor-10395 .elementor-element.elementor-element-d587332{right:0px;}body.rtl .elementor-10395 .elementor-element.elementor-element-d587332{left:0px;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-10395 .elementor-element.elementor-element-089cb30{--display:flex;--min-height:100vh;--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-10395 .elementor-element.elementor-element-0a691db{--display:flex;--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-10395 .elementor-element.elementor-element-3a2430d{--display:flex;--min-height:100vh;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:4px 4px 4px 4px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10395 .elementor-element.elementor-element-e50e9cd{--display:flex;--position:absolute;--min-height:100vh;--justify-content:flex-start;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;}.elementor-10395 .elementor-element.elementor-element-e50e9cd:not(.elementor-motion-effects-element-type-background), .elementor-10395 .elementor-element.elementor-element-e50e9cd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #2282F2 0%, #1B3BEC 100%);}.elementor-10395 .elementor-element.elementor-element-e50e9cd.e-con{--align-self:flex-end;}body:not(.rtl) .elementor-10395 .elementor-element.elementor-element-e50e9cd{right:0px;}body.rtl .elementor-10395 .elementor-element.elementor-element-e50e9cd{left:0px;}.elementor-10395 .elementor-element.elementor-element-d876f33{--display:flex;--min-height:33.333vh;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:0px;--padding-left:20px;--padding-right:0px;}.elementor-10395 .elementor-element.elementor-element-d876f33:not(.elementor-motion-effects-element-type-background), .elementor-10395 .elementor-element.elementor-element-d876f33 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2282F2;}.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-10395 .elementor-element.elementor-element-f7c81e1 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-10395 .elementor-element.elementor-element-f7c81e1{text-align:start;font-family:"akzidenz_grotesk_adobe", Sans-serif;font-size:3.3rem;font-weight:400;line-height:3.1rem;letter-spacing:-0.04rem;color:var( --e-global-color-757abfa );}.elementor-10395 .elementor-element.elementor-element-f7c81e1 p{margin-block-end:0px;}.elementor-10395 .elementor-element.elementor-element-ab45a6e > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-10395 .elementor-element.elementor-element-ab45a6e{text-align:start;font-family:"Roboto", Sans-serif;font-size:3.3rem;font-weight:400;line-height:3.1rem;letter-spacing:-0.04rem;color:var( --e-global-color-757abfa );}.elementor-10395 .elementor-element.elementor-element-ab45a6e p{margin-block-end:0px;}.elementor-10395 .elementor-element.elementor-element-d199ba0{--display:flex;--min-height:33.333vh;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:0px;--padding-left:20px;--padding-right:0px;}.elementor-10395 .elementor-element.elementor-element-4b36909 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-10395 .elementor-element.elementor-element-4b36909{font-family:"Roboto", Sans-serif;font-size:1.7rem;font-weight:400;line-height:1.6rem;letter-spacing:-0.03rem;word-spacing:1px;color:var( --e-global-color-7b02687 );}.elementor-10395 .elementor-element.elementor-element-4b36909 p{margin-block-end:0rem;}.elementor-10395 .elementor-element.elementor-element-fe54c5a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:6px 0px 0px 0px;}.elementor-10395 .elementor-element.elementor-element-fe54c5a{font-family:"Roboto", Sans-serif;font-size:1.7rem;font-weight:300;line-height:1.5rem;letter-spacing:-0.03rem;word-spacing:1px;color:#B6EEE0;}.elementor-10395 .elementor-element.elementor-element-fe54c5a p{margin-block-end:0rem;}.elementor-10395 .elementor-element.elementor-element-fb9a66f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:1px 0px 0px 0px;}.elementor-10395 .elementor-element.elementor-element-fb9a66f{font-family:"Roboto", Sans-serif;font-size:1.7rem;font-weight:400;line-height:1.5rem;letter-spacing:-0.03rem;word-spacing:1px;color:#B6EEE0;}.elementor-10395 .elementor-element.elementor-element-fb9a66f p{margin-block-end:0rem;}.elementor-10395 .elementor-element.elementor-element-591aa7d{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-152px;--margin-bottom:0px;--margin-left:0px;--margin-right:-226px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10395 .elementor-element.elementor-element-3f897be > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-10395 .elementor-element.elementor-element-409ed1d{--display:flex;--min-height:100vh;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:auto;border-style:none;--border-style:none;--border-radius:0px 0px 0px 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;--z-index:9;}.elementor-10395 .elementor-element.elementor-element-f14c55c{--display:flex;--position:absolute;--min-height:100vh;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:auto;border-style:none;--border-style:none;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;--z-index:9999;}body:not(.rtl) .elementor-10395 .elementor-element.elementor-element-f14c55c{left:0px;}body.rtl .elementor-10395 .elementor-element.elementor-element-f14c55c{right:0px;}.elementor-10395 .elementor-element.elementor-element-487c8a6{--display:flex;--position:absolute;--min-height:33.333vh;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;--z-index:99999;}.elementor-10395 .elementor-element.elementor-element-487c8a6:not(.elementor-motion-effects-element-type-background), .elementor-10395 .elementor-element.elementor-element-487c8a6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-b4a5da9 );}body:not(.rtl) .elementor-10395 .elementor-element.elementor-element-487c8a6{left:0px;}body.rtl .elementor-10395 .elementor-element.elementor-element-487c8a6{right:0px;}.elementor-10395 .elementor-element.elementor-element-6b41abb > .elementor-widget-container{margin:0px 0px 0px 0px;padding:31px 0px 0px 20px;}.elementor-10395 .elementor-element.elementor-element-6b41abb{text-align:start;font-family:"akzidenz_grotesk_adobe", Sans-serif;font-size:3rem;font-weight:700;line-height:1.3rem;letter-spacing:-0.04rem;color:#E9E9E8;}.elementor-10395 .elementor-element.elementor-element-6b41abb p{margin-block-end:0px;}.elementor-10395 .elementor-element.elementor-element-5c487dd{width:100%;max-width:100%;bottom:0px;text-align:start;font-family:"akzidenz_grotesk_adobe", Sans-serif;font-size:2.4rem;font-weight:400;line-height:2rem;color:#E9E9E8;}.elementor-10395 .elementor-element.elementor-element-5c487dd > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 20px;}body:not(.rtl) .elementor-10395 .elementor-element.elementor-element-5c487dd{left:0%;}body.rtl .elementor-10395 .elementor-element.elementor-element-5c487dd{right:0%;}.elementor-10395 .elementor-element.elementor-element-18a3c6c{--display:flex;--position:absolute;--min-height:100vh;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:auto;border-style:none;--border-style:none;--margin-top:0;--margin-bottom:0;--margin-left:0;--margin-right:0;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;--z-index:9999;}body:not(.rtl) .elementor-10395 .elementor-element.elementor-element-18a3c6c{left:0px;}body.rtl .elementor-10395 .elementor-element.elementor-element-18a3c6c{right:0px;}.elementor-10395 .elementor-element.elementor-element-c782726{--display:flex;--min-height:100vh;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:9;}.elementor-10395 .elementor-element.elementor-element-c782726:not(.elementor-motion-effects-element-type-background), .elementor-10395 .elementor-element.elementor-element-c782726 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #EC22F2 0%, #1B3BEC 100%);}.elementor-10395 .elementor-element.elementor-element-c782726.e-con{--align-self:flex-end;}.elementor-10395 .elementor-element.elementor-element-65b6908{--display:flex;}.elementor-10395 .elementor-element.elementor-element-65b6908:not(.elementor-motion-effects-element-type-background), .elementor-10395 .elementor-element.elementor-element-65b6908 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F8F800;}.elementor-10395 .elementor-element.elementor-element-6521a56{--display:flex;--position:absolute;--min-height:100vh;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:auto;border-style:solid;--border-style:solid;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#59F869;--border-color:#59F869;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;--z-index:99999;}.elementor-10395 .elementor-element.elementor-element-6521a56:not(.elementor-motion-effects-element-type-background), .elementor-10395 .elementor-element.elementor-element-6521a56 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-10395 .elementor-element.elementor-element-6521a56.e-con{--align-self:stretch;}body:not(.rtl) .elementor-10395 .elementor-element.elementor-element-6521a56{left:0px;}body.rtl .elementor-10395 .elementor-element.elementor-element-6521a56{right:0px;}.elementor-10395 .elementor-element.elementor-element-b3095d8{--display:flex;--position:absolute;--min-height:100vh;--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;top:0px;--z-index:9;}body:not(.rtl) .elementor-10395 .elementor-element.elementor-element-b3095d8{left:0px;}body.rtl .elementor-10395 .elementor-element.elementor-element-b3095d8{right:0px;}.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-10395 .elementor-element.elementor-element-e5d4fe1{width:auto;max-width:auto;top:0px;z-index:99;text-align:start;}.elementor-10395 .elementor-element.elementor-element-e5d4fe1 > .elementor-widget-container{margin:0px 0px 0px 20px;padding:0px 0px 0px 0px;}body:not(.rtl) .elementor-10395 .elementor-element.elementor-element-e5d4fe1{left:0px;}body.rtl .elementor-10395 .elementor-element.elementor-element-e5d4fe1{right:0px;}.elementor-10395 .elementor-element.elementor-element-e5d4fe1 .elementor-heading-title{font-family:"akzidenz_grotesk_adobe", Sans-serif;font-size:3.7rem;font-weight:400;font-style:italic;letter-spacing:-0.04rem;color:var( --e-global-color-c75d4af );}.elementor-10395 .elementor-element.elementor-element-6d0d743{--display:flex;--overflow:auto;}.elementor-widget-loop-grid .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-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-10395 .elementor-element.elementor-element-8fdec1f{--grid-columns:3;--grid-row-gap:0px;z-index:9999;--grid-column-gap:4px;}.elementor-10395 .elementor-element.elementor-element-8fdec1f > .elementor-widget-container{background-color:#D65F5F;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-10395 .elementor-element.elementor-element-8fdec1f .elementor-loop-container{grid-auto-rows:1fr;}.elementor-10395 .elementor-element.elementor-element-8fdec1f .e-loop-item > .elementor-section, .elementor-10395 .elementor-element.elementor-element-8fdec1f .e-loop-item > .elementor-section > .elementor-container, .elementor-10395 .elementor-element.elementor-element-8fdec1f .e-loop-item > .e-con, .elementor-10395 .elementor-element.elementor-element-8fdec1f .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-10395 .elementor-element.elementor-element-cadf0de{--display:flex;--position:absolute;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:660px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;--z-index:99;}body:not(.rtl) .elementor-10395 .elementor-element.elementor-element-cadf0de{right:0px;}body.rtl .elementor-10395 .elementor-element.elementor-element-cadf0de{left:0px;}.elementor-10395 .elementor-element.elementor-element-2e69ec4{width:auto;max-width:auto;top:0px;z-index:99;text-align:start;}.elementor-10395 .elementor-element.elementor-element-2e69ec4 > .elementor-widget-container{margin:0px 0px 0px 20px;padding:0px 0px 0px 0px;}body:not(.rtl) .elementor-10395 .elementor-element.elementor-element-2e69ec4{left:0px;}body.rtl .elementor-10395 .elementor-element.elementor-element-2e69ec4{right:0px;}.elementor-10395 .elementor-element.elementor-element-2e69ec4 .elementor-heading-title{font-family:"akzidenz_grotesk_adobe", Sans-serif;font-size:3.7rem;font-weight:400;font-style:italic;letter-spacing:-0.04rem;color:var( --e-global-color-c75d4af );}.elementor-10395 .elementor-element.elementor-element-e636df6{--display:flex;--min-height:100vh;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:auto;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:9;}.elementor-10395 .elementor-element.elementor-element-3eb5125{--grid-columns:3;--grid-row-gap:0px;z-index:9999;--grid-column-gap:4px;}.elementor-10395 .elementor-element.elementor-element-3eb5125 > .elementor-widget-container{background-color:#D65F5F;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-10395 .elementor-element.elementor-element-3eb5125 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-10395 .elementor-element.elementor-element-3eb5125 .e-loop-item > .elementor-section, .elementor-10395 .elementor-element.elementor-element-3eb5125 .e-loop-item > .elementor-section > .elementor-container, .elementor-10395 .elementor-element.elementor-element-3eb5125 .e-loop-item > .e-con, .elementor-10395 .elementor-element.elementor-element-3eb5125 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-10395 .elementor-element.elementor-element-8313b13{--display:flex;--position:absolute;--min-height:100vh;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:auto;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;--z-index:9999;}.elementor-10395 .elementor-element.elementor-element-8313b13:not(.elementor-motion-effects-element-type-background), .elementor-10395 .elementor-element.elementor-element-8313b13 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-10395 .elementor-element.elementor-element-8313b13.e-con{--align-self:stretch;}body:not(.rtl) .elementor-10395 .elementor-element.elementor-element-8313b13{left:0px;}body.rtl .elementor-10395 .elementor-element.elementor-element-8313b13{right:0px;}.elementor-10395 .elementor-element.elementor-element-fec12ba{--display:flex;--position:absolute;--min-height:100vh;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:auto;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;--z-index:9;}body:not(.rtl) .elementor-10395 .elementor-element.elementor-element-fec12ba{left:0px;}body.rtl .elementor-10395 .elementor-element.elementor-element-fec12ba{right:0px;}.elementor-10395 .elementor-element.elementor-element-ed8fb71{width:auto;max-width:auto;z-index:99;text-align:start;}.elementor-10395 .elementor-element.elementor-element-ed8fb71 > .elementor-widget-container{margin:0px 0px 0px 20px;padding:0px 0px 0px 0px;}.elementor-10395 .elementor-element.elementor-element-ed8fb71 .elementor-heading-title{font-family:"akzidenz_grotesk_adobe", Sans-serif;font-size:3.7rem;font-weight:400;font-style:italic;letter-spacing:-0.04rem;color:var( --e-global-color-c75d4af );}.elementor-10395 .elementor-element.elementor-element-6399d0e{--display:flex;--position:absolute;--min-height:100vh;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:auto;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;--z-index:9;}body:not(.rtl) .elementor-10395 .elementor-element.elementor-element-6399d0e{left:0px;}body.rtl .elementor-10395 .elementor-element.elementor-element-6399d0e{right:0px;}.elementor-10395 .elementor-element.elementor-element-15bbe63{--grid-columns:3;--grid-row-gap:0px;z-index:9999;--grid-column-gap:4px;}.elementor-10395 .elementor-element.elementor-element-15bbe63 > .elementor-widget-container{background-color:#D65F5F;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-10395 .elementor-element.elementor-element-15bbe63 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-10395 .elementor-element.elementor-element-15bbe63 .e-loop-item > .elementor-section, .elementor-10395 .elementor-element.elementor-element-15bbe63 .e-loop-item > .elementor-section > .elementor-container, .elementor-10395 .elementor-element.elementor-element-15bbe63 .e-loop-item > .e-con, .elementor-10395 .elementor-element.elementor-element-15bbe63 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-10395 .elementor-element.elementor-element-d8d25e3{--display:flex;--position:absolute;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:660px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;--z-index:99;}body:not(.rtl) .elementor-10395 .elementor-element.elementor-element-d8d25e3{right:0px;}body.rtl .elementor-10395 .elementor-element.elementor-element-d8d25e3{left:0px;}.elementor-10395 .elementor-element.elementor-element-d7aa59d{width:auto;max-width:auto;top:0px;z-index:99;text-align:start;}.elementor-10395 .elementor-element.elementor-element-d7aa59d > .elementor-widget-container{margin:0px 0px 0px 20px;padding:0px 0px 0px 0px;}body:not(.rtl) .elementor-10395 .elementor-element.elementor-element-d7aa59d{left:0px;}body.rtl .elementor-10395 .elementor-element.elementor-element-d7aa59d{right:0px;}.elementor-10395 .elementor-element.elementor-element-d7aa59d .elementor-heading-title{font-family:"akzidenz_grotesk_adobe", Sans-serif;font-size:3.7rem;font-weight:400;font-style:italic;letter-spacing:-0.04rem;color:var( --e-global-color-c75d4af );}.elementor-10395 .elementor-element.elementor-element-6aaa40d{--display:flex;--min-height:100vh;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:auto;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:9;}.elementor-10395 .elementor-element.elementor-element-59642d7{--grid-columns:3;--grid-row-gap:0px;z-index:9999;--grid-column-gap:4px;}.elementor-10395 .elementor-element.elementor-element-59642d7 > .elementor-widget-container{background-color:#D65F5F;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-10395 .elementor-element.elementor-element-59642d7 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-10395 .elementor-element.elementor-element-59642d7 .e-loop-item > .elementor-section, .elementor-10395 .elementor-element.elementor-element-59642d7 .e-loop-item > .elementor-section > .elementor-container, .elementor-10395 .elementor-element.elementor-element-59642d7 .e-loop-item > .e-con, .elementor-10395 .elementor-element.elementor-element-59642d7 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-10395 .elementor-element.elementor-element-e8e6ae3{--display:flex;--position:absolute;--min-height:100vh;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:auto;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;--z-index:9999;}.elementor-10395 .elementor-element.elementor-element-e8e6ae3:not(.elementor-motion-effects-element-type-background), .elementor-10395 .elementor-element.elementor-element-e8e6ae3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-10395 .elementor-element.elementor-element-e8e6ae3.e-con{--align-self:stretch;}body:not(.rtl) .elementor-10395 .elementor-element.elementor-element-e8e6ae3{left:0px;}body.rtl .elementor-10395 .elementor-element.elementor-element-e8e6ae3{right:0px;}.elementor-10395 .elementor-element.elementor-element-768b8e5{--display:flex;--position:absolute;--min-height:100vh;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:auto;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;--z-index:9;}body:not(.rtl) .elementor-10395 .elementor-element.elementor-element-768b8e5{left:0px;}body.rtl .elementor-10395 .elementor-element.elementor-element-768b8e5{right:0px;}.elementor-10395 .elementor-element.elementor-element-f70238c{width:auto;max-width:auto;z-index:99;text-align:start;}.elementor-10395 .elementor-element.elementor-element-f70238c > .elementor-widget-container{margin:0px 0px 0px 20px;padding:0px 0px 0px 0px;}.elementor-10395 .elementor-element.elementor-element-f70238c .elementor-heading-title{font-family:"akzidenz_grotesk_adobe", Sans-serif;font-size:3.7rem;font-weight:400;font-style:italic;letter-spacing:-0.04rem;color:var( --e-global-color-c75d4af );}.elementor-10395 .elementor-element.elementor-element-c13b8a7{--display:flex;--position:absolute;--min-height:100vh;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:auto;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;--z-index:9;}body:not(.rtl) .elementor-10395 .elementor-element.elementor-element-c13b8a7{left:0px;}body.rtl .elementor-10395 .elementor-element.elementor-element-c13b8a7{right:0px;}.elementor-10395 .elementor-element.elementor-element-89e00d7{--grid-columns:3;--grid-row-gap:0px;z-index:9999;--grid-column-gap:4px;}.elementor-10395 .elementor-element.elementor-element-89e00d7 > .elementor-widget-container{background-color:#D65F5F;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-10395 .elementor-element.elementor-element-89e00d7 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-10395 .elementor-element.elementor-element-89e00d7 .e-loop-item > .elementor-section, .elementor-10395 .elementor-element.elementor-element-89e00d7 .e-loop-item > .elementor-section > .elementor-container, .elementor-10395 .elementor-element.elementor-element-89e00d7 .e-loop-item > .e-con, .elementor-10395 .elementor-element.elementor-element-89e00d7 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-10395 .elementor-element.elementor-element-4441e4f{--display:flex;--position:absolute;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:660px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;--z-index:99;}body:not(.rtl) .elementor-10395 .elementor-element.elementor-element-4441e4f{right:0px;}body.rtl .elementor-10395 .elementor-element.elementor-element-4441e4f{left:0px;}.elementor-10395 .elementor-element.elementor-element-d32266d{width:auto;max-width:auto;top:0px;z-index:99;text-align:start;}.elementor-10395 .elementor-element.elementor-element-d32266d > .elementor-widget-container{margin:0px 0px 0px 20px;padding:0px 0px 0px 0px;}body:not(.rtl) .elementor-10395 .elementor-element.elementor-element-d32266d{left:0px;}body.rtl .elementor-10395 .elementor-element.elementor-element-d32266d{right:0px;}.elementor-10395 .elementor-element.elementor-element-d32266d .elementor-heading-title{font-family:"akzidenz_grotesk_adobe", Sans-serif;font-size:3.7rem;font-weight:400;font-style:italic;letter-spacing:-0.04rem;color:var( --e-global-color-c75d4af );}.elementor-10395 .elementor-element.elementor-element-991d24b{--display:flex;--min-height:100vh;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:auto;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:9;}.elementor-10395 .elementor-element.elementor-element-ed8a765{--grid-columns:3;--grid-row-gap:0px;z-index:9999;--grid-column-gap:4px;}.elementor-10395 .elementor-element.elementor-element-ed8a765 > .elementor-widget-container{background-color:#D65F5F;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-10395 .elementor-element.elementor-element-ed8a765 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-10395 .elementor-element.elementor-element-ed8a765 .e-loop-item > .elementor-section, .elementor-10395 .elementor-element.elementor-element-ed8a765 .e-loop-item > .elementor-section > .elementor-container, .elementor-10395 .elementor-element.elementor-element-ed8a765 .e-loop-item > .e-con, .elementor-10395 .elementor-element.elementor-element-ed8a765 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-10395 .elementor-element.elementor-element-2e8c589{--display:flex;--position:absolute;--min-height:100vh;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:auto;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;--z-index:9999;}.elementor-10395 .elementor-element.elementor-element-2e8c589:not(.elementor-motion-effects-element-type-background), .elementor-10395 .elementor-element.elementor-element-2e8c589 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-10395 .elementor-element.elementor-element-2e8c589.e-con{--align-self:stretch;}body:not(.rtl) .elementor-10395 .elementor-element.elementor-element-2e8c589{left:0px;}body.rtl .elementor-10395 .elementor-element.elementor-element-2e8c589{right:0px;}.elementor-10395 .elementor-element.elementor-element-45934b2{--display:flex;--position:absolute;--min-height:100vh;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:auto;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;--z-index:9;}body:not(.rtl) .elementor-10395 .elementor-element.elementor-element-45934b2{left:0px;}body.rtl .elementor-10395 .elementor-element.elementor-element-45934b2{right:0px;}.elementor-10395 .elementor-element.elementor-element-aec6ab3{width:auto;max-width:auto;z-index:99;text-align:start;}.elementor-10395 .elementor-element.elementor-element-aec6ab3 > .elementor-widget-container{margin:0px 0px 0px 20px;padding:0px 0px 0px 0px;}.elementor-10395 .elementor-element.elementor-element-aec6ab3 .elementor-heading-title{font-family:"akzidenz_grotesk_adobe", Sans-serif;font-size:3.7rem;font-weight:400;font-style:italic;letter-spacing:-0.04rem;color:var( --e-global-color-c75d4af );}.elementor-10395 .elementor-element.elementor-element-f3a986a{--display:flex;--position:absolute;--min-height:100vh;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:auto;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;--z-index:9;}body:not(.rtl) .elementor-10395 .elementor-element.elementor-element-f3a986a{left:0px;}body.rtl .elementor-10395 .elementor-element.elementor-element-f3a986a{right:0px;}.elementor-10395 .elementor-element.elementor-element-33548fd{--grid-columns:3;--grid-row-gap:0px;z-index:9999;--grid-column-gap:4px;}.elementor-10395 .elementor-element.elementor-element-33548fd > .elementor-widget-container{background-color:#D65F5F;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-10395 .elementor-element.elementor-element-33548fd .elementor-loop-container{grid-auto-rows:1fr;}.elementor-10395 .elementor-element.elementor-element-33548fd .e-loop-item > .elementor-section, .elementor-10395 .elementor-element.elementor-element-33548fd .e-loop-item > .elementor-section > .elementor-container, .elementor-10395 .elementor-element.elementor-element-33548fd .e-loop-item > .e-con, .elementor-10395 .elementor-element.elementor-element-33548fd .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-10395 .elementor-element.elementor-element-5c5b229{--display:flex;--position:absolute;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:660px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;--z-index:99;}body:not(.rtl) .elementor-10395 .elementor-element.elementor-element-5c5b229{right:0px;}body.rtl .elementor-10395 .elementor-element.elementor-element-5c5b229{left:0px;}.elementor-10395 .elementor-element.elementor-element-2cca240{width:auto;max-width:auto;top:0px;z-index:99;text-align:start;}.elementor-10395 .elementor-element.elementor-element-2cca240 > .elementor-widget-container{margin:0px 0px 0px 20px;padding:0px 0px 0px 0px;}body:not(.rtl) .elementor-10395 .elementor-element.elementor-element-2cca240{left:0px;}body.rtl .elementor-10395 .elementor-element.elementor-element-2cca240{right:0px;}.elementor-10395 .elementor-element.elementor-element-2cca240 .elementor-heading-title{font-family:"akzidenz_grotesk_adobe", Sans-serif;font-size:3.7rem;font-weight:400;font-style:italic;letter-spacing:-0.04rem;color:var( --e-global-color-c75d4af );}.elementor-10395 .elementor-element.elementor-element-bdd2c82{--display:flex;--min-height:100vh;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:auto;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:9;}.elementor-10395 .elementor-element.elementor-element-c519ca9{--grid-columns:3;--grid-row-gap:0px;z-index:9999;--grid-column-gap:4px;}.elementor-10395 .elementor-element.elementor-element-c519ca9 > .elementor-widget-container{background-color:#D65F5F;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-10395 .elementor-element.elementor-element-c519ca9 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-10395 .elementor-element.elementor-element-c519ca9 .e-loop-item > .elementor-section, .elementor-10395 .elementor-element.elementor-element-c519ca9 .e-loop-item > .elementor-section > .elementor-container, .elementor-10395 .elementor-element.elementor-element-c519ca9 .e-loop-item > .e-con, .elementor-10395 .elementor-element.elementor-element-c519ca9 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-10395 .elementor-element.elementor-element-c515c7c{--display:flex;--position:absolute;--min-height:100vh;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:auto;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;--z-index:9999;}.elementor-10395 .elementor-element.elementor-element-c515c7c:not(.elementor-motion-effects-element-type-background), .elementor-10395 .elementor-element.elementor-element-c515c7c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-10395 .elementor-element.elementor-element-c515c7c.e-con{--align-self:stretch;}body:not(.rtl) .elementor-10395 .elementor-element.elementor-element-c515c7c{left:0px;}body.rtl .elementor-10395 .elementor-element.elementor-element-c515c7c{right:0px;}.elementor-10395 .elementor-element.elementor-element-e6fa8b6{--display:flex;--position:absolute;--min-height:100vh;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:auto;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;--z-index:9;}body:not(.rtl) .elementor-10395 .elementor-element.elementor-element-e6fa8b6{left:0px;}body.rtl .elementor-10395 .elementor-element.elementor-element-e6fa8b6{right:0px;}.elementor-10395 .elementor-element.elementor-element-f8e116b{width:auto;max-width:auto;z-index:99;text-align:start;}.elementor-10395 .elementor-element.elementor-element-f8e116b > .elementor-widget-container{margin:0px 0px 0px 20px;padding:0px 0px 0px 0px;}.elementor-10395 .elementor-element.elementor-element-f8e116b .elementor-heading-title{font-family:"akzidenz_grotesk_adobe", Sans-serif;font-size:3.7rem;font-weight:400;font-style:italic;letter-spacing:-0.04rem;color:var( --e-global-color-c75d4af );}.elementor-10395 .elementor-element.elementor-element-958222f{--display:flex;--position:absolute;--min-height:100vh;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:auto;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;--z-index:9;}body:not(.rtl) .elementor-10395 .elementor-element.elementor-element-958222f{left:0px;}body.rtl .elementor-10395 .elementor-element.elementor-element-958222f{right:0px;}.elementor-10395 .elementor-element.elementor-element-a3030e2{--grid-columns:3;--grid-row-gap:0px;z-index:9999;--grid-column-gap:4px;}.elementor-10395 .elementor-element.elementor-element-a3030e2 > .elementor-widget-container{background-color:#D65F5F;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-10395 .elementor-element.elementor-element-a3030e2 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-10395 .elementor-element.elementor-element-a3030e2 .e-loop-item > .elementor-section, .elementor-10395 .elementor-element.elementor-element-a3030e2 .e-loop-item > .elementor-section > .elementor-container, .elementor-10395 .elementor-element.elementor-element-a3030e2 .e-loop-item > .e-con, .elementor-10395 .elementor-element.elementor-element-a3030e2 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-10395 .elementor-element.elementor-element-59cc25e{--display:flex;--position:absolute;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:660px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;--z-index:99;}body:not(.rtl) .elementor-10395 .elementor-element.elementor-element-59cc25e{right:0px;}body.rtl .elementor-10395 .elementor-element.elementor-element-59cc25e{left:0px;}.elementor-10395 .elementor-element.elementor-element-66191f4{width:auto;max-width:auto;top:0px;z-index:99;text-align:start;}.elementor-10395 .elementor-element.elementor-element-66191f4 > .elementor-widget-container{margin:0px 0px 0px 20px;padding:0px 0px 0px 0px;}body:not(.rtl) .elementor-10395 .elementor-element.elementor-element-66191f4{left:0px;}body.rtl .elementor-10395 .elementor-element.elementor-element-66191f4{right:0px;}.elementor-10395 .elementor-element.elementor-element-66191f4 .elementor-heading-title{font-family:"akzidenz_grotesk_adobe", Sans-serif;font-size:3.7rem;font-weight:400;font-style:italic;letter-spacing:-0.04rem;color:var( --e-global-color-c75d4af );}.elementor-10395 .elementor-element.elementor-element-b482b33{--display:flex;--min-height:100vh;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:auto;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:9;}.elementor-10395 .elementor-element.elementor-element-ec8ba15{--grid-columns:3;--grid-row-gap:0px;z-index:9999;--grid-column-gap:4px;}.elementor-10395 .elementor-element.elementor-element-ec8ba15 > .elementor-widget-container{background-color:#D65F5F;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-10395 .elementor-element.elementor-element-ec8ba15 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-10395 .elementor-element.elementor-element-ec8ba15 .e-loop-item > .elementor-section, .elementor-10395 .elementor-element.elementor-element-ec8ba15 .e-loop-item > .elementor-section > .elementor-container, .elementor-10395 .elementor-element.elementor-element-ec8ba15 .e-loop-item > .e-con, .elementor-10395 .elementor-element.elementor-element-ec8ba15 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-10395 .elementor-element.elementor-element-3fb8060{--n-tabs-heading-justify-content:initial;--n-tabs-title-width:100%;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:1;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-gap:0px;--n-tabs-gap:0px;--n-tabs-title-border-radius:0px 0px 0px 0px;--n-tabs-title-padding-top:0px;--n-tabs-title-padding-right:0px;--n-tabs-title-padding-bottom:0px;--n-tabs-title-padding-left:0px;--n-tabs-title-font-size:var( --e-global-typography-9abbe8f-font-size );--n-tabs-title-color:var( --e-global-color-d365afb );--n-tabs-title-color-active:#54E7BB;}.elementor-10395 .elementor-element.elementor-element-3fb8060 > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#CE2A2A00;}.elementor-10395 .elementor-element.elementor-element-3fb8060.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#FFFFFF00;}.elementor-10395 .elementor-element.elementor-element-3fb8060.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-10395 .elementor-element.elementor-element-3fb8060.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#FFFFFF00;}:where( .elementor-10395 .elementor-element.elementor-element-3fb8060.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-content ) > .e-con{background-color:var( --e-global-color-d365afb );}.elementor-10395 .elementor-element.elementor-element-3fb8060 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-style:none;border-radius:0px 0px 0px 0px;}.elementor-10395 .elementor-element.elementor-element-3fb8060.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-9abbe8f-font-family ), Sans-serif;font-weight:var( --e-global-typography-9abbe8f-font-weight );text-transform:var( --e-global-typography-9abbe8f-text-transform );letter-spacing:var( --e-global-typography-9abbe8f-letter-spacing );}.elementor-10395 .elementor-element.elementor-element-434db18{--display:flex;--min-height:100vh;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:auto;--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-10395 .elementor-element.elementor-element-0ae6dff{--display:flex;--position:absolute;--min-height:100vh;--justify-content:flex-start;--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;top:0px;}body:not(.rtl) .elementor-10395 .elementor-element.elementor-element-0ae6dff{right:0px;}body.rtl .elementor-10395 .elementor-element.elementor-element-0ae6dff{left:0px;}.elementor-10395 .elementor-element.elementor-element-07afb2c{--display:flex;}.elementor-10395 .elementor-element.elementor-element-07afb2c:not(.elementor-motion-effects-element-type-background), .elementor-10395 .elementor-element.elementor-element-07afb2c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2282F2;}.elementor-10395 .elementor-element.elementor-element-791c091 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-10395 .elementor-element.elementor-element-791c091{text-align:start;font-family:"akzidenz_grotesk_adobe", Sans-serif;font-size:1.1rem;font-weight:700;line-height:1.9rem;letter-spacing:-0.04rem;color:var( --e-global-color-757abfa );}.elementor-10395 .elementor-element.elementor-element-791c091 p{margin-block-end:0px;}.elementor-10395 .elementor-element.elementor-element-a3101bd > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-10395 .elementor-element.elementor-element-a3101bd{text-align:start;font-family:"Roboto", Sans-serif;font-size:1.1rem;font-weight:400;line-height:1.9rem;letter-spacing:-0.04rem;color:var( --e-global-color-757abfa );}.elementor-10395 .elementor-element.elementor-element-a3101bd p{margin-block-end:0px;}.elementor-10395 .elementor-element.elementor-element-753efca{--display:flex;--overflow:hidden;}.elementor-10395 .elementor-element.elementor-element-32973d5{--display:flex;--overflow:hidden;--overlay-opacity:0.5;}.elementor-10395 .elementor-element.elementor-element-32973d5::before, .elementor-10395 .elementor-element.elementor-element-32973d5 > .elementor-background-video-container::before, .elementor-10395 .elementor-element.elementor-element-32973d5 > .e-con-inner > .elementor-background-video-container::before, .elementor-10395 .elementor-element.elementor-element-32973d5 > .elementor-background-slideshow::before, .elementor-10395 .elementor-element.elementor-element-32973d5 > .e-con-inner > .elementor-background-slideshow::before, .elementor-10395 .elementor-element.elementor-element-32973d5 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-10395 .elementor-element.elementor-element-45f72d4{--display:flex;--position:absolute;top:0px;}.elementor-10395 .elementor-element.elementor-element-45f72d4:not(.elementor-motion-effects-element-type-background), .elementor-10395 .elementor-element.elementor-element-45f72d4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2262F21C;}body:not(.rtl) .elementor-10395 .elementor-element.elementor-element-45f72d4{left:0px;}body.rtl .elementor-10395 .elementor-element.elementor-element-45f72d4{right:0px;}.elementor-10395 .elementor-element.elementor-element-b0fdf39 .elementor-wrapper{--video-aspect-ratio:1;}.elementor-10395 .elementor-element.elementor-element-e88f347{--display:flex;--position:absolute;border-style:solid;--border-style:solid;top:0px;}.elementor-10395 .elementor-element.elementor-element-e88f347:not(.elementor-motion-effects-element-type-background), .elementor-10395 .elementor-element.elementor-element-e88f347 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E9E9E800;}body:not(.rtl) .elementor-10395 .elementor-element.elementor-element-e88f347{left:0px;}body.rtl .elementor-10395 .elementor-element.elementor-element-e88f347{right:0px;}.elementor-10395 .elementor-element.elementor-element-1debb23 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-10395 .elementor-element.elementor-element-1debb23{font-family:"Roboto", Sans-serif;font-size:1.44rem;font-weight:400;line-height:1rem;letter-spacing:-0.03rem;word-spacing:1px;color:var( --e-global-color-b4a5da9 );}.elementor-10395 .elementor-element.elementor-element-1debb23 p{margin-block-end:0rem;}.elementor-10395 .elementor-element.elementor-element-f5d613d > .elementor-widget-container{margin:0px 0px 0px 0px;padding:8px 0px 0px 0px;}.elementor-10395 .elementor-element.elementor-element-f5d613d{font-family:"akzidenz_grotesk_adobe", Sans-serif;font-size:1.13rem;font-weight:400;line-height:1rem;letter-spacing:-0.03rem;word-spacing:1px;color:var( --e-global-color-b4a5da9 );}.elementor-10395 .elementor-element.elementor-element-f5d613d p{margin-block-end:0rem;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-10395 .elementor-element.elementor-element-a4465ce{--divider-border-style:solid;--divider-color:var( --e-global-color-b4a5da9 );--divider-border-width:1px;}.elementor-10395 .elementor-element.elementor-element-a4465ce .elementor-divider-separator{width:100%;}.elementor-10395 .elementor-element.elementor-element-a4465ce .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-10395 .elementor-element.elementor-element-800d5fb > .elementor-widget-container{margin:0px 0px 0px 0px;padding:8px 0px 0px 0px;}.elementor-10395 .elementor-element.elementor-element-800d5fb{font-family:"akzidenz_grotesk_adobe", Sans-serif;font-size:1.13rem;font-weight:400;line-height:1rem;letter-spacing:-0.03rem;word-spacing:1px;color:var( --e-global-color-b4a5da9 );}.elementor-10395 .elementor-element.elementor-element-800d5fb p{margin-block-end:0rem;}.elementor-10395 .elementor-element.elementor-element-8989441{--display:flex;}.elementor-10395 .elementor-element.elementor-element-8989441:not(.elementor-motion-effects-element-type-background), .elementor-10395 .elementor-element.elementor-element-8989441 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #2282F2 0%, #1B3BEC 100%);}.elementor-10395 .elementor-element.elementor-element-9f17795 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-10395 .elementor-element.elementor-element-9f17795{font-family:"akzidenz_grotesk_adobe", Sans-serif;font-size:1.4rem;font-weight:300;line-height:1.4rem;letter-spacing:-0.03rem;word-spacing:1px;color:#5AC9FF;}.elementor-10395 .elementor-element.elementor-element-9f17795 p{margin-block-end:0rem;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-10395 .elementor-element.elementor-element-01e428f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:14px 0px 0px 0px;}.elementor-10395 .elementor-element.elementor-element-01e428f .elementor-field-group{padding-right:calc( 0px/2 );padding-left:calc( 0px/2 );margin-bottom:7px;}.elementor-10395 .elementor-element.elementor-element-01e428f .elementor-form-fields-wrapper{margin-left:calc( -0px/2 );margin-right:calc( -0px/2 );margin-bottom:-7px;}.elementor-10395 .elementor-element.elementor-element-01e428f .elementor-field-group.recaptcha_v3-bottomleft, .elementor-10395 .elementor-element.elementor-element-01e428f .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-10395 .elementor-element.elementor-element-01e428f .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-10395 .elementor-element.elementor-element-01e428f .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-10395 .elementor-element.elementor-element-01e428f .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-10395 .elementor-element.elementor-element-01e428f .elementor-field-group > label, .elementor-10395 .elementor-element.elementor-element-01e428f .elementor-field-subgroup label{color:#7DB9FF;}.elementor-10395 .elementor-element.elementor-element-01e428f .elementor-field-type-html{padding-bottom:0px;}.elementor-10395 .elementor-element.elementor-element-01e428f .elementor-field-group .elementor-field{color:#98E4FA;}.elementor-10395 .elementor-element.elementor-element-01e428f .elementor-field-group:not(.elementor-field-type-upload) .elementor-field:not(.elementor-select-wrapper){border-color:#7DB9FF;border-width:0px 0px 1.3px 0px;border-radius:0px 0px 0px 0px;}.elementor-10395 .elementor-element.elementor-element-01e428f .elementor-field-group .elementor-select-wrapper select{border-color:#7DB9FF;border-width:0px 0px 1.3px 0px;border-radius:0px 0px 0px 0px;}.elementor-10395 .elementor-element.elementor-element-01e428f .elementor-field-group .elementor-select-wrapper::before{color:#7DB9FF;}.elementor-10395 .elementor-element.elementor-element-01e428f .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-10395 .elementor-element.elementor-element-01e428f .elementor-button[type="submit"]{color:#ffffff;}.elementor-10395 .elementor-element.elementor-element-01e428f .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-10395 .elementor-element.elementor-element-01e428f .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-10395 .elementor-element.elementor-element-01e428f .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-10395 .elementor-element.elementor-element-01e428f .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-10395 .elementor-element.elementor-element-01e428f .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-10395 .elementor-element.elementor-element-01e428f .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-10395 .elementor-element.elementor-element-01e428f .elementor-message{font-family:var( --e-global-typography-ac4c858-font-family ), Sans-serif;font-size:var( --e-global-typography-ac4c858-font-size );font-weight:var( --e-global-typography-ac4c858-font-weight );letter-spacing:var( --e-global-typography-ac4c858-letter-spacing );}.elementor-10395 .elementor-element.elementor-element-01e428f .elementor-message.elementor-message-success{color:var( --e-global-color-757abfa );}.elementor-10395 .elementor-element.elementor-element-01e428f .elementor-message.elementor-message-danger{color:#E47F6E;}.elementor-10395 .elementor-element.elementor-element-01e428f{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-10395 .elementor-element.elementor-element-8f4183f{--display:flex;--position:absolute;--min-height:100vh;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;}body:not(.rtl) .elementor-10395 .elementor-element.elementor-element-8f4183f{left:0px;}body.rtl .elementor-10395 .elementor-element.elementor-element-8f4183f{right:0px;}.elementor-10395 .elementor-element.elementor-element-ea34366{--display:flex;--position:absolute;--min-height:100vh;--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;top:0px;}.elementor-10395 .elementor-element.elementor-element-ea34366:not(.elementor-motion-effects-element-type-background), .elementor-10395 .elementor-element.elementor-element-ea34366 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #2282F2 0%, #1B3BEC 100%);}body:not(.rtl) .elementor-10395 .elementor-element.elementor-element-ea34366{right:0px;}body.rtl .elementor-10395 .elementor-element.elementor-element-ea34366{left:0px;}.elementor-10395 .elementor-element.elementor-element-10023c8{--display:flex;--min-height:33.333vh;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:99;}.elementor-10395 .elementor-element.elementor-element-10023c8:not(.elementor-motion-effects-element-type-background), .elementor-10395 .elementor-element.elementor-element-10023c8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-b4a5da9 );}.elementor-10395 .elementor-element.elementor-element-65f447f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:31px 0px 0px 20px;}.elementor-10395 .elementor-element.elementor-element-65f447f{text-align:start;font-family:"akzidenz_grotesk_adobe", Sans-serif;font-size:3rem;font-weight:700;line-height:2.6rem;letter-spacing:-0.04rem;color:#E9E9E8;}.elementor-10395 .elementor-element.elementor-element-65f447f p{margin-block-end:0px;}.elementor-10395 .elementor-element.elementor-element-30842ca{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:38px;--padding-bottom:0px;--padding-left:20px;--padding-right:0px;}.elementor-10395 .elementor-element.elementor-element-30842ca:not(.elementor-motion-effects-element-type-background), .elementor-10395 .elementor-element.elementor-element-30842ca > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E9E9E800;}.elementor-10395 .elementor-element.elementor-element-046e7fc > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-10395 .elementor-element.elementor-element-046e7fc{font-family:"Roboto", Sans-serif;font-size:1.44rem;font-weight:400;line-height:1.5rem;letter-spacing:-0.03rem;word-spacing:1px;color:#FCF9F9;}.elementor-10395 .elementor-element.elementor-element-046e7fc p{margin-block-end:0rem;}.elementor-10395 .elementor-element.elementor-element-faac0fb > .elementor-widget-container{margin:0px 0px 0px 0px;padding:8px 0px 0px 0px;}.elementor-10395 .elementor-element.elementor-element-faac0fb{font-family:"akzidenz_grotesk_adobe", Sans-serif;font-size:1.13rem;font-weight:400;line-height:1rem;letter-spacing:-0.03rem;word-spacing:1px;color:#F6F9FD;}.elementor-10395 .elementor-element.elementor-element-faac0fb p{margin-block-end:0rem;}.elementor-10395 .elementor-element.elementor-element-237d1bd{--divider-border-style:solid;--divider-color:#EEF1F5;--divider-border-width:1px;width:var( --container-widget-width, 255px );max-width:255px;--container-widget-width:255px;--container-widget-flex-grow:0;}.elementor-10395 .elementor-element.elementor-element-237d1bd > .elementor-widget-container{margin:0px 0px 0px 0px;padding:2px 0px 0px 0px;}.elementor-10395 .elementor-element.elementor-element-237d1bd .elementor-divider-separator{width:100%;}.elementor-10395 .elementor-element.elementor-element-237d1bd .elementor-divider{padding-block-start:0px;padding-block-end:0px;}.elementor-10395 .elementor-element.elementor-element-4d852bb > .elementor-widget-container{margin:0px 0px 0px 0px;padding:8px 0px 0px 0px;}.elementor-10395 .elementor-element.elementor-element-4d852bb{font-family:"akzidenz_grotesk_adobe", Sans-serif;font-size:1.13rem;font-weight:400;line-height:1rem;letter-spacing:-0.03rem;word-spacing:1px;color:#F5F7FA;}.elementor-10395 .elementor-element.elementor-element-4d852bb p{margin-block-end:0rem;}.elementor-10395 .elementor-element.elementor-element-c3812e8{--display:flex;--min-height:66.666vh;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:0px;--z-index:999;}.elementor-10395 .elementor-element.elementor-element-c16fa97{width:var( --container-widget-width, 460px );max-width:460px;--container-widget-width:460px;--container-widget-flex-grow:0;font-family:"akzidenz_grotesk_adobe", Sans-serif;font-size:1.4rem;font-weight:300;line-height:1.4rem;letter-spacing:-0.03rem;word-spacing:1px;color:#5AC9FF;}.elementor-10395 .elementor-element.elementor-element-c16fa97 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:24px 0px 0px 0px;}.elementor-10395 .elementor-element.elementor-element-c16fa97 p{margin-block-end:0rem;}.elementor-10395 .elementor-element.elementor-element-85909da{width:var( --container-widget-width, 460px );max-width:460px;--container-widget-width:460px;--container-widget-flex-grow:0;--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-10395 .elementor-element.elementor-element-85909da > .elementor-widget-container{margin:0px 0px 0px 0px;padding:14px 0px 0px 0px;}.elementor-10395 .elementor-element.elementor-element-85909da .elementor-field-group{padding-right:calc( 0px/2 );padding-left:calc( 0px/2 );margin-bottom:7px;}.elementor-10395 .elementor-element.elementor-element-85909da .elementor-form-fields-wrapper{margin-left:calc( -0px/2 );margin-right:calc( -0px/2 );margin-bottom:-7px;}.elementor-10395 .elementor-element.elementor-element-85909da .elementor-field-group.recaptcha_v3-bottomleft, .elementor-10395 .elementor-element.elementor-element-85909da .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-10395 .elementor-element.elementor-element-85909da .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-10395 .elementor-element.elementor-element-85909da .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-10395 .elementor-element.elementor-element-85909da .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-10395 .elementor-element.elementor-element-85909da .elementor-field-group > label, .elementor-10395 .elementor-element.elementor-element-85909da .elementor-field-subgroup label{color:#7DB9FF;}.elementor-10395 .elementor-element.elementor-element-85909da .elementor-field-type-html{padding-bottom:0px;}.elementor-10395 .elementor-element.elementor-element-85909da .elementor-field-group .elementor-field{color:#98E4FA;}.elementor-10395 .elementor-element.elementor-element-85909da .elementor-field-group:not(.elementor-field-type-upload) .elementor-field:not(.elementor-select-wrapper){border-color:#7DB9FF;border-width:0px 0px 1.3px 0px;border-radius:0px 0px 0px 0px;}.elementor-10395 .elementor-element.elementor-element-85909da .elementor-field-group .elementor-select-wrapper select{border-color:#7DB9FF;border-width:0px 0px 1.3px 0px;border-radius:0px 0px 0px 0px;}.elementor-10395 .elementor-element.elementor-element-85909da .elementor-field-group .elementor-select-wrapper::before{color:#7DB9FF;}.elementor-10395 .elementor-element.elementor-element-85909da .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-10395 .elementor-element.elementor-element-85909da .elementor-button[type="submit"]{color:#ffffff;}.elementor-10395 .elementor-element.elementor-element-85909da .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-10395 .elementor-element.elementor-element-85909da .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-10395 .elementor-element.elementor-element-85909da .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-10395 .elementor-element.elementor-element-85909da .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-10395 .elementor-element.elementor-element-85909da .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-10395 .elementor-element.elementor-element-85909da .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-10395 .elementor-element.elementor-element-85909da .elementor-message{font-family:var( --e-global-typography-ac4c858-font-family ), Sans-serif;font-size:var( --e-global-typography-ac4c858-font-size );font-weight:var( --e-global-typography-ac4c858-font-weight );letter-spacing:var( --e-global-typography-ac4c858-letter-spacing );}.elementor-10395 .elementor-element.elementor-element-85909da .elementor-message.elementor-message-success{color:var( --e-global-color-757abfa );}.elementor-10395 .elementor-element.elementor-element-85909da .elementor-message.elementor-message-danger{color:#E47F6E;}.elementor-10395 .elementor-element.elementor-element-0a671e7{--display:flex;--position:absolute;--min-height:100vh;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;}.elementor-10395 .elementor-element.elementor-element-0a671e7:not(.elementor-motion-effects-element-type-background), .elementor-10395 .elementor-element.elementor-element-0a671e7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#BDB9B900;}.elementor-10395 .elementor-element.elementor-element-0a671e7.e-con{--align-self:flex-start;}body:not(.rtl) .elementor-10395 .elementor-element.elementor-element-0a671e7{left:0px;}body.rtl .elementor-10395 .elementor-element.elementor-element-0a671e7{right:0px;}.elementor-10395 .elementor-element.elementor-element-0b33a8d > .elementor-widget-container{margin:-300px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-10395 .elementor-element.elementor-element-0b33a8d .elementor-wrapper{--video-aspect-ratio:1;}.elementor-10395 .elementor-element.elementor-element-8d6fe27{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;top:0px;z-index:9;--n-tabs-title-gap:0px;--n-tabs-gap:0px;--n-tabs-title-font-size:1.8rem;--n-tabs-title-color-active:var( --e-global-color-b4a5da9 );}.elementor-10395 .elementor-element.elementor-element-8d6fe27 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}body:not(.rtl) .elementor-10395 .elementor-element.elementor-element-8d6fe27{left:0px;}body.rtl .elementor-10395 .elementor-element.elementor-element-8d6fe27{right:0px;}.elementor-10395 .elementor-element.elementor-element-8d6fe27.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Urbanist", Sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:-0.04rem;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-10395 .elementor-element.elementor-element-8fdec1f{--grid-columns:2;}.elementor-10395 .elementor-element.elementor-element-3eb5125{--grid-columns:2;}.elementor-10395 .elementor-element.elementor-element-15bbe63{--grid-columns:2;}.elementor-10395 .elementor-element.elementor-element-59642d7{--grid-columns:2;}.elementor-10395 .elementor-element.elementor-element-89e00d7{--grid-columns:2;}.elementor-10395 .elementor-element.elementor-element-ed8a765{--grid-columns:2;}.elementor-10395 .elementor-element.elementor-element-33548fd{--grid-columns:2;}.elementor-10395 .elementor-element.elementor-element-c519ca9{--grid-columns:2;}.elementor-10395 .elementor-element.elementor-element-a3030e2{--grid-columns:2;}.elementor-10395 .elementor-element.elementor-element-ec8ba15{--grid-columns:2;}.elementor-10395 .elementor-element.elementor-element-3fb8060{--n-tabs-title-font-size:var( --e-global-typography-9abbe8f-font-size );}.elementor-10395 .elementor-element.elementor-element-3fb8060.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){letter-spacing:var( --e-global-typography-9abbe8f-letter-spacing );}.elementor-10395 .elementor-element.elementor-element-01e428f .elementor-message{font-size:var( --e-global-typography-ac4c858-font-size );letter-spacing:var( --e-global-typography-ac4c858-letter-spacing );}.elementor-10395 .elementor-element.elementor-element-85909da .elementor-message{font-size:var( --e-global-typography-ac4c858-font-size );letter-spacing:var( --e-global-typography-ac4c858-letter-spacing );}}@media(min-width:768px){.elementor-10395 .elementor-element.elementor-element-6481143{--width:100%;}.elementor-10395 .elementor-element.elementor-element-3a2430d{--width:calc(100vw - 90px);}.elementor-10395 .elementor-element.elementor-element-e50e9cd{--width:550px;}.elementor-10395 .elementor-element.elementor-element-d199ba0{--width:100%;}.elementor-10395 .elementor-element.elementor-element-591aa7d{--width:100%;}.elementor-10395 .elementor-element.elementor-element-409ed1d{--width:calc(100% - 90px);}.elementor-10395 .elementor-element.elementor-element-487c8a6{--width:550px;}.elementor-10395 .elementor-element.elementor-element-18a3c6c{--width:100%;}.elementor-10395 .elementor-element.elementor-element-c782726{--width:550px;}.elementor-10395 .elementor-element.elementor-element-b3095d8{--width:calc(100% - 550px);}.elementor-10395 .elementor-element.elementor-element-cadf0de{--width:550px;}.elementor-10395 .elementor-element.elementor-element-e636df6{--width:calc(100% - 550px);}.elementor-10395 .elementor-element.elementor-element-fec12ba{--width:calc(100% - 550px);}.elementor-10395 .elementor-element.elementor-element-6399d0e{--width:calc(100% - 550px);}.elementor-10395 .elementor-element.elementor-element-d8d25e3{--width:550px;}.elementor-10395 .elementor-element.elementor-element-6aaa40d{--width:calc(100% - 550px);}.elementor-10395 .elementor-element.elementor-element-768b8e5{--width:calc(100% - 550px);}.elementor-10395 .elementor-element.elementor-element-c13b8a7{--width:calc(100% - 550px);}.elementor-10395 .elementor-element.elementor-element-4441e4f{--width:550px;}.elementor-10395 .elementor-element.elementor-element-991d24b{--width:calc(100% - 550px);}.elementor-10395 .elementor-element.elementor-element-45934b2{--width:calc(100% - 550px);}.elementor-10395 .elementor-element.elementor-element-f3a986a{--width:calc(100% - 550px);}.elementor-10395 .elementor-element.elementor-element-5c5b229{--width:550px;}.elementor-10395 .elementor-element.elementor-element-bdd2c82{--width:calc(100% - 550px);}.elementor-10395 .elementor-element.elementor-element-e6fa8b6{--width:calc(100% - 550px);}.elementor-10395 .elementor-element.elementor-element-958222f{--width:calc(100% - 550px);}.elementor-10395 .elementor-element.elementor-element-59cc25e{--width:550px;}.elementor-10395 .elementor-element.elementor-element-b482b33{--width:calc(100% - 550px);}.elementor-10395 .elementor-element.elementor-element-434db18{--width:calc(100% - 90px);}.elementor-10395 .elementor-element.elementor-element-0ae6dff{--width:550px;}.elementor-10395 .elementor-element.elementor-element-ea34366{--width:550px;}.elementor-10395 .elementor-element.elementor-element-10023c8{--width:550px;}.elementor-10395 .elementor-element.elementor-element-c3812e8{--width:550px;}.elementor-10395 .elementor-element.elementor-element-0a671e7{--width:calc(100vw - 640px);}}@media(max-width:767px){.elementor-10395 .elementor-element.elementor-element-6481143{--width:100%;--min-height:93vh;}.elementor-10395 .elementor-element.elementor-element-d587332:not(.elementor-motion-effects-element-type-background), .elementor-10395 .elementor-element.elementor-element-d587332 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://carolae.com/wp-content/uploads/2026/01/mobil_ojo_1.jpg");background-position:-150px 0px;background-repeat:no-repeat;background-size:cover;}.elementor-10395 .elementor-element.elementor-element-d587332{--width:88%;--min-height:93vh;--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-10395 .elementor-element.elementor-element-089cb30{--width:88%;--min-height:93vh;--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-10395 .elementor-element.elementor-element-0a691db:not(.elementor-motion-effects-element-type-background), .elementor-10395 .elementor-element.elementor-element-0a691db > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://carolae.com/wp-content/uploads/2026/01/mobil_ojo_1.jpg");background-position:-150px 0px;background-repeat:no-repeat;background-size:cover;}.elementor-10395 .elementor-element.elementor-element-0a691db{--width:88%;--min-height:93vh;--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-10395 .elementor-element.elementor-element-3a2430d{--width:88%;--min-height:93vh;--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;--z-index:99;}.elementor-10395 .elementor-element.elementor-element-e50e9cd{--width:100%;--min-height:93vh;--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: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-10395 .elementor-element.elementor-element-d876f33{--min-height:31vh;--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:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0;--margin-bottom:0;--margin-left:0;--margin-right:0;--padding-top:19px;--padding-bottom:0px;--padding-left:20px;--padding-right:10px;--z-index:99;}.elementor-10395 .elementor-element.elementor-element-f7c81e1 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-10395 .elementor-element.elementor-element-f7c81e1{text-align:start;font-size:2.4rem;line-height:2.2rem;letter-spacing:-0.01rem;}.elementor-10395 .elementor-element.elementor-element-f7c81e1 p{margin-block-end:0rem;}.elementor-10395 .elementor-element.elementor-element-ab45a6e > .elementor-widget-container{margin:0px 0px 0px 0px;padding:2px 0px 0px 0px;}.elementor-10395 .elementor-element.elementor-element-ab45a6e{text-align:start;font-size:2.3rem;line-height:2.2rem;letter-spacing:-0.02rem;}.elementor-10395 .elementor-element.elementor-element-ab45a6e p{margin-block-end:0rem;}.elementor-10395 .elementor-element.elementor-element-d199ba0{--width:100%;--min-height:31vh;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:0px;--padding-left:20px;--padding-right:40px;}.elementor-10395 .elementor-element.elementor-element-4b36909 > .elementor-widget-container{margin:0 0 0 0;padding:0px 0px 0px 0px;}.elementor-10395 .elementor-element.elementor-element-4b36909{z-index:99;font-size:1.3rem;line-height:1.33rem;letter-spacing:0.01rem;word-spacing:0em;}.elementor-10395 .elementor-element.elementor-element-4b36909 p{margin-block-end:0rem;}.elementor-10395 .elementor-element.elementor-element-fe54c5a > .elementor-widget-container{margin:0 0 0 0;padding:6px 0px 0px 0px;}.elementor-10395 .elementor-element.elementor-element-fe54c5a{z-index:99;font-size:1.3rem;line-height:1.33rem;letter-spacing:0.01rem;word-spacing:0em;}.elementor-10395 .elementor-element.elementor-element-fe54c5a p{margin-block-end:0rem;}.elementor-10395 .elementor-element.elementor-element-fb9a66f > .elementor-widget-container{margin:0 0 0 0;padding:1px 0px 0px 0px;}.elementor-10395 .elementor-element.elementor-element-fb9a66f{z-index:99;font-size:1.3rem;line-height:1.33rem;letter-spacing:-0.014rem;word-spacing:0em;}.elementor-10395 .elementor-element.elementor-element-fb9a66f p{margin-block-end:0rem;}.elementor-10395 .elementor-element.elementor-element-591aa7d.e-con{--e-con-transform-scale:0.8;}.elementor-10395 .elementor-element.elementor-element-591aa7d{--width:100%;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-71px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:174px;--padding-right:0px;}.elementor-10395 .elementor-element.elementor-element-3f897be > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-10395 .elementor-element.elementor-element-409ed1d{--width:100%;--min-height:93vh;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:0px 0px 0px 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;--z-index:99;}.elementor-10395 .elementor-element.elementor-element-f14c55c{--width:100%;--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:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:0px 0px 0px 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;--z-index:99;}.elementor-10395 .elementor-element.elementor-element-487c8a6{--width:88%;--min-height:31vh;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:0px 0px 0px 0px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:24px;--padding-bottom:0px;--padding-left:20px;--padding-right:0px;--z-index:99;}.elementor-10395 .elementor-element.elementor-element-487c8a6.e-con{--align-self:flex-start;}.elementor-10395 .elementor-element.elementor-element-6b41abb > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-10395 .elementor-element.elementor-element-6b41abb{text-align:start;font-size:2.3rem;line-height:1.33rem;letter-spacing:0rem;}.elementor-10395 .elementor-element.elementor-element-6b41abb p{margin-block-end:0rem;}.elementor-10395 .elementor-element.elementor-element-5c487dd > .elementor-widget-container{margin:0px 20px 0px 20px;padding:0px 0px 0px 0px;}body:not(.rtl) .elementor-10395 .elementor-element.elementor-element-5c487dd{left:0%;}body.rtl .elementor-10395 .elementor-element.elementor-element-5c487dd{right:0%;}.elementor-10395 .elementor-element.elementor-element-5c487dd{font-size:1.6rem;line-height:1.6rem;}.elementor-10395 .elementor-element.elementor-element-5c487dd p{margin-block-end:0rem;}.elementor-10395 .elementor-element.elementor-element-18a3c6c{--width:100%;--min-height:62vh;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:31vh;--margin-bottom:0;--margin-left:0;--margin-right:0;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:999;}.elementor-10395 .elementor-element.elementor-element-18a3c6c.e-con{--align-self:flex-start;}.elementor-10395 .elementor-element.elementor-element-c782726{--width:88%;--min-height:62vh;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:99;}.elementor-10395 .elementor-element.elementor-element-c782726.e-con{--align-self:flex-start;}.elementor-10395 .elementor-element.elementor-element-65b6908{--gap:00px 00px;--row-gap:00px;--column-gap:00px;--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-10395 .elementor-element.elementor-element-6521a56{--width:100%;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-width:2px 0px 0px 0px;--border-top-width:2px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:99;}.elementor-10395 .elementor-element.elementor-element-6521a56.e-con{--align-self:stretch;}.elementor-10395 .elementor-element.elementor-element-b3095d8{--width:100%;--min-height:100vh;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--z-index:99;}.elementor-10395 .elementor-element.elementor-element-e5d4fe1 > .elementor-widget-container{margin:-240px 0px 0px 0px;padding:0px 0px 0px 10px;}.elementor-10395 .elementor-element.elementor-element-e5d4fe1.elementor-element{--align-self:flex-start;}.elementor-10395 .elementor-element.elementor-element-e5d4fe1{z-index:9;}.elementor-10395 .elementor-element.elementor-element-e5d4fe1 .elementor-heading-title{font-size:3rem;line-height:2.6rem;letter-spacing:-0.02rem;}.elementor-10395 .elementor-element.elementor-element-6d0d743{--width:100%;--min-height:2000px;--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;--z-index:9999;}.elementor-10395 .elementor-element.elementor-element-8fdec1f{--grid-columns:1;--grid-row-gap:10px;z-index:9999;--grid-column-gap:0px;}.elementor-10395 .elementor-element.elementor-element-8fdec1f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-10395 .elementor-element.elementor-element-2e69ec4 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-10395 .elementor-element.elementor-element-2e69ec4 .elementor-heading-title{font-size:3rem;line-height:2.6rem;letter-spacing:0rem;}.elementor-10395 .elementor-element.elementor-element-3eb5125{--grid-columns:1;--grid-row-gap:10px;z-index:9999999999999;--grid-column-gap:0px;}.elementor-10395 .elementor-element.elementor-element-3eb5125 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-10395 .elementor-element.elementor-element-51149ca > .elementor-widget-container{margin:-110px 0px 0px 0px;padding:0px 0px 0px 12px;}.elementor-10395 .elementor-element.elementor-element-8313b13{--width:100%;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:99999;}.elementor-10395 .elementor-element.elementor-element-8313b13.e-con{--align-self:stretch;}.elementor-10395 .elementor-element.elementor-element-fec12ba{--margin-top:-237px;--margin-bottom:0px;--margin-left:20px;--margin-right:0px;--z-index:99;}.elementor-10395 .elementor-element.elementor-element-ed8fb71 > .elementor-widget-container{margin:0200px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-10395 .elementor-element.elementor-element-ed8fb71.elementor-element{--align-self:flex-start;}.elementor-10395 .elementor-element.elementor-element-ed8fb71{z-index:9;}.elementor-10395 .elementor-element.elementor-element-ed8fb71 .elementor-heading-title{font-size:3rem;line-height:2.6rem;letter-spacing:-0.02rem;}.elementor-10395 .elementor-element.elementor-element-15bbe63{--grid-columns:1;--grid-row-gap:10px;z-index:9999999999999;--grid-column-gap:0px;}.elementor-10395 .elementor-element.elementor-element-15bbe63 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-10395 .elementor-element.elementor-element-d7aa59d > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-10395 .elementor-element.elementor-element-d7aa59d .elementor-heading-title{font-size:3rem;line-height:2.6rem;letter-spacing:0rem;}.elementor-10395 .elementor-element.elementor-element-59642d7{--grid-columns:1;--grid-row-gap:10px;z-index:9999999999999;--grid-column-gap:0px;}.elementor-10395 .elementor-element.elementor-element-59642d7 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-10395 .elementor-element.elementor-element-9dadd74 > .elementor-widget-container{margin:-100px 0px 0px 17px;padding:0px 0px 0px 0px;}.elementor-10395 .elementor-element.elementor-element-e8e6ae3{--width:100%;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:99999;}.elementor-10395 .elementor-element.elementor-element-e8e6ae3.e-con{--align-self:stretch;}.elementor-10395 .elementor-element.elementor-element-768b8e5{--min-height:108px;--margin-top:-237px;--margin-bottom:0px;--margin-left:20px;--margin-right:0px;--z-index:99;}.elementor-10395 .elementor-element.elementor-element-f70238c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-10395 .elementor-element.elementor-element-f70238c.elementor-element{--align-self:flex-start;}.elementor-10395 .elementor-element.elementor-element-f70238c{z-index:9;}.elementor-10395 .elementor-element.elementor-element-f70238c .elementor-heading-title{font-size:3rem;line-height:2.6rem;letter-spacing:-0.02rem;}.elementor-10395 .elementor-element.elementor-element-89e00d7{--grid-columns:1;--grid-row-gap:10px;z-index:9999999999999;--grid-column-gap:0px;}.elementor-10395 .elementor-element.elementor-element-89e00d7 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-10395 .elementor-element.elementor-element-d32266d > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-10395 .elementor-element.elementor-element-d32266d .elementor-heading-title{font-size:3rem;line-height:2.6rem;letter-spacing:0rem;}.elementor-10395 .elementor-element.elementor-element-ed8a765{--grid-columns:1;--grid-row-gap:10px;z-index:9999999999999;--grid-column-gap:0px;}.elementor-10395 .elementor-element.elementor-element-ed8a765 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-10395 .elementor-element.elementor-element-3410be4 > .elementor-widget-container{margin:-100px 0px 0px 17px;padding:0px 0px 0px 0px;}.elementor-10395 .elementor-element.elementor-element-2e8c589{--width:100%;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:99999;}.elementor-10395 .elementor-element.elementor-element-2e8c589.e-con{--align-self:stretch;}.elementor-10395 .elementor-element.elementor-element-45934b2{--min-height:108px;--margin-top:-237px;--margin-bottom:0px;--margin-left:20px;--margin-right:0px;--z-index:99;}.elementor-10395 .elementor-element.elementor-element-aec6ab3 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-10395 .elementor-element.elementor-element-aec6ab3.elementor-element{--align-self:flex-start;}.elementor-10395 .elementor-element.elementor-element-aec6ab3{z-index:9;}.elementor-10395 .elementor-element.elementor-element-aec6ab3 .elementor-heading-title{font-size:3rem;line-height:2.6rem;letter-spacing:-0.02rem;}.elementor-10395 .elementor-element.elementor-element-33548fd{--grid-columns:1;--grid-row-gap:10px;z-index:9999999999999;--grid-column-gap:0px;}.elementor-10395 .elementor-element.elementor-element-33548fd > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-10395 .elementor-element.elementor-element-2cca240 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-10395 .elementor-element.elementor-element-2cca240 .elementor-heading-title{font-size:3rem;line-height:2.6rem;letter-spacing:0rem;}.elementor-10395 .elementor-element.elementor-element-c519ca9{--grid-columns:1;--grid-row-gap:10px;z-index:9999999999999;--grid-column-gap:0px;}.elementor-10395 .elementor-element.elementor-element-c519ca9 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-10395 .elementor-element.elementor-element-a8a5eb3 > .elementor-widget-container{margin:-100px 0px 0px 17px;padding:0px 0px 0px 0px;}.elementor-10395 .elementor-element.elementor-element-c515c7c{--width:100%;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:99999;}.elementor-10395 .elementor-element.elementor-element-c515c7c.e-con{--align-self:stretch;}.elementor-10395 .elementor-element.elementor-element-e6fa8b6{--min-height:108px;--margin-top:-237px;--margin-bottom:0px;--margin-left:20px;--margin-right:0px;--z-index:99;}.elementor-10395 .elementor-element.elementor-element-f8e116b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-10395 .elementor-element.elementor-element-f8e116b.elementor-element{--align-self:flex-start;}.elementor-10395 .elementor-element.elementor-element-f8e116b{z-index:9;}.elementor-10395 .elementor-element.elementor-element-f8e116b .elementor-heading-title{font-size:3rem;line-height:2.6rem;letter-spacing:-0.02rem;}.elementor-10395 .elementor-element.elementor-element-958222f{--min-height:100vh;}.elementor-10395 .elementor-element.elementor-element-a3030e2{--grid-columns:1;--grid-row-gap:10px;z-index:9999999999999;--grid-column-gap:0px;}.elementor-10395 .elementor-element.elementor-element-a3030e2 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-10395 .elementor-element.elementor-element-66191f4 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-10395 .elementor-element.elementor-element-66191f4 .elementor-heading-title{font-size:3rem;line-height:2.6rem;letter-spacing:0rem;}.elementor-10395 .elementor-element.elementor-element-ec8ba15{--grid-columns:1;--grid-row-gap:10px;z-index:9999999999999;--grid-column-gap:0px;}.elementor-10395 .elementor-element.elementor-element-ec8ba15 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-10395 .elementor-element.elementor-element-8b5e609 > .elementor-widget-container{margin:-100px 0px 0px 17px;padding:0px 0px 0px 0px;}.elementor-10395 .elementor-element.elementor-element-3fb8060{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;z-index:99;--n-tabs-title-justify-content:flex-start;--n-tabs-title-align-items:flex-start;--n-tabs-title-text-align:start;--n-tabs-title-gap:0px;--n-tabs-gap:0px;--n-tabs-title-border-radius:0px 0px 0px 0px;--n-tabs-title-padding-top:0px;--n-tabs-title-padding-right:0px;--n-tabs-title-padding-bottom:0px;--n-tabs-title-padding-left:0px;--n-tabs-title-font-size:var( --e-global-typography-9abbe8f-font-size );--n-tabs-icon-size:0px;--n-tabs-icon-gap:0px;}.elementor-10395 .elementor-element.elementor-element-3fb8060 > .elementor-widget-container{margin:0 0 0 0;padding:0px 0px 0px 0px;}.elementor-10395 .elementor-element.elementor-element-3fb8060.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){letter-spacing:var( --e-global-typography-9abbe8f-letter-spacing );}.elementor-10395 .elementor-element.elementor-element-434db18{--width:88%;--min-height:93vh;--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-10395 .elementor-element.elementor-element-0ae6dff{--width:100%;--min-height:93vh;--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;--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-10395 .elementor-element.elementor-element-07afb2c{--min-height:31vh;--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:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0;--margin-bottom:0;--margin-left:0;--margin-right:0;--padding-top:19px;--padding-bottom:0px;--padding-left:20px;--padding-right:10px;--z-index:99;}.elementor-10395 .elementor-element.elementor-element-791c091 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-10395 .elementor-element.elementor-element-791c091{text-align:start;font-size:2.4rem;line-height:2.1rem;letter-spacing:0.01rem;}.elementor-10395 .elementor-element.elementor-element-791c091 p{margin-block-end:0rem;}.elementor-10395 .elementor-element.elementor-element-a3101bd > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-10395 .elementor-element.elementor-element-a3101bd{text-align:start;font-size:2.2rem;line-height:1.8rem;letter-spacing:0rem;}.elementor-10395 .elementor-element.elementor-element-a3101bd p{margin-block-end:0rem;}.elementor-10395 .elementor-element.elementor-element-753efca{--width:100%;--min-height:400px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0;--margin-bottom:0;--margin-left:0;--margin-right:0;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:9;}.elementor-10395 .elementor-element.elementor-element-753efca.e-con{--align-self:center;}.elementor-10395 .elementor-element.elementor-element-32973d5{--width:600px;--min-height:0px;--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-10395 .elementor-element.elementor-element-45f72d4{--min-height:63vh;--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-10395 .elementor-element.elementor-element-b0fdf39 > .elementor-widget-container{margin:-55px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-10395 .elementor-element.elementor-element-e88f347{--gap:3px 3px;--row-gap:3px;--column-gap:3px;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:5px;--padding-left:15px;--padding-right:5px;}.elementor-10395 .elementor-element.elementor-element-1debb23 > .elementor-widget-container{margin:0 0 0 0;padding:0px 0px 0px 0px;}.elementor-10395 .elementor-element.elementor-element-1debb23{z-index:99;font-size:1.2rem;line-height:1.3rem;letter-spacing:0.01rem;word-spacing:0em;}.elementor-10395 .elementor-element.elementor-element-1debb23 p{margin-block-end:0rem;}.elementor-10395 .elementor-element.elementor-element-f5d613d > .elementor-widget-container{margin:0px 0px 0px 0px;padding:2px 0px 0px 0px;}.elementor-10395 .elementor-element.elementor-element-f5d613d{font-size:0.9rem;line-height:1rem;letter-spacing:0.01rem;}.elementor-10395 .elementor-element.elementor-element-f5d613d p{margin-block-end:0rem;}.elementor-10395 .elementor-element.elementor-element-a4465ce{width:var( --container-widget-width, 219px );max-width:219px;--container-widget-width:219px;--container-widget-flex-grow:0;}.elementor-10395 .elementor-element.elementor-element-a4465ce > .elementor-widget-container{margin:-3px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-10395 .elementor-element.elementor-element-a4465ce .elementor-divider{padding-block-start:0px;padding-block-end:0px;}.elementor-10395 .elementor-element.elementor-element-800d5fb > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-10395 .elementor-element.elementor-element-800d5fb{font-size:0.9rem;line-height:1rem;letter-spacing:0.01rem;}.elementor-10395 .elementor-element.elementor-element-800d5fb p{margin-block-end:0rem;}.elementor-10395 .elementor-element.elementor-element-8989441{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0;--margin-bottom:0;--margin-left:0;--margin-right:0;--padding-top:32px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;--z-index:9;}.elementor-10395 .elementor-element.elementor-element-9f17795 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-10395 .elementor-element.elementor-element-9f17795{font-size:1.3rem;line-height:1.33rem;letter-spacing:0.01rem;}.elementor-10395 .elementor-element.elementor-element-9f17795 p{margin-block-end:0rem;}.elementor-10395 .elementor-element.elementor-element-01e428f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:9px 0px 0px 0px;}.elementor-10395 .elementor-element.elementor-element-01e428f .elementor-message{font-size:var( --e-global-typography-ac4c858-font-size );letter-spacing:var( --e-global-typography-ac4c858-letter-spacing );}.elementor-10395 .elementor-element.elementor-element-8f4183f{--width:100%;--min-height:93vh;--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: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-10395 .elementor-element.elementor-element-10023c8{--width:100%;--min-height:31vh;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:24px;--padding-bottom:0px;--padding-left:20px;--padding-right:0px;--z-index:99;}.elementor-10395 .elementor-element.elementor-element-65f447f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-10395 .elementor-element.elementor-element-65f447f{text-align:start;font-size:2.3rem;line-height:1.33rem;letter-spacing:0rem;}.elementor-10395 .elementor-element.elementor-element-65f447f p{margin-block-end:0rem;}.elementor-10395 .elementor-element.elementor-element-30842ca{--gap:3px 3px;--row-gap:3px;--column-gap:3px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:5px;--padding-left:15px;--padding-right:5px;}.elementor-10395 .elementor-element.elementor-element-046e7fc > .elementor-widget-container{margin:0 0 0 0;padding:0px 0px 0px 0px;}.elementor-10395 .elementor-element.elementor-element-046e7fc{z-index:99;font-size:1.2rem;line-height:1.3rem;letter-spacing:0.01rem;word-spacing:0em;}.elementor-10395 .elementor-element.elementor-element-046e7fc p{margin-block-end:0rem;}.elementor-10395 .elementor-element.elementor-element-faac0fb > .elementor-widget-container{margin:0px 0px 0px 0px;padding:2px 0px 0px 0px;}.elementor-10395 .elementor-element.elementor-element-faac0fb{font-size:0.9rem;line-height:1rem;letter-spacing:0.01rem;}.elementor-10395 .elementor-element.elementor-element-faac0fb p{margin-block-end:0rem;}.elementor-10395 .elementor-element.elementor-element-237d1bd{width:var( --container-widget-width, 219px );max-width:219px;--container-widget-width:219px;--container-widget-flex-grow:0;}.elementor-10395 .elementor-element.elementor-element-237d1bd > .elementor-widget-container{margin:-3px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-10395 .elementor-element.elementor-element-237d1bd .elementor-divider{padding-block-start:0px;padding-block-end:0px;}.elementor-10395 .elementor-element.elementor-element-4d852bb > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-10395 .elementor-element.elementor-element-4d852bb{font-size:0.9rem;line-height:1rem;letter-spacing:0.01rem;}.elementor-10395 .elementor-element.elementor-element-4d852bb p{margin-block-end:0rem;}.elementor-10395 .elementor-element.elementor-element-c3812e8{--width:100%;--min-height:31vh;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:24px;--padding-bottom:0px;--padding-left:20px;--padding-right:0px;--z-index:99;}.elementor-10395 .elementor-element.elementor-element-c16fa97 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-10395 .elementor-element.elementor-element-c16fa97{font-size:1.3rem;line-height:1.33rem;letter-spacing:0.01rem;}.elementor-10395 .elementor-element.elementor-element-c16fa97 p{margin-block-end:0rem;}.elementor-10395 .elementor-element.elementor-element-85909da > .elementor-widget-container{margin:0px 0px 0px 0px;padding:9px 0px 0px 0px;}.elementor-10395 .elementor-element.elementor-element-85909da .elementor-message{font-size:var( --e-global-typography-ac4c858-font-size );letter-spacing:var( --e-global-typography-ac4c858-letter-spacing );}.elementor-10395 .elementor-element.elementor-element-0a671e7{--width:100%;--min-height:400px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0;--margin-bottom:0;--margin-left:0;--margin-right:0;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:9;}.elementor-10395 .elementor-element.elementor-element-0a671e7.e-con{--align-self:center;}.elementor-10395 .elementor-element.elementor-element-0b33a8d > .elementor-widget-container{margin:-55px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-10395 .elementor-element.elementor-element-8d6fe27{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;z-index:99;--n-tabs-title-gap:0px;--n-tabs-gap:0px;--n-tabs-title-font-size:1.1rem;}.elementor-10395 .elementor-element.elementor-element-8d6fe27 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-10395 .elementor-element.elementor-element-8d6fe27.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){line-height:1.33rem;letter-spacing:0.01rem;}}/* Start custom CSS for container, class: .elementor-element-591aa7d */.elementor-10395 .elementor-element.elementor-element-591aa7d /*comunicacion*/{

    animation-name: corazon_aparece;
    animation-duration: 6s;
    animation-delay: 0s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
}

@keyframes corazon_aparece {
    0%    {opacity: 0%;}
    25%   {opacity: 0%;}
    50%   {opacity: 0%;}
    75%   {opacity: 0%;}
    100%  {opacity: 100%;}
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-5c487dd */.texto_aparece {
    animation-name: texto_ghost;
    animation-duration: 4s;
    animation-delay: 0s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
}

@keyframes texto_ghost {
    0%    {bottom:-100%;}
    100%  {bottom:36px;}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c782726 *//* ------------ DESKTOP ---------------------*/
@media screen and (min-width: 1024px) {
    
    .elementor-10395 .elementor-element.elementor-element-c782726 {
        position: absolute;
        right:0!important;
        overflow: visible!important;
    }


}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-8fdec1f */.elementor-10395 .elementor-element.elementor-element-8fdec1f {
    overflow: visible!important;
    height: 100%!important;
    width: 110%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6d0d743 */.elementor-10395 .elementor-element.elementor-element-6d0d743 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-3eb5125 */.elementor-10395 .elementor-element.elementor-element-3eb5125 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-51149ca *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6521a56 */.elementor-10395 .elementor-element.elementor-element-6521a56 {
    overflow: visible!important;
    z-index: 99999999!important;
}

#idea {
    z-index: 99!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-15bbe63 */.elementor-10395 .elementor-element.elementor-element-15bbe63 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-59642d7 */.elementor-10395 .elementor-element.elementor-element-59642d7 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9dadd74 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8313b13 */.elementor-10395 .elementor-element.elementor-element-8313b13 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-89e00d7 */.elementor-10395 .elementor-element.elementor-element-89e00d7 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-ed8a765 */.elementor-10395 .elementor-element.elementor-element-ed8a765 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3410be4 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e8e6ae3 */.elementor-10395 .elementor-element.elementor-element-e8e6ae3 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-33548fd */.elementor-10395 .elementor-element.elementor-element-33548fd {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-c519ca9 */.elementor-10395 .elementor-element.elementor-element-c519ca9 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a8a5eb3 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2e8c589 */.elementor-10395 .elementor-element.elementor-element-2e8c589 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a3030e2 */.elementor-10395 .elementor-element.elementor-element-a3030e2 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-ec8ba15 */.elementor-10395 .elementor-element.elementor-element-ec8ba15 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8b5e609 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c515c7c */.elementor-10395 .elementor-element.elementor-element-c515c7c {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-8fdec1f */.elementor-10395 .elementor-element.elementor-element-8fdec1f {
    overflow: visible!important;
    height: 100%!important;
    width: 110%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6d0d743 */.elementor-10395 .elementor-element.elementor-element-6d0d743 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-3eb5125 */.elementor-10395 .elementor-element.elementor-element-3eb5125 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-51149ca *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6521a56 */.elementor-10395 .elementor-element.elementor-element-6521a56 {
    overflow: visible!important;
    z-index: 99999999!important;
}

#idea {
    z-index: 99!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-15bbe63 */.elementor-10395 .elementor-element.elementor-element-15bbe63 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-59642d7 */.elementor-10395 .elementor-element.elementor-element-59642d7 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9dadd74 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8313b13 */.elementor-10395 .elementor-element.elementor-element-8313b13 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-89e00d7 */.elementor-10395 .elementor-element.elementor-element-89e00d7 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-ed8a765 */.elementor-10395 .elementor-element.elementor-element-ed8a765 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3410be4 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e8e6ae3 */.elementor-10395 .elementor-element.elementor-element-e8e6ae3 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-33548fd */.elementor-10395 .elementor-element.elementor-element-33548fd {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-c519ca9 */.elementor-10395 .elementor-element.elementor-element-c519ca9 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a8a5eb3 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2e8c589 */.elementor-10395 .elementor-element.elementor-element-2e8c589 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a3030e2 */.elementor-10395 .elementor-element.elementor-element-a3030e2 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-ec8ba15 */.elementor-10395 .elementor-element.elementor-element-ec8ba15 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8b5e609 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c515c7c */.elementor-10395 .elementor-element.elementor-element-c515c7c {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-8fdec1f */.elementor-10395 .elementor-element.elementor-element-8fdec1f {
    overflow: visible!important;
    height: 100%!important;
    width: 110%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6d0d743 */.elementor-10395 .elementor-element.elementor-element-6d0d743 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-3eb5125 */.elementor-10395 .elementor-element.elementor-element-3eb5125 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-51149ca *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6521a56 */.elementor-10395 .elementor-element.elementor-element-6521a56 {
    overflow: visible!important;
    z-index: 99999999!important;
}

#idea {
    z-index: 99!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-15bbe63 */.elementor-10395 .elementor-element.elementor-element-15bbe63 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-59642d7 */.elementor-10395 .elementor-element.elementor-element-59642d7 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9dadd74 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8313b13 */.elementor-10395 .elementor-element.elementor-element-8313b13 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-89e00d7 */.elementor-10395 .elementor-element.elementor-element-89e00d7 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-ed8a765 */.elementor-10395 .elementor-element.elementor-element-ed8a765 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3410be4 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e8e6ae3 */.elementor-10395 .elementor-element.elementor-element-e8e6ae3 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-33548fd */.elementor-10395 .elementor-element.elementor-element-33548fd {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-c519ca9 */.elementor-10395 .elementor-element.elementor-element-c519ca9 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a8a5eb3 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2e8c589 */.elementor-10395 .elementor-element.elementor-element-2e8c589 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a3030e2 */.elementor-10395 .elementor-element.elementor-element-a3030e2 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-ec8ba15 */.elementor-10395 .elementor-element.elementor-element-ec8ba15 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8b5e609 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c515c7c */.elementor-10395 .elementor-element.elementor-element-c515c7c {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-8fdec1f */.elementor-10395 .elementor-element.elementor-element-8fdec1f {
    overflow: visible!important;
    height: 100%!important;
    width: 110%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6d0d743 */.elementor-10395 .elementor-element.elementor-element-6d0d743 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-3eb5125 */.elementor-10395 .elementor-element.elementor-element-3eb5125 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-51149ca *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6521a56 */.elementor-10395 .elementor-element.elementor-element-6521a56 {
    overflow: visible!important;
    z-index: 99999999!important;
}

#idea {
    z-index: 99!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-15bbe63 */.elementor-10395 .elementor-element.elementor-element-15bbe63 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-59642d7 */.elementor-10395 .elementor-element.elementor-element-59642d7 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9dadd74 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8313b13 */.elementor-10395 .elementor-element.elementor-element-8313b13 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-89e00d7 */.elementor-10395 .elementor-element.elementor-element-89e00d7 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-ed8a765 */.elementor-10395 .elementor-element.elementor-element-ed8a765 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3410be4 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e8e6ae3 */.elementor-10395 .elementor-element.elementor-element-e8e6ae3 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-33548fd */.elementor-10395 .elementor-element.elementor-element-33548fd {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-c519ca9 */.elementor-10395 .elementor-element.elementor-element-c519ca9 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a8a5eb3 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2e8c589 */.elementor-10395 .elementor-element.elementor-element-2e8c589 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a3030e2 */.elementor-10395 .elementor-element.elementor-element-a3030e2 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-ec8ba15 */.elementor-10395 .elementor-element.elementor-element-ec8ba15 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8b5e609 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c515c7c */.elementor-10395 .elementor-element.elementor-element-c515c7c {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-8fdec1f */.elementor-10395 .elementor-element.elementor-element-8fdec1f {
    overflow: visible!important;
    height: 100%!important;
    width: 110%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6d0d743 */.elementor-10395 .elementor-element.elementor-element-6d0d743 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-3eb5125 */.elementor-10395 .elementor-element.elementor-element-3eb5125 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-51149ca *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6521a56 */.elementor-10395 .elementor-element.elementor-element-6521a56 {
    overflow: visible!important;
    z-index: 99999999!important;
}

#idea {
    z-index: 99!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-15bbe63 */.elementor-10395 .elementor-element.elementor-element-15bbe63 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-59642d7 */.elementor-10395 .elementor-element.elementor-element-59642d7 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9dadd74 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8313b13 */.elementor-10395 .elementor-element.elementor-element-8313b13 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-89e00d7 */.elementor-10395 .elementor-element.elementor-element-89e00d7 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-ed8a765 */.elementor-10395 .elementor-element.elementor-element-ed8a765 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3410be4 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e8e6ae3 */.elementor-10395 .elementor-element.elementor-element-e8e6ae3 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-33548fd */.elementor-10395 .elementor-element.elementor-element-33548fd {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-c519ca9 */.elementor-10395 .elementor-element.elementor-element-c519ca9 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a8a5eb3 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2e8c589 */.elementor-10395 .elementor-element.elementor-element-2e8c589 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a3030e2 */.elementor-10395 .elementor-element.elementor-element-a3030e2 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-ec8ba15 */.elementor-10395 .elementor-element.elementor-element-ec8ba15 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8b5e609 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c515c7c */.elementor-10395 .elementor-element.elementor-element-c515c7c {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-8fdec1f */.elementor-10395 .elementor-element.elementor-element-8fdec1f {
    overflow: visible!important;
    height: 100%!important;
    width: 110%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6d0d743 */.elementor-10395 .elementor-element.elementor-element-6d0d743 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-3eb5125 */.elementor-10395 .elementor-element.elementor-element-3eb5125 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-51149ca *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6521a56 */.elementor-10395 .elementor-element.elementor-element-6521a56 {
    overflow: visible!important;
    z-index: 99999999!important;
}

#idea {
    z-index: 99!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-15bbe63 */.elementor-10395 .elementor-element.elementor-element-15bbe63 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-59642d7 */.elementor-10395 .elementor-element.elementor-element-59642d7 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9dadd74 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8313b13 */.elementor-10395 .elementor-element.elementor-element-8313b13 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-89e00d7 */.elementor-10395 .elementor-element.elementor-element-89e00d7 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-ed8a765 */.elementor-10395 .elementor-element.elementor-element-ed8a765 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3410be4 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e8e6ae3 */.elementor-10395 .elementor-element.elementor-element-e8e6ae3 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-33548fd */.elementor-10395 .elementor-element.elementor-element-33548fd {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-c519ca9 */.elementor-10395 .elementor-element.elementor-element-c519ca9 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a8a5eb3 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2e8c589 */.elementor-10395 .elementor-element.elementor-element-2e8c589 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a3030e2 */.elementor-10395 .elementor-element.elementor-element-a3030e2 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-ec8ba15 */.elementor-10395 .elementor-element.elementor-element-ec8ba15 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8b5e609 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c515c7c */.elementor-10395 .elementor-element.elementor-element-c515c7c {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-8fdec1f */.elementor-10395 .elementor-element.elementor-element-8fdec1f {
    overflow: visible!important;
    height: 100%!important;
    width: 110%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6d0d743 */.elementor-10395 .elementor-element.elementor-element-6d0d743 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-3eb5125 */.elementor-10395 .elementor-element.elementor-element-3eb5125 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-51149ca *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6521a56 */.elementor-10395 .elementor-element.elementor-element-6521a56 {
    overflow: visible!important;
    z-index: 99999999!important;
}

#idea {
    z-index: 99!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-15bbe63 */.elementor-10395 .elementor-element.elementor-element-15bbe63 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-59642d7 */.elementor-10395 .elementor-element.elementor-element-59642d7 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9dadd74 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8313b13 */.elementor-10395 .elementor-element.elementor-element-8313b13 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-89e00d7 */.elementor-10395 .elementor-element.elementor-element-89e00d7 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-ed8a765 */.elementor-10395 .elementor-element.elementor-element-ed8a765 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3410be4 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e8e6ae3 */.elementor-10395 .elementor-element.elementor-element-e8e6ae3 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-33548fd */.elementor-10395 .elementor-element.elementor-element-33548fd {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-c519ca9 */.elementor-10395 .elementor-element.elementor-element-c519ca9 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a8a5eb3 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2e8c589 */.elementor-10395 .elementor-element.elementor-element-2e8c589 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a3030e2 */.elementor-10395 .elementor-element.elementor-element-a3030e2 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-ec8ba15 */.elementor-10395 .elementor-element.elementor-element-ec8ba15 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8b5e609 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c515c7c */.elementor-10395 .elementor-element.elementor-element-c515c7c {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-3fb8060 */#e-n-tab-title-668140482, #e-n-tab-title-668140483, #e-n-tab-title-668140484, #e-n-tab-title-668140485, #e-n-tab-title-668140486 {
    animation-name: pesty_ghost;
    animation-duration: 9s;
    animation-delay: 0s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
            width: 300px!important;

}

@keyframes pesty_ghost {
    0%    {top:-51vh; opacity:0.5;}
    50%   {top:-51vh; opacity:1;}
    100%  {top:20px; opacity:1;}
}


.pestanyas_dentro_cont {
    position: absolute;
    top:0vh;
    left:0px!important;
    overflow: visible;
    z-index:99!important;/**/
}

.elementor-10395 .elementor-element.elementor-element-3fb8060 .e-n-tab-title-text {
    display:inline;
    width: calc(100% - 100px);
    border-bottom: 1px solid white!important;
    /*background-color: green;*/
    padding-top:3px;
    margin-left:20px!important;/* para cuadre con margenes generales sin romper la estructura*/
    text-align: left;

}

/* primera que no */
#e-n-tab-title-668140481 {
    display: none;
}


/* Todas PESTANYAS */

#e-n-tab-content-668140482 , #e-n-tab-content-668140483 , #e-n-tab-content-668140484 , #e-n-tab-content-668140485, #e-n-tab-content-668140486 {
    position: absolute!important;
    top:62vh!important;
    left:0px;
}
    

/* ------------ DESKTOP ---------------------*/
@media screen and (min-width: 1024px) {
    
.pestanyas_dentro_cont {
    position: absolute;
    top:0vh;
    left:0px;
    height: 100%;
    z-index:9999!important;/**/
    /*background-color: green;*/
}
    
   .elementor-10395 .elementor-element.elementor-element-3fb8060 .e-n-tab-title-text {
    position: absolute;
    display: inline;
    width: calc(100% - 200px);
    border-bottom: 1px solid white !important;
    /* background-color: green; */
    padding-top: 3px;
    margin-left: 20px !important;
    left: 0px;
        z-index:9999!important;/**/
}
    

/* todas pestanyas TITLE */
#e-n-tab-title-668140482 , #e-n-tab-title-668140483 , #e-n-tab-title-668140484 , #e-n-tab-title-668140485 , #e-n-tab-title-668140486 {
    width: 550px;
    height: 4vh;
    position: absolute!important;
    z-index:9999;
    right:0;
}



/*FRESH*/
#e-n-tab-title-668140482 {
    /*background-color: lightcoral;*/
    animation-name:freshy;
    animation-duration: 7s;
    animation-delay: 0s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
}
    
@keyframes freshy {
    0%    {top:0vh; opacity:0}
    50%   {top:0vh;opacity:0}
    100%  {top:35vh;opacity:1}
}

/*WEB*/
#e-n-tab-title-668140483 {
    /*background-color: lightgreen;*/
    animation-name:weby;
    animation-duration: 7s;
    animation-delay: 0s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
}
    
@keyframes weby {
    0%    {top:0vh; opacity:0}
    50%   {top:0vh;opacity:0}
    100%  {top:39vh;opacity:1}
}

/*DIGITAL*/
#e-n-tab-title-668140484 {
    /*background-color: lightblue;*/
    animation-name:instay;
    animation-duration: 7s;
    animation-delay: 0s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
}
    
@keyframes instay {
    0%    {top:0vh; opacity:0}
    50%   {top:0vh;opacity:0}
    100%  {top:43vh;opacity:1}
}

/*IMPRESO*/
#e-n-tab-title-668140485 {
    /*background-color: lightblue;*/
    animation-name:impresy;
    animation-duration: 7s;
    animation-delay: 0s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
}
    
@keyframes impresy {
    0%    {top:0vh; opacity:0}
    50%   {top:0vh;opacity:0}
    100%  {top:47vh;opacity:1}
}

/*PROYECTOS*/
#e-n-tab-title-668140486 {
    /*background-color: lightblue;*/
    animation-name:proyecty;
    animation-duration: 7s;
    animation-delay: 0s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
}
    
@keyframes proyecty {
    0%    {top:0vh; opacity:0}
    50%   {top:0vh;opacity:0}
    100%  {top:51vh;opacity:1}
}


/* todas pestanyas CONTENT */
#e-n-tab-content-668140482 , #e-n-tab-content-668140483 , #e-n-tab-content-668140484 , #e-n-tab-content-668140485 , #e-n-tab-content-668140486 {
    position: absolute!important;
    top:0vh!important;
    left:0px;
        z-index: 99!important;/*clave para que se puedan clickar */

}



}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-18a3c6c *//*muy importante para que se vean todo el chorro de imagenes*/
.elementor-10395 .elementor-element.elementor-element-18a3c6c {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f14c55c */.elementor-10395 .elementor-element.elementor-element-f14c55c {
    overflow: scroll!important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-409ed1d */.elementor-10395 .elementor-element.elementor-element-409ed1d {
    overflow: scroll!important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-32973d5 */.elementor-10395 .elementor-element.elementor-element-32973d5{
    max-height: 62vh;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-9f17795 */.num_tel{
    font-weight: normal;
    font-family:'Urbanist';
    letter-spacing: 0.03rem;
    color: #3FFCFF;
}/* End custom CSS */
/* Start custom CSS for form, class: .elementor-element-01e428f *//* formulari */

.elementor-form.elementor-button.elementor-size-sm {
	background-color:#BFDCBE;
	min-height:0px;
	flex-basis:0;
	padding-top:7px;
	padding-right:8px;
	padding-left:8px;
	padding-bottom:7px;
	text-align: center;
	font-family: "Readex Pro", serif;
	font-weight:300;
	font-size:1rem;
	letter-spacing:-0.02rem;
	text-decoration:none;
}


/* texto input campos */
input#form-field-name, input#form-field-email, textarea#form-field-message {
    padding: 0px!important;
}


/* tick y texto todo en conjunto */
.elementor-field-option {
	margin-top:10px!important;
}

/* cuadro tick casilla previo */
.elementor-field-type-acceptance .elementor-field-subgroup .elementor-field-option input{
        display: inline-block;/*importante*/
        
}
  
/* checkbox inicio */
input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  width: 21px;
  height: 21px;
  border-radius: 2px!important;
  border: 1.2px solid #7DB9FF!important;
  position: relative;
  background-color: transparent!important;
}

/* checkbox checked */
input[type="checkbox"]:checked {
  background-color: #2282F2!important;
  border:0!important;
}

/* texto tick casilla */
.elementor-7055.elementor-element.elementor-element-01e428f .elementor-field-group .elementor-field, .elementor-7055 .elementor-element.elementor-element-01e428f .elementor-field-subgroup label {
    position: absolute;
	font-size: 1.1rem;
	line-height: 1.3rem;
	color:#7DB9FF;
	padding:0px;
	font-family: bitter, serif;
	font-weight:400;
	letter-spacing:-0.02rem;
	font-style:italic;
	margin-top:5px!important;
	margin-left:8px;
}

/* boto formulari */
#boto_envia_k {
	background-color:transparent;
	border:1.5px solid #7DB9FF;
	min-height:0px;
	flex-basis:0;
	padding-top:9px;
	padding-right:11px;
	padding-left:11px;
	padding-bottom:9px;
	text-align: center;
	font-family: "Urbanist", serif;
	font-weight:400;
	font-size:1.4rem;
	letter-spacing:-0.02rem;
	color:#72B3FC;
	text-decoration:none;
	margin-top:50px;
	
}


#boto_envia_k:hover {
	background-color:turquoise;
	color:turquoise;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c16fa97 */.num_tel{
    font-weight: normal;
    font-family:'Urbanist';
    letter-spacing: 0.03rem;
    color: #3FFCFF;
}/* End custom CSS */
/* Start custom CSS for form, class: .elementor-element-85909da *//* formulari */

.elementor-form.elementor-button.elementor-size-sm {
	background-color:#BFDCBE;
	min-height:0px;
	flex-basis:0;
	padding-top:7px;
	padding-right:8px;
	padding-left:8px;
	padding-bottom:7px;
	text-align: center;
	font-family: "Readex Pro", serif;
	font-weight:300;
	font-size:1rem;
	letter-spacing:-0.02rem;
	text-decoration:none;
}


/* texto input campos */
input#form-field-name, input#form-field-email, textarea#form-field-message {
    padding: 0px!important;
}


/* tick y texto todo en conjunto */
.elementor-field-option {
	margin-top:10px!important;
}

/* cuadro tick casilla previo */
.elementor-field-type-acceptance .elementor-field-subgroup .elementor-field-option input{
        display: inline-block;/*importante*/
        
}
  
/* checkbox inicio */
input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  width: 21px;
  height: 21px;
  border-radius: 2px!important;
  border: 1.2px solid #7DB9FF!important;
  position: relative;
  background-color: transparent!important;
}

/* checkbox checked */
input[type="checkbox"]:checked {
  background-color: turquoise!important;
  border:0!important;
}

/* texto tick casilla */
.elementor-7055.elementor-element.elementor-element-01e428f .elementor-field-group .elementor-field, .elementor-7055 .elementor-element.elementor-element-01e428f .elementor-field-subgroup label {
    position: absolute;
	font-size: 1.1rem;
	line-height: 1.3rem;
	color:#7DB9FF;
	padding:0px;
	font-family: bitter, serif;
	font-weight:400;
	letter-spacing:-0.02rem;
	font-style:italic;
	margin-top:5px!important;
	margin-left:8px;
}

/* boto formulari */
#boto_envia_k {
	background-color:transparent;
	border:1.5px solid #7DB9FF;
	min-height:0px;
	flex-basis:0;
	padding-top:9px;
	padding-right:11px;
	padding-left:11px;
	padding-bottom:9px;
	text-align: center;
	font-family: "Urbanist", serif;
	font-weight:400;
	font-size:1.4rem;
	letter-spacing:-0.02rem;
	color:#72B3FC;
	text-decoration:none;
	margin-top:50px;
	
}


#boto_envia_k:hover {
	background-color:turquoise;
	color:turquoise;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-591aa7d */.elementor-10395 .elementor-element.elementor-element-591aa7d /*comunicacion*/{

    animation-name: corazon_aparece;
    animation-duration: 6s;
    animation-delay: 0s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
}

@keyframes corazon_aparece {
    0%    {opacity: 0%;}
    25%   {opacity: 0%;}
    50%   {opacity: 0%;}
    75%   {opacity: 0%;}
    100%  {opacity: 100%;}
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-5c487dd */.texto_aparece {
    animation-name: texto_ghost;
    animation-duration: 4s;
    animation-delay: 0s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
}

@keyframes texto_ghost {
    0%    {bottom:-100%;}
    100%  {bottom:36px;}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c782726 *//* ------------ DESKTOP ---------------------*/
@media screen and (min-width: 1024px) {
    
    .elementor-10395 .elementor-element.elementor-element-c782726 {
        position: absolute;
        right:0!important;
        overflow: visible!important;
    }


}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-8fdec1f */.elementor-10395 .elementor-element.elementor-element-8fdec1f {
    overflow: visible!important;
    height: 100%!important;
    width: 110%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6d0d743 */.elementor-10395 .elementor-element.elementor-element-6d0d743 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-3eb5125 */.elementor-10395 .elementor-element.elementor-element-3eb5125 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-51149ca *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6521a56 */.elementor-10395 .elementor-element.elementor-element-6521a56 {
    overflow: visible!important;
    z-index: 99999999!important;
}

#idea {
    z-index: 99!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-15bbe63 */.elementor-10395 .elementor-element.elementor-element-15bbe63 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-59642d7 */.elementor-10395 .elementor-element.elementor-element-59642d7 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9dadd74 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8313b13 */.elementor-10395 .elementor-element.elementor-element-8313b13 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-89e00d7 */.elementor-10395 .elementor-element.elementor-element-89e00d7 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-ed8a765 */.elementor-10395 .elementor-element.elementor-element-ed8a765 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3410be4 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e8e6ae3 */.elementor-10395 .elementor-element.elementor-element-e8e6ae3 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-33548fd */.elementor-10395 .elementor-element.elementor-element-33548fd {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-c519ca9 */.elementor-10395 .elementor-element.elementor-element-c519ca9 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a8a5eb3 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2e8c589 */.elementor-10395 .elementor-element.elementor-element-2e8c589 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a3030e2 */.elementor-10395 .elementor-element.elementor-element-a3030e2 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-ec8ba15 */.elementor-10395 .elementor-element.elementor-element-ec8ba15 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8b5e609 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c515c7c */.elementor-10395 .elementor-element.elementor-element-c515c7c {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-8fdec1f */.elementor-10395 .elementor-element.elementor-element-8fdec1f {
    overflow: visible!important;
    height: 100%!important;
    width: 110%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6d0d743 */.elementor-10395 .elementor-element.elementor-element-6d0d743 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-3eb5125 */.elementor-10395 .elementor-element.elementor-element-3eb5125 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-51149ca *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6521a56 */.elementor-10395 .elementor-element.elementor-element-6521a56 {
    overflow: visible!important;
    z-index: 99999999!important;
}

#idea {
    z-index: 99!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-15bbe63 */.elementor-10395 .elementor-element.elementor-element-15bbe63 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-59642d7 */.elementor-10395 .elementor-element.elementor-element-59642d7 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9dadd74 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8313b13 */.elementor-10395 .elementor-element.elementor-element-8313b13 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-89e00d7 */.elementor-10395 .elementor-element.elementor-element-89e00d7 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-ed8a765 */.elementor-10395 .elementor-element.elementor-element-ed8a765 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3410be4 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e8e6ae3 */.elementor-10395 .elementor-element.elementor-element-e8e6ae3 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-33548fd */.elementor-10395 .elementor-element.elementor-element-33548fd {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-c519ca9 */.elementor-10395 .elementor-element.elementor-element-c519ca9 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a8a5eb3 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2e8c589 */.elementor-10395 .elementor-element.elementor-element-2e8c589 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a3030e2 */.elementor-10395 .elementor-element.elementor-element-a3030e2 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-ec8ba15 */.elementor-10395 .elementor-element.elementor-element-ec8ba15 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8b5e609 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c515c7c */.elementor-10395 .elementor-element.elementor-element-c515c7c {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-8fdec1f */.elementor-10395 .elementor-element.elementor-element-8fdec1f {
    overflow: visible!important;
    height: 100%!important;
    width: 110%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6d0d743 */.elementor-10395 .elementor-element.elementor-element-6d0d743 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-3eb5125 */.elementor-10395 .elementor-element.elementor-element-3eb5125 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-51149ca *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6521a56 */.elementor-10395 .elementor-element.elementor-element-6521a56 {
    overflow: visible!important;
    z-index: 99999999!important;
}

#idea {
    z-index: 99!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-15bbe63 */.elementor-10395 .elementor-element.elementor-element-15bbe63 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-59642d7 */.elementor-10395 .elementor-element.elementor-element-59642d7 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9dadd74 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8313b13 */.elementor-10395 .elementor-element.elementor-element-8313b13 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-89e00d7 */.elementor-10395 .elementor-element.elementor-element-89e00d7 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-ed8a765 */.elementor-10395 .elementor-element.elementor-element-ed8a765 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3410be4 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e8e6ae3 */.elementor-10395 .elementor-element.elementor-element-e8e6ae3 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-33548fd */.elementor-10395 .elementor-element.elementor-element-33548fd {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-c519ca9 */.elementor-10395 .elementor-element.elementor-element-c519ca9 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a8a5eb3 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2e8c589 */.elementor-10395 .elementor-element.elementor-element-2e8c589 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a3030e2 */.elementor-10395 .elementor-element.elementor-element-a3030e2 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-ec8ba15 */.elementor-10395 .elementor-element.elementor-element-ec8ba15 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8b5e609 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c515c7c */.elementor-10395 .elementor-element.elementor-element-c515c7c {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-8fdec1f */.elementor-10395 .elementor-element.elementor-element-8fdec1f {
    overflow: visible!important;
    height: 100%!important;
    width: 110%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6d0d743 */.elementor-10395 .elementor-element.elementor-element-6d0d743 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-3eb5125 */.elementor-10395 .elementor-element.elementor-element-3eb5125 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-51149ca *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6521a56 */.elementor-10395 .elementor-element.elementor-element-6521a56 {
    overflow: visible!important;
    z-index: 99999999!important;
}

#idea {
    z-index: 99!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-15bbe63 */.elementor-10395 .elementor-element.elementor-element-15bbe63 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-59642d7 */.elementor-10395 .elementor-element.elementor-element-59642d7 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9dadd74 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8313b13 */.elementor-10395 .elementor-element.elementor-element-8313b13 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-89e00d7 */.elementor-10395 .elementor-element.elementor-element-89e00d7 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-ed8a765 */.elementor-10395 .elementor-element.elementor-element-ed8a765 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3410be4 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e8e6ae3 */.elementor-10395 .elementor-element.elementor-element-e8e6ae3 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-33548fd */.elementor-10395 .elementor-element.elementor-element-33548fd {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-c519ca9 */.elementor-10395 .elementor-element.elementor-element-c519ca9 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a8a5eb3 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2e8c589 */.elementor-10395 .elementor-element.elementor-element-2e8c589 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a3030e2 */.elementor-10395 .elementor-element.elementor-element-a3030e2 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-ec8ba15 */.elementor-10395 .elementor-element.elementor-element-ec8ba15 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8b5e609 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c515c7c */.elementor-10395 .elementor-element.elementor-element-c515c7c {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-8fdec1f */.elementor-10395 .elementor-element.elementor-element-8fdec1f {
    overflow: visible!important;
    height: 100%!important;
    width: 110%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6d0d743 */.elementor-10395 .elementor-element.elementor-element-6d0d743 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-3eb5125 */.elementor-10395 .elementor-element.elementor-element-3eb5125 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-51149ca *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6521a56 */.elementor-10395 .elementor-element.elementor-element-6521a56 {
    overflow: visible!important;
    z-index: 99999999!important;
}

#idea {
    z-index: 99!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-15bbe63 */.elementor-10395 .elementor-element.elementor-element-15bbe63 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-59642d7 */.elementor-10395 .elementor-element.elementor-element-59642d7 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9dadd74 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8313b13 */.elementor-10395 .elementor-element.elementor-element-8313b13 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-89e00d7 */.elementor-10395 .elementor-element.elementor-element-89e00d7 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-ed8a765 */.elementor-10395 .elementor-element.elementor-element-ed8a765 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3410be4 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e8e6ae3 */.elementor-10395 .elementor-element.elementor-element-e8e6ae3 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-33548fd */.elementor-10395 .elementor-element.elementor-element-33548fd {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-c519ca9 */.elementor-10395 .elementor-element.elementor-element-c519ca9 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a8a5eb3 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2e8c589 */.elementor-10395 .elementor-element.elementor-element-2e8c589 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a3030e2 */.elementor-10395 .elementor-element.elementor-element-a3030e2 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-ec8ba15 */.elementor-10395 .elementor-element.elementor-element-ec8ba15 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8b5e609 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c515c7c */.elementor-10395 .elementor-element.elementor-element-c515c7c {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-8fdec1f */.elementor-10395 .elementor-element.elementor-element-8fdec1f {
    overflow: visible!important;
    height: 100%!important;
    width: 110%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6d0d743 */.elementor-10395 .elementor-element.elementor-element-6d0d743 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-3eb5125 */.elementor-10395 .elementor-element.elementor-element-3eb5125 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-51149ca *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6521a56 */.elementor-10395 .elementor-element.elementor-element-6521a56 {
    overflow: visible!important;
    z-index: 99999999!important;
}

#idea {
    z-index: 99!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-15bbe63 */.elementor-10395 .elementor-element.elementor-element-15bbe63 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-59642d7 */.elementor-10395 .elementor-element.elementor-element-59642d7 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9dadd74 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8313b13 */.elementor-10395 .elementor-element.elementor-element-8313b13 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-89e00d7 */.elementor-10395 .elementor-element.elementor-element-89e00d7 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-ed8a765 */.elementor-10395 .elementor-element.elementor-element-ed8a765 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3410be4 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e8e6ae3 */.elementor-10395 .elementor-element.elementor-element-e8e6ae3 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-33548fd */.elementor-10395 .elementor-element.elementor-element-33548fd {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-c519ca9 */.elementor-10395 .elementor-element.elementor-element-c519ca9 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a8a5eb3 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2e8c589 */.elementor-10395 .elementor-element.elementor-element-2e8c589 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a3030e2 */.elementor-10395 .elementor-element.elementor-element-a3030e2 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-ec8ba15 */.elementor-10395 .elementor-element.elementor-element-ec8ba15 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8b5e609 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c515c7c */.elementor-10395 .elementor-element.elementor-element-c515c7c {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-8fdec1f */.elementor-10395 .elementor-element.elementor-element-8fdec1f {
    overflow: visible!important;
    height: 100%!important;
    width: 110%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6d0d743 */.elementor-10395 .elementor-element.elementor-element-6d0d743 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-3eb5125 */.elementor-10395 .elementor-element.elementor-element-3eb5125 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-51149ca *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6521a56 */.elementor-10395 .elementor-element.elementor-element-6521a56 {
    overflow: visible!important;
    z-index: 99999999!important;
}

#idea {
    z-index: 99!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-15bbe63 */.elementor-10395 .elementor-element.elementor-element-15bbe63 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-59642d7 */.elementor-10395 .elementor-element.elementor-element-59642d7 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9dadd74 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8313b13 */.elementor-10395 .elementor-element.elementor-element-8313b13 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-89e00d7 */.elementor-10395 .elementor-element.elementor-element-89e00d7 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-ed8a765 */.elementor-10395 .elementor-element.elementor-element-ed8a765 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3410be4 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e8e6ae3 */.elementor-10395 .elementor-element.elementor-element-e8e6ae3 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-33548fd */.elementor-10395 .elementor-element.elementor-element-33548fd {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-c519ca9 */.elementor-10395 .elementor-element.elementor-element-c519ca9 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a8a5eb3 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2e8c589 */.elementor-10395 .elementor-element.elementor-element-2e8c589 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a3030e2 */.elementor-10395 .elementor-element.elementor-element-a3030e2 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-ec8ba15 */.elementor-10395 .elementor-element.elementor-element-ec8ba15 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8b5e609 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c515c7c */.elementor-10395 .elementor-element.elementor-element-c515c7c {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-3fb8060 */#e-n-tab-title-668140482, #e-n-tab-title-668140483, #e-n-tab-title-668140484, #e-n-tab-title-668140485, #e-n-tab-title-668140486 {
    animation-name: pesty_ghost;
    animation-duration: 9s;
    animation-delay: 0s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
            width: 300px!important;

}

@keyframes pesty_ghost {
    0%    {top:-51vh; opacity:0.5;}
    50%   {top:-51vh; opacity:1;}
    100%  {top:20px; opacity:1;}
}


.pestanyas_dentro_cont {
    position: absolute;
    top:0vh;
    left:0px!important;
    overflow: visible;
    z-index:99!important;/**/
}

.elementor-10395 .elementor-element.elementor-element-3fb8060 .e-n-tab-title-text {
    display:inline;
    width: calc(100% - 100px);
    border-bottom: 1px solid white!important;
    /*background-color: green;*/
    padding-top:3px;
    margin-left:20px!important;/* para cuadre con margenes generales sin romper la estructura*/
    text-align: left;

}

/* primera que no */
#e-n-tab-title-668140481 {
    display: none;
}


/* Todas PESTANYAS */

#e-n-tab-content-668140482 , #e-n-tab-content-668140483 , #e-n-tab-content-668140484 , #e-n-tab-content-668140485, #e-n-tab-content-668140486 {
    position: absolute!important;
    top:62vh!important;
    left:0px;
}
    

/* ------------ DESKTOP ---------------------*/
@media screen and (min-width: 1024px) {
    
.pestanyas_dentro_cont {
    position: absolute;
    top:0vh;
    left:0px;
    height: 100%;
    z-index:9999!important;/**/
    /*background-color: green;*/
}
    
   .elementor-10395 .elementor-element.elementor-element-3fb8060 .e-n-tab-title-text {
    position: absolute;
    display: inline;
    width: calc(100% - 200px);
    border-bottom: 1px solid white !important;
    /* background-color: green; */
    padding-top: 3px;
    margin-left: 20px !important;
    left: 0px;
        z-index:9999!important;/**/
}
    

/* todas pestanyas TITLE */
#e-n-tab-title-668140482 , #e-n-tab-title-668140483 , #e-n-tab-title-668140484 , #e-n-tab-title-668140485 , #e-n-tab-title-668140486 {
    width: 550px;
    height: 4vh;
    position: absolute!important;
    z-index:9999;
    right:0;
}



/*FRESH*/
#e-n-tab-title-668140482 {
    /*background-color: lightcoral;*/
    animation-name:freshy;
    animation-duration: 7s;
    animation-delay: 0s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
}
    
@keyframes freshy {
    0%    {top:0vh; opacity:0}
    50%   {top:0vh;opacity:0}
    100%  {top:35vh;opacity:1}
}

/*WEB*/
#e-n-tab-title-668140483 {
    /*background-color: lightgreen;*/
    animation-name:weby;
    animation-duration: 7s;
    animation-delay: 0s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
}
    
@keyframes weby {
    0%    {top:0vh; opacity:0}
    50%   {top:0vh;opacity:0}
    100%  {top:39vh;opacity:1}
}

/*DIGITAL*/
#e-n-tab-title-668140484 {
    /*background-color: lightblue;*/
    animation-name:instay;
    animation-duration: 7s;
    animation-delay: 0s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
}
    
@keyframes instay {
    0%    {top:0vh; opacity:0}
    50%   {top:0vh;opacity:0}
    100%  {top:43vh;opacity:1}
}

/*IMPRESO*/
#e-n-tab-title-668140485 {
    /*background-color: lightblue;*/
    animation-name:impresy;
    animation-duration: 7s;
    animation-delay: 0s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
}
    
@keyframes impresy {
    0%    {top:0vh; opacity:0}
    50%   {top:0vh;opacity:0}
    100%  {top:47vh;opacity:1}
}

/*PROYECTOS*/
#e-n-tab-title-668140486 {
    /*background-color: lightblue;*/
    animation-name:proyecty;
    animation-duration: 7s;
    animation-delay: 0s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
}
    
@keyframes proyecty {
    0%    {top:0vh; opacity:0}
    50%   {top:0vh;opacity:0}
    100%  {top:51vh;opacity:1}
}


/* todas pestanyas CONTENT */
#e-n-tab-content-668140482 , #e-n-tab-content-668140483 , #e-n-tab-content-668140484 , #e-n-tab-content-668140485 , #e-n-tab-content-668140486 {
    position: absolute!important;
    top:0vh!important;
    left:0px;
        z-index: 99!important;/*clave para que se puedan clickar */

}



}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-18a3c6c *//*muy importante para que se vean todo el chorro de imagenes*/
.elementor-10395 .elementor-element.elementor-element-18a3c6c {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f14c55c */.elementor-10395 .elementor-element.elementor-element-f14c55c {
    overflow: scroll!important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-409ed1d */.elementor-10395 .elementor-element.elementor-element-409ed1d {
    overflow: scroll!important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-32973d5 */.elementor-10395 .elementor-element.elementor-element-32973d5{
    max-height: 62vh;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-9f17795 */.num_tel{
    font-weight: normal;
    font-family:'Urbanist';
    letter-spacing: 0.03rem;
    color: #3FFCFF;
}/* End custom CSS */
/* Start custom CSS for form, class: .elementor-element-01e428f *//* formulari */

.elementor-form.elementor-button.elementor-size-sm {
	background-color:#BFDCBE;
	min-height:0px;
	flex-basis:0;
	padding-top:7px;
	padding-right:8px;
	padding-left:8px;
	padding-bottom:7px;
	text-align: center;
	font-family: "Readex Pro", serif;
	font-weight:300;
	font-size:1rem;
	letter-spacing:-0.02rem;
	text-decoration:none;
}


/* texto input campos */
input#form-field-name, input#form-field-email, textarea#form-field-message {
    padding: 0px!important;
}


/* tick y texto todo en conjunto */
.elementor-field-option {
	margin-top:10px!important;
}

/* cuadro tick casilla previo */
.elementor-field-type-acceptance .elementor-field-subgroup .elementor-field-option input{
        display: inline-block;/*importante*/
        
}
  
/* checkbox inicio */
input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  width: 21px;
  height: 21px;
  border-radius: 2px!important;
  border: 1.2px solid #7DB9FF!important;
  position: relative;
  background-color: transparent!important;
}

/* checkbox checked */
input[type="checkbox"]:checked {
  background-color: #2282F2!important;
  border:0!important;
}

/* texto tick casilla */
.elementor-7055.elementor-element.elementor-element-01e428f .elementor-field-group .elementor-field, .elementor-7055 .elementor-element.elementor-element-01e428f .elementor-field-subgroup label {
    position: absolute;
	font-size: 1.1rem;
	line-height: 1.3rem;
	color:#7DB9FF;
	padding:0px;
	font-family: bitter, serif;
	font-weight:400;
	letter-spacing:-0.02rem;
	font-style:italic;
	margin-top:5px!important;
	margin-left:8px;
}

/* boto formulari */
#boto_envia_k {
	background-color:transparent;
	border:1.5px solid #7DB9FF;
	min-height:0px;
	flex-basis:0;
	padding-top:9px;
	padding-right:11px;
	padding-left:11px;
	padding-bottom:9px;
	text-align: center;
	font-family: "Urbanist", serif;
	font-weight:400;
	font-size:1.4rem;
	letter-spacing:-0.02rem;
	color:#72B3FC;
	text-decoration:none;
	margin-top:50px;
	
}


#boto_envia_k:hover {
	background-color:turquoise;
	color:turquoise;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c16fa97 */.num_tel{
    font-weight: normal;
    font-family:'Urbanist';
    letter-spacing: 0.03rem;
    color: #3FFCFF;
}/* End custom CSS */
/* Start custom CSS for form, class: .elementor-element-85909da *//* formulari */

.elementor-form.elementor-button.elementor-size-sm {
	background-color:#BFDCBE;
	min-height:0px;
	flex-basis:0;
	padding-top:7px;
	padding-right:8px;
	padding-left:8px;
	padding-bottom:7px;
	text-align: center;
	font-family: "Readex Pro", serif;
	font-weight:300;
	font-size:1rem;
	letter-spacing:-0.02rem;
	text-decoration:none;
}


/* texto input campos */
input#form-field-name, input#form-field-email, textarea#form-field-message {
    padding: 0px!important;
}


/* tick y texto todo en conjunto */
.elementor-field-option {
	margin-top:10px!important;
}

/* cuadro tick casilla previo */
.elementor-field-type-acceptance .elementor-field-subgroup .elementor-field-option input{
        display: inline-block;/*importante*/
        
}
  
/* checkbox inicio */
input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  width: 21px;
  height: 21px;
  border-radius: 2px!important;
  border: 1.2px solid #7DB9FF!important;
  position: relative;
  background-color: transparent!important;
}

/* checkbox checked */
input[type="checkbox"]:checked {
  background-color: turquoise!important;
  border:0!important;
}

/* texto tick casilla */
.elementor-7055.elementor-element.elementor-element-01e428f .elementor-field-group .elementor-field, .elementor-7055 .elementor-element.elementor-element-01e428f .elementor-field-subgroup label {
    position: absolute;
	font-size: 1.1rem;
	line-height: 1.3rem;
	color:#7DB9FF;
	padding:0px;
	font-family: bitter, serif;
	font-weight:400;
	letter-spacing:-0.02rem;
	font-style:italic;
	margin-top:5px!important;
	margin-left:8px;
}

/* boto formulari */
#boto_envia_k {
	background-color:transparent;
	border:1.5px solid #7DB9FF;
	min-height:0px;
	flex-basis:0;
	padding-top:9px;
	padding-right:11px;
	padding-left:11px;
	padding-bottom:9px;
	text-align: center;
	font-family: "Urbanist", serif;
	font-weight:400;
	font-size:1.4rem;
	letter-spacing:-0.02rem;
	color:#72B3FC;
	text-decoration:none;
	margin-top:50px;
	
}


#boto_envia_k:hover {
	background-color:turquoise;
	color:turquoise;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-591aa7d */.elementor-10395 .elementor-element.elementor-element-591aa7d /*comunicacion*/{

    animation-name: corazon_aparece;
    animation-duration: 6s;
    animation-delay: 0s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
}

@keyframes corazon_aparece {
    0%    {opacity: 0%;}
    25%   {opacity: 0%;}
    50%   {opacity: 0%;}
    75%   {opacity: 0%;}
    100%  {opacity: 100%;}
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-5c487dd */.texto_aparece {
    animation-name: texto_ghost;
    animation-duration: 4s;
    animation-delay: 0s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
}

@keyframes texto_ghost {
    0%    {bottom:-100%;}
    100%  {bottom:36px;}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c782726 *//* ------------ DESKTOP ---------------------*/
@media screen and (min-width: 1024px) {
    
    .elementor-10395 .elementor-element.elementor-element-c782726 {
        position: absolute;
        right:0!important;
        overflow: visible!important;
    }


}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-8fdec1f */.elementor-10395 .elementor-element.elementor-element-8fdec1f {
    overflow: visible!important;
    height: 100%!important;
    width: 110%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6d0d743 */.elementor-10395 .elementor-element.elementor-element-6d0d743 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-3eb5125 */.elementor-10395 .elementor-element.elementor-element-3eb5125 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-51149ca *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6521a56 */.elementor-10395 .elementor-element.elementor-element-6521a56 {
    overflow: visible!important;
    z-index: 99999999!important;
}

#idea {
    z-index: 99!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-15bbe63 */.elementor-10395 .elementor-element.elementor-element-15bbe63 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-59642d7 */.elementor-10395 .elementor-element.elementor-element-59642d7 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9dadd74 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8313b13 */.elementor-10395 .elementor-element.elementor-element-8313b13 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-89e00d7 */.elementor-10395 .elementor-element.elementor-element-89e00d7 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-ed8a765 */.elementor-10395 .elementor-element.elementor-element-ed8a765 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3410be4 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e8e6ae3 */.elementor-10395 .elementor-element.elementor-element-e8e6ae3 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-33548fd */.elementor-10395 .elementor-element.elementor-element-33548fd {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-c519ca9 */.elementor-10395 .elementor-element.elementor-element-c519ca9 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a8a5eb3 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2e8c589 */.elementor-10395 .elementor-element.elementor-element-2e8c589 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a3030e2 */.elementor-10395 .elementor-element.elementor-element-a3030e2 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-ec8ba15 */.elementor-10395 .elementor-element.elementor-element-ec8ba15 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8b5e609 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c515c7c */.elementor-10395 .elementor-element.elementor-element-c515c7c {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-8fdec1f */.elementor-10395 .elementor-element.elementor-element-8fdec1f {
    overflow: visible!important;
    height: 100%!important;
    width: 110%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6d0d743 */.elementor-10395 .elementor-element.elementor-element-6d0d743 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-3eb5125 */.elementor-10395 .elementor-element.elementor-element-3eb5125 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-51149ca *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6521a56 */.elementor-10395 .elementor-element.elementor-element-6521a56 {
    overflow: visible!important;
    z-index: 99999999!important;
}

#idea {
    z-index: 99!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-15bbe63 */.elementor-10395 .elementor-element.elementor-element-15bbe63 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-59642d7 */.elementor-10395 .elementor-element.elementor-element-59642d7 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9dadd74 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8313b13 */.elementor-10395 .elementor-element.elementor-element-8313b13 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-89e00d7 */.elementor-10395 .elementor-element.elementor-element-89e00d7 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-ed8a765 */.elementor-10395 .elementor-element.elementor-element-ed8a765 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3410be4 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e8e6ae3 */.elementor-10395 .elementor-element.elementor-element-e8e6ae3 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-33548fd */.elementor-10395 .elementor-element.elementor-element-33548fd {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-c519ca9 */.elementor-10395 .elementor-element.elementor-element-c519ca9 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a8a5eb3 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2e8c589 */.elementor-10395 .elementor-element.elementor-element-2e8c589 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a3030e2 */.elementor-10395 .elementor-element.elementor-element-a3030e2 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-ec8ba15 */.elementor-10395 .elementor-element.elementor-element-ec8ba15 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8b5e609 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c515c7c */.elementor-10395 .elementor-element.elementor-element-c515c7c {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-8fdec1f */.elementor-10395 .elementor-element.elementor-element-8fdec1f {
    overflow: visible!important;
    height: 100%!important;
    width: 110%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6d0d743 */.elementor-10395 .elementor-element.elementor-element-6d0d743 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-3eb5125 */.elementor-10395 .elementor-element.elementor-element-3eb5125 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-51149ca *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6521a56 */.elementor-10395 .elementor-element.elementor-element-6521a56 {
    overflow: visible!important;
    z-index: 99999999!important;
}

#idea {
    z-index: 99!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-15bbe63 */.elementor-10395 .elementor-element.elementor-element-15bbe63 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-59642d7 */.elementor-10395 .elementor-element.elementor-element-59642d7 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9dadd74 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8313b13 */.elementor-10395 .elementor-element.elementor-element-8313b13 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-89e00d7 */.elementor-10395 .elementor-element.elementor-element-89e00d7 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-ed8a765 */.elementor-10395 .elementor-element.elementor-element-ed8a765 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3410be4 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e8e6ae3 */.elementor-10395 .elementor-element.elementor-element-e8e6ae3 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-33548fd */.elementor-10395 .elementor-element.elementor-element-33548fd {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-c519ca9 */.elementor-10395 .elementor-element.elementor-element-c519ca9 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a8a5eb3 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2e8c589 */.elementor-10395 .elementor-element.elementor-element-2e8c589 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a3030e2 */.elementor-10395 .elementor-element.elementor-element-a3030e2 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-ec8ba15 */.elementor-10395 .elementor-element.elementor-element-ec8ba15 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8b5e609 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c515c7c */.elementor-10395 .elementor-element.elementor-element-c515c7c {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-8fdec1f */.elementor-10395 .elementor-element.elementor-element-8fdec1f {
    overflow: visible!important;
    height: 100%!important;
    width: 110%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6d0d743 */.elementor-10395 .elementor-element.elementor-element-6d0d743 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-3eb5125 */.elementor-10395 .elementor-element.elementor-element-3eb5125 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-51149ca *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6521a56 */.elementor-10395 .elementor-element.elementor-element-6521a56 {
    overflow: visible!important;
    z-index: 99999999!important;
}

#idea {
    z-index: 99!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-15bbe63 */.elementor-10395 .elementor-element.elementor-element-15bbe63 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-59642d7 */.elementor-10395 .elementor-element.elementor-element-59642d7 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9dadd74 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8313b13 */.elementor-10395 .elementor-element.elementor-element-8313b13 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-89e00d7 */.elementor-10395 .elementor-element.elementor-element-89e00d7 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-ed8a765 */.elementor-10395 .elementor-element.elementor-element-ed8a765 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3410be4 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e8e6ae3 */.elementor-10395 .elementor-element.elementor-element-e8e6ae3 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-33548fd */.elementor-10395 .elementor-element.elementor-element-33548fd {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-c519ca9 */.elementor-10395 .elementor-element.elementor-element-c519ca9 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a8a5eb3 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2e8c589 */.elementor-10395 .elementor-element.elementor-element-2e8c589 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a3030e2 */.elementor-10395 .elementor-element.elementor-element-a3030e2 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-ec8ba15 */.elementor-10395 .elementor-element.elementor-element-ec8ba15 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8b5e609 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c515c7c */.elementor-10395 .elementor-element.elementor-element-c515c7c {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-8fdec1f */.elementor-10395 .elementor-element.elementor-element-8fdec1f {
    overflow: visible!important;
    height: 100%!important;
    width: 110%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6d0d743 */.elementor-10395 .elementor-element.elementor-element-6d0d743 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-3eb5125 */.elementor-10395 .elementor-element.elementor-element-3eb5125 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-51149ca *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6521a56 */.elementor-10395 .elementor-element.elementor-element-6521a56 {
    overflow: visible!important;
    z-index: 99999999!important;
}

#idea {
    z-index: 99!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-15bbe63 */.elementor-10395 .elementor-element.elementor-element-15bbe63 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-59642d7 */.elementor-10395 .elementor-element.elementor-element-59642d7 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9dadd74 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8313b13 */.elementor-10395 .elementor-element.elementor-element-8313b13 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-89e00d7 */.elementor-10395 .elementor-element.elementor-element-89e00d7 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-ed8a765 */.elementor-10395 .elementor-element.elementor-element-ed8a765 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3410be4 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e8e6ae3 */.elementor-10395 .elementor-element.elementor-element-e8e6ae3 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-33548fd */.elementor-10395 .elementor-element.elementor-element-33548fd {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-c519ca9 */.elementor-10395 .elementor-element.elementor-element-c519ca9 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a8a5eb3 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2e8c589 */.elementor-10395 .elementor-element.elementor-element-2e8c589 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a3030e2 */.elementor-10395 .elementor-element.elementor-element-a3030e2 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-ec8ba15 */.elementor-10395 .elementor-element.elementor-element-ec8ba15 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8b5e609 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c515c7c */.elementor-10395 .elementor-element.elementor-element-c515c7c {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-8fdec1f */.elementor-10395 .elementor-element.elementor-element-8fdec1f {
    overflow: visible!important;
    height: 100%!important;
    width: 110%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6d0d743 */.elementor-10395 .elementor-element.elementor-element-6d0d743 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-3eb5125 */.elementor-10395 .elementor-element.elementor-element-3eb5125 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-51149ca *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6521a56 */.elementor-10395 .elementor-element.elementor-element-6521a56 {
    overflow: visible!important;
    z-index: 99999999!important;
}

#idea {
    z-index: 99!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-15bbe63 */.elementor-10395 .elementor-element.elementor-element-15bbe63 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-59642d7 */.elementor-10395 .elementor-element.elementor-element-59642d7 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9dadd74 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8313b13 */.elementor-10395 .elementor-element.elementor-element-8313b13 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-89e00d7 */.elementor-10395 .elementor-element.elementor-element-89e00d7 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-ed8a765 */.elementor-10395 .elementor-element.elementor-element-ed8a765 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3410be4 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e8e6ae3 */.elementor-10395 .elementor-element.elementor-element-e8e6ae3 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-33548fd */.elementor-10395 .elementor-element.elementor-element-33548fd {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-c519ca9 */.elementor-10395 .elementor-element.elementor-element-c519ca9 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a8a5eb3 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2e8c589 */.elementor-10395 .elementor-element.elementor-element-2e8c589 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a3030e2 */.elementor-10395 .elementor-element.elementor-element-a3030e2 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-ec8ba15 */.elementor-10395 .elementor-element.elementor-element-ec8ba15 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8b5e609 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c515c7c */.elementor-10395 .elementor-element.elementor-element-c515c7c {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-8fdec1f */.elementor-10395 .elementor-element.elementor-element-8fdec1f {
    overflow: visible!important;
    height: 100%!important;
    width: 110%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6d0d743 */.elementor-10395 .elementor-element.elementor-element-6d0d743 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-3eb5125 */.elementor-10395 .elementor-element.elementor-element-3eb5125 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-51149ca *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6521a56 */.elementor-10395 .elementor-element.elementor-element-6521a56 {
    overflow: visible!important;
    z-index: 99999999!important;
}

#idea {
    z-index: 99!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-15bbe63 */.elementor-10395 .elementor-element.elementor-element-15bbe63 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-59642d7 */.elementor-10395 .elementor-element.elementor-element-59642d7 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9dadd74 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8313b13 */.elementor-10395 .elementor-element.elementor-element-8313b13 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-89e00d7 */.elementor-10395 .elementor-element.elementor-element-89e00d7 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-ed8a765 */.elementor-10395 .elementor-element.elementor-element-ed8a765 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3410be4 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e8e6ae3 */.elementor-10395 .elementor-element.elementor-element-e8e6ae3 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-33548fd */.elementor-10395 .elementor-element.elementor-element-33548fd {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-c519ca9 */.elementor-10395 .elementor-element.elementor-element-c519ca9 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a8a5eb3 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2e8c589 */.elementor-10395 .elementor-element.elementor-element-2e8c589 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a3030e2 */.elementor-10395 .elementor-element.elementor-element-a3030e2 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-ec8ba15 */.elementor-10395 .elementor-element.elementor-element-ec8ba15 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8b5e609 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c515c7c */.elementor-10395 .elementor-element.elementor-element-c515c7c {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-3fb8060 */#e-n-tab-title-668140482, #e-n-tab-title-668140483, #e-n-tab-title-668140484, #e-n-tab-title-668140485, #e-n-tab-title-668140486 {
    animation-name: pesty_ghost;
    animation-duration: 9s;
    animation-delay: 0s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
            width: 300px!important;

}

@keyframes pesty_ghost {
    0%    {top:-51vh; opacity:0.5;}
    50%   {top:-51vh; opacity:1;}
    100%  {top:20px; opacity:1;}
}


.pestanyas_dentro_cont {
    position: absolute;
    top:0vh;
    left:0px!important;
    overflow: visible;
    z-index:99!important;/**/
}

.elementor-10395 .elementor-element.elementor-element-3fb8060 .e-n-tab-title-text {
    display:inline;
    width: calc(100% - 100px);
    border-bottom: 1px solid white!important;
    /*background-color: green;*/
    padding-top:3px;
    margin-left:20px!important;/* para cuadre con margenes generales sin romper la estructura*/
    text-align: left;

}

/* primera que no */
#e-n-tab-title-668140481 {
    display: none;
}


/* Todas PESTANYAS */

#e-n-tab-content-668140482 , #e-n-tab-content-668140483 , #e-n-tab-content-668140484 , #e-n-tab-content-668140485, #e-n-tab-content-668140486 {
    position: absolute!important;
    top:62vh!important;
    left:0px;
}
    

/* ------------ DESKTOP ---------------------*/
@media screen and (min-width: 1024px) {
    
.pestanyas_dentro_cont {
    position: absolute;
    top:0vh;
    left:0px;
    height: 100%;
    z-index:9999!important;/**/
    /*background-color: green;*/
}
    
   .elementor-10395 .elementor-element.elementor-element-3fb8060 .e-n-tab-title-text {
    position: absolute;
    display: inline;
    width: calc(100% - 200px);
    border-bottom: 1px solid white !important;
    /* background-color: green; */
    padding-top: 3px;
    margin-left: 20px !important;
    left: 0px;
        z-index:9999!important;/**/
}
    

/* todas pestanyas TITLE */
#e-n-tab-title-668140482 , #e-n-tab-title-668140483 , #e-n-tab-title-668140484 , #e-n-tab-title-668140485 , #e-n-tab-title-668140486 {
    width: 550px;
    height: 4vh;
    position: absolute!important;
    z-index:9999;
    right:0;
}



/*FRESH*/
#e-n-tab-title-668140482 {
    /*background-color: lightcoral;*/
    animation-name:freshy;
    animation-duration: 7s;
    animation-delay: 0s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
}
    
@keyframes freshy {
    0%    {top:0vh; opacity:0}
    50%   {top:0vh;opacity:0}
    100%  {top:35vh;opacity:1}
}

/*WEB*/
#e-n-tab-title-668140483 {
    /*background-color: lightgreen;*/
    animation-name:weby;
    animation-duration: 7s;
    animation-delay: 0s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
}
    
@keyframes weby {
    0%    {top:0vh; opacity:0}
    50%   {top:0vh;opacity:0}
    100%  {top:39vh;opacity:1}
}

/*DIGITAL*/
#e-n-tab-title-668140484 {
    /*background-color: lightblue;*/
    animation-name:instay;
    animation-duration: 7s;
    animation-delay: 0s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
}
    
@keyframes instay {
    0%    {top:0vh; opacity:0}
    50%   {top:0vh;opacity:0}
    100%  {top:43vh;opacity:1}
}

/*IMPRESO*/
#e-n-tab-title-668140485 {
    /*background-color: lightblue;*/
    animation-name:impresy;
    animation-duration: 7s;
    animation-delay: 0s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
}
    
@keyframes impresy {
    0%    {top:0vh; opacity:0}
    50%   {top:0vh;opacity:0}
    100%  {top:47vh;opacity:1}
}

/*PROYECTOS*/
#e-n-tab-title-668140486 {
    /*background-color: lightblue;*/
    animation-name:proyecty;
    animation-duration: 7s;
    animation-delay: 0s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
}
    
@keyframes proyecty {
    0%    {top:0vh; opacity:0}
    50%   {top:0vh;opacity:0}
    100%  {top:51vh;opacity:1}
}


/* todas pestanyas CONTENT */
#e-n-tab-content-668140482 , #e-n-tab-content-668140483 , #e-n-tab-content-668140484 , #e-n-tab-content-668140485 , #e-n-tab-content-668140486 {
    position: absolute!important;
    top:0vh!important;
    left:0px;
        z-index: 99!important;/*clave para que se puedan clickar */

}



}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-18a3c6c *//*muy importante para que se vean todo el chorro de imagenes*/
.elementor-10395 .elementor-element.elementor-element-18a3c6c {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f14c55c */.elementor-10395 .elementor-element.elementor-element-f14c55c {
    overflow: scroll!important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-409ed1d */.elementor-10395 .elementor-element.elementor-element-409ed1d {
    overflow: scroll!important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-32973d5 */.elementor-10395 .elementor-element.elementor-element-32973d5{
    max-height: 62vh;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-9f17795 */.num_tel{
    font-weight: normal;
    font-family:'Urbanist';
    letter-spacing: 0.03rem;
    color: #3FFCFF;
}/* End custom CSS */
/* Start custom CSS for form, class: .elementor-element-01e428f *//* formulari */

.elementor-form.elementor-button.elementor-size-sm {
	background-color:#BFDCBE;
	min-height:0px;
	flex-basis:0;
	padding-top:7px;
	padding-right:8px;
	padding-left:8px;
	padding-bottom:7px;
	text-align: center;
	font-family: "Readex Pro", serif;
	font-weight:300;
	font-size:1rem;
	letter-spacing:-0.02rem;
	text-decoration:none;
}


/* texto input campos */
input#form-field-name, input#form-field-email, textarea#form-field-message {
    padding: 0px!important;
}


/* tick y texto todo en conjunto */
.elementor-field-option {
	margin-top:10px!important;
}

/* cuadro tick casilla previo */
.elementor-field-type-acceptance .elementor-field-subgroup .elementor-field-option input{
        display: inline-block;/*importante*/
        
}
  
/* checkbox inicio */
input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  width: 21px;
  height: 21px;
  border-radius: 2px!important;
  border: 1.2px solid #7DB9FF!important;
  position: relative;
  background-color: transparent!important;
}

/* checkbox checked */
input[type="checkbox"]:checked {
  background-color: #2282F2!important;
  border:0!important;
}

/* texto tick casilla */
.elementor-7055.elementor-element.elementor-element-01e428f .elementor-field-group .elementor-field, .elementor-7055 .elementor-element.elementor-element-01e428f .elementor-field-subgroup label {
    position: absolute;
	font-size: 1.1rem;
	line-height: 1.3rem;
	color:#7DB9FF;
	padding:0px;
	font-family: bitter, serif;
	font-weight:400;
	letter-spacing:-0.02rem;
	font-style:italic;
	margin-top:5px!important;
	margin-left:8px;
}

/* boto formulari */
#boto_envia_k {
	background-color:transparent;
	border:1.5px solid #7DB9FF;
	min-height:0px;
	flex-basis:0;
	padding-top:9px;
	padding-right:11px;
	padding-left:11px;
	padding-bottom:9px;
	text-align: center;
	font-family: "Urbanist", serif;
	font-weight:400;
	font-size:1.4rem;
	letter-spacing:-0.02rem;
	color:#72B3FC;
	text-decoration:none;
	margin-top:50px;
	
}


#boto_envia_k:hover {
	background-color:turquoise;
	color:turquoise;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c16fa97 */.num_tel{
    font-weight: normal;
    font-family:'Urbanist';
    letter-spacing: 0.03rem;
    color: #3FFCFF;
}/* End custom CSS */
/* Start custom CSS for form, class: .elementor-element-85909da *//* formulari */

.elementor-form.elementor-button.elementor-size-sm {
	background-color:#BFDCBE;
	min-height:0px;
	flex-basis:0;
	padding-top:7px;
	padding-right:8px;
	padding-left:8px;
	padding-bottom:7px;
	text-align: center;
	font-family: "Readex Pro", serif;
	font-weight:300;
	font-size:1rem;
	letter-spacing:-0.02rem;
	text-decoration:none;
}


/* texto input campos */
input#form-field-name, input#form-field-email, textarea#form-field-message {
    padding: 0px!important;
}


/* tick y texto todo en conjunto */
.elementor-field-option {
	margin-top:10px!important;
}

/* cuadro tick casilla previo */
.elementor-field-type-acceptance .elementor-field-subgroup .elementor-field-option input{
        display: inline-block;/*importante*/
        
}
  
/* checkbox inicio */
input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  width: 21px;
  height: 21px;
  border-radius: 2px!important;
  border: 1.2px solid #7DB9FF!important;
  position: relative;
  background-color: transparent!important;
}

/* checkbox checked */
input[type="checkbox"]:checked {
  background-color: turquoise!important;
  border:0!important;
}

/* texto tick casilla */
.elementor-7055.elementor-element.elementor-element-01e428f .elementor-field-group .elementor-field, .elementor-7055 .elementor-element.elementor-element-01e428f .elementor-field-subgroup label {
    position: absolute;
	font-size: 1.1rem;
	line-height: 1.3rem;
	color:#7DB9FF;
	padding:0px;
	font-family: bitter, serif;
	font-weight:400;
	letter-spacing:-0.02rem;
	font-style:italic;
	margin-top:5px!important;
	margin-left:8px;
}

/* boto formulari */
#boto_envia_k {
	background-color:transparent;
	border:1.5px solid #7DB9FF;
	min-height:0px;
	flex-basis:0;
	padding-top:9px;
	padding-right:11px;
	padding-left:11px;
	padding-bottom:9px;
	text-align: center;
	font-family: "Urbanist", serif;
	font-weight:400;
	font-size:1.4rem;
	letter-spacing:-0.02rem;
	color:#72B3FC;
	text-decoration:none;
	margin-top:50px;
	
}


#boto_envia_k:hover {
	background-color:turquoise;
	color:turquoise;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-591aa7d */.elementor-10395 .elementor-element.elementor-element-591aa7d /*comunicacion*/{

    animation-name: corazon_aparece;
    animation-duration: 6s;
    animation-delay: 0s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
}

@keyframes corazon_aparece {
    0%    {opacity: 0%;}
    25%   {opacity: 0%;}
    50%   {opacity: 0%;}
    75%   {opacity: 0%;}
    100%  {opacity: 100%;}
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-5c487dd */.texto_aparece {
    animation-name: texto_ghost;
    animation-duration: 4s;
    animation-delay: 0s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
}

@keyframes texto_ghost {
    0%    {bottom:-100%;}
    100%  {bottom:36px;}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c782726 *//* ------------ DESKTOP ---------------------*/
@media screen and (min-width: 1024px) {
    
    .elementor-10395 .elementor-element.elementor-element-c782726 {
        position: absolute;
        right:0!important;
        overflow: visible!important;
    }


}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-8fdec1f */.elementor-10395 .elementor-element.elementor-element-8fdec1f {
    overflow: visible!important;
    height: 100%!important;
    width: 110%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6d0d743 */.elementor-10395 .elementor-element.elementor-element-6d0d743 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-3eb5125 */.elementor-10395 .elementor-element.elementor-element-3eb5125 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-51149ca *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6521a56 */.elementor-10395 .elementor-element.elementor-element-6521a56 {
    overflow: visible!important;
    z-index: 99999999!important;
}

#idea {
    z-index: 99!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-15bbe63 */.elementor-10395 .elementor-element.elementor-element-15bbe63 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-59642d7 */.elementor-10395 .elementor-element.elementor-element-59642d7 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9dadd74 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8313b13 */.elementor-10395 .elementor-element.elementor-element-8313b13 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-89e00d7 */.elementor-10395 .elementor-element.elementor-element-89e00d7 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-ed8a765 */.elementor-10395 .elementor-element.elementor-element-ed8a765 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3410be4 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e8e6ae3 */.elementor-10395 .elementor-element.elementor-element-e8e6ae3 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-33548fd */.elementor-10395 .elementor-element.elementor-element-33548fd {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-c519ca9 */.elementor-10395 .elementor-element.elementor-element-c519ca9 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a8a5eb3 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2e8c589 */.elementor-10395 .elementor-element.elementor-element-2e8c589 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a3030e2 */.elementor-10395 .elementor-element.elementor-element-a3030e2 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-ec8ba15 */.elementor-10395 .elementor-element.elementor-element-ec8ba15 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8b5e609 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c515c7c */.elementor-10395 .elementor-element.elementor-element-c515c7c {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-8fdec1f */.elementor-10395 .elementor-element.elementor-element-8fdec1f {
    overflow: visible!important;
    height: 100%!important;
    width: 110%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6d0d743 */.elementor-10395 .elementor-element.elementor-element-6d0d743 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-3eb5125 */.elementor-10395 .elementor-element.elementor-element-3eb5125 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-51149ca *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6521a56 */.elementor-10395 .elementor-element.elementor-element-6521a56 {
    overflow: visible!important;
    z-index: 99999999!important;
}

#idea {
    z-index: 99!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-15bbe63 */.elementor-10395 .elementor-element.elementor-element-15bbe63 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-59642d7 */.elementor-10395 .elementor-element.elementor-element-59642d7 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9dadd74 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8313b13 */.elementor-10395 .elementor-element.elementor-element-8313b13 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-89e00d7 */.elementor-10395 .elementor-element.elementor-element-89e00d7 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-ed8a765 */.elementor-10395 .elementor-element.elementor-element-ed8a765 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3410be4 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e8e6ae3 */.elementor-10395 .elementor-element.elementor-element-e8e6ae3 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-33548fd */.elementor-10395 .elementor-element.elementor-element-33548fd {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-c519ca9 */.elementor-10395 .elementor-element.elementor-element-c519ca9 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a8a5eb3 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2e8c589 */.elementor-10395 .elementor-element.elementor-element-2e8c589 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a3030e2 */.elementor-10395 .elementor-element.elementor-element-a3030e2 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-ec8ba15 */.elementor-10395 .elementor-element.elementor-element-ec8ba15 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8b5e609 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c515c7c */.elementor-10395 .elementor-element.elementor-element-c515c7c {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-8fdec1f */.elementor-10395 .elementor-element.elementor-element-8fdec1f {
    overflow: visible!important;
    height: 100%!important;
    width: 110%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6d0d743 */.elementor-10395 .elementor-element.elementor-element-6d0d743 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-3eb5125 */.elementor-10395 .elementor-element.elementor-element-3eb5125 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-51149ca *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6521a56 */.elementor-10395 .elementor-element.elementor-element-6521a56 {
    overflow: visible!important;
    z-index: 99999999!important;
}

#idea {
    z-index: 99!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-15bbe63 */.elementor-10395 .elementor-element.elementor-element-15bbe63 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-59642d7 */.elementor-10395 .elementor-element.elementor-element-59642d7 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9dadd74 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8313b13 */.elementor-10395 .elementor-element.elementor-element-8313b13 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-89e00d7 */.elementor-10395 .elementor-element.elementor-element-89e00d7 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-ed8a765 */.elementor-10395 .elementor-element.elementor-element-ed8a765 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3410be4 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e8e6ae3 */.elementor-10395 .elementor-element.elementor-element-e8e6ae3 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-33548fd */.elementor-10395 .elementor-element.elementor-element-33548fd {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-c519ca9 */.elementor-10395 .elementor-element.elementor-element-c519ca9 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a8a5eb3 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2e8c589 */.elementor-10395 .elementor-element.elementor-element-2e8c589 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a3030e2 */.elementor-10395 .elementor-element.elementor-element-a3030e2 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-ec8ba15 */.elementor-10395 .elementor-element.elementor-element-ec8ba15 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8b5e609 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c515c7c */.elementor-10395 .elementor-element.elementor-element-c515c7c {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-8fdec1f */.elementor-10395 .elementor-element.elementor-element-8fdec1f {
    overflow: visible!important;
    height: 100%!important;
    width: 110%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6d0d743 */.elementor-10395 .elementor-element.elementor-element-6d0d743 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-3eb5125 */.elementor-10395 .elementor-element.elementor-element-3eb5125 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-51149ca *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6521a56 */.elementor-10395 .elementor-element.elementor-element-6521a56 {
    overflow: visible!important;
    z-index: 99999999!important;
}

#idea {
    z-index: 99!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-15bbe63 */.elementor-10395 .elementor-element.elementor-element-15bbe63 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-59642d7 */.elementor-10395 .elementor-element.elementor-element-59642d7 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9dadd74 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8313b13 */.elementor-10395 .elementor-element.elementor-element-8313b13 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-89e00d7 */.elementor-10395 .elementor-element.elementor-element-89e00d7 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-ed8a765 */.elementor-10395 .elementor-element.elementor-element-ed8a765 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3410be4 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e8e6ae3 */.elementor-10395 .elementor-element.elementor-element-e8e6ae3 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-33548fd */.elementor-10395 .elementor-element.elementor-element-33548fd {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-c519ca9 */.elementor-10395 .elementor-element.elementor-element-c519ca9 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a8a5eb3 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2e8c589 */.elementor-10395 .elementor-element.elementor-element-2e8c589 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a3030e2 */.elementor-10395 .elementor-element.elementor-element-a3030e2 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-ec8ba15 */.elementor-10395 .elementor-element.elementor-element-ec8ba15 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8b5e609 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c515c7c */.elementor-10395 .elementor-element.elementor-element-c515c7c {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-8fdec1f */.elementor-10395 .elementor-element.elementor-element-8fdec1f {
    overflow: visible!important;
    height: 100%!important;
    width: 110%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6d0d743 */.elementor-10395 .elementor-element.elementor-element-6d0d743 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-3eb5125 */.elementor-10395 .elementor-element.elementor-element-3eb5125 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-51149ca *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6521a56 */.elementor-10395 .elementor-element.elementor-element-6521a56 {
    overflow: visible!important;
    z-index: 99999999!important;
}

#idea {
    z-index: 99!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-15bbe63 */.elementor-10395 .elementor-element.elementor-element-15bbe63 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-59642d7 */.elementor-10395 .elementor-element.elementor-element-59642d7 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9dadd74 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8313b13 */.elementor-10395 .elementor-element.elementor-element-8313b13 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-89e00d7 */.elementor-10395 .elementor-element.elementor-element-89e00d7 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-ed8a765 */.elementor-10395 .elementor-element.elementor-element-ed8a765 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3410be4 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e8e6ae3 */.elementor-10395 .elementor-element.elementor-element-e8e6ae3 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-33548fd */.elementor-10395 .elementor-element.elementor-element-33548fd {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-c519ca9 */.elementor-10395 .elementor-element.elementor-element-c519ca9 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a8a5eb3 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2e8c589 */.elementor-10395 .elementor-element.elementor-element-2e8c589 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a3030e2 */.elementor-10395 .elementor-element.elementor-element-a3030e2 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-ec8ba15 */.elementor-10395 .elementor-element.elementor-element-ec8ba15 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8b5e609 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c515c7c */.elementor-10395 .elementor-element.elementor-element-c515c7c {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-8fdec1f */.elementor-10395 .elementor-element.elementor-element-8fdec1f {
    overflow: visible!important;
    height: 100%!important;
    width: 110%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6d0d743 */.elementor-10395 .elementor-element.elementor-element-6d0d743 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-3eb5125 */.elementor-10395 .elementor-element.elementor-element-3eb5125 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-51149ca *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6521a56 */.elementor-10395 .elementor-element.elementor-element-6521a56 {
    overflow: visible!important;
    z-index: 99999999!important;
}

#idea {
    z-index: 99!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-15bbe63 */.elementor-10395 .elementor-element.elementor-element-15bbe63 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-59642d7 */.elementor-10395 .elementor-element.elementor-element-59642d7 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9dadd74 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8313b13 */.elementor-10395 .elementor-element.elementor-element-8313b13 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-89e00d7 */.elementor-10395 .elementor-element.elementor-element-89e00d7 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-ed8a765 */.elementor-10395 .elementor-element.elementor-element-ed8a765 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3410be4 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e8e6ae3 */.elementor-10395 .elementor-element.elementor-element-e8e6ae3 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-33548fd */.elementor-10395 .elementor-element.elementor-element-33548fd {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-c519ca9 */.elementor-10395 .elementor-element.elementor-element-c519ca9 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a8a5eb3 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2e8c589 */.elementor-10395 .elementor-element.elementor-element-2e8c589 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a3030e2 */.elementor-10395 .elementor-element.elementor-element-a3030e2 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-ec8ba15 */.elementor-10395 .elementor-element.elementor-element-ec8ba15 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8b5e609 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c515c7c */.elementor-10395 .elementor-element.elementor-element-c515c7c {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-8fdec1f */.elementor-10395 .elementor-element.elementor-element-8fdec1f {
    overflow: visible!important;
    height: 100%!important;
    width: 110%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6d0d743 */.elementor-10395 .elementor-element.elementor-element-6d0d743 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-3eb5125 */.elementor-10395 .elementor-element.elementor-element-3eb5125 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-51149ca *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6521a56 */.elementor-10395 .elementor-element.elementor-element-6521a56 {
    overflow: visible!important;
    z-index: 99999999!important;
}

#idea {
    z-index: 99!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-15bbe63 */.elementor-10395 .elementor-element.elementor-element-15bbe63 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-59642d7 */.elementor-10395 .elementor-element.elementor-element-59642d7 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9dadd74 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8313b13 */.elementor-10395 .elementor-element.elementor-element-8313b13 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-89e00d7 */.elementor-10395 .elementor-element.elementor-element-89e00d7 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-ed8a765 */.elementor-10395 .elementor-element.elementor-element-ed8a765 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3410be4 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e8e6ae3 */.elementor-10395 .elementor-element.elementor-element-e8e6ae3 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-33548fd */.elementor-10395 .elementor-element.elementor-element-33548fd {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-c519ca9 */.elementor-10395 .elementor-element.elementor-element-c519ca9 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a8a5eb3 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2e8c589 */.elementor-10395 .elementor-element.elementor-element-2e8c589 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a3030e2 */.elementor-10395 .elementor-element.elementor-element-a3030e2 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-ec8ba15 */.elementor-10395 .elementor-element.elementor-element-ec8ba15 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8b5e609 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c515c7c */.elementor-10395 .elementor-element.elementor-element-c515c7c {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-3fb8060 */#e-n-tab-title-668140482, #e-n-tab-title-668140483, #e-n-tab-title-668140484, #e-n-tab-title-668140485, #e-n-tab-title-668140486 {
    animation-name: pesty_ghost;
    animation-duration: 9s;
    animation-delay: 0s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
            width: 300px!important;

}

@keyframes pesty_ghost {
    0%    {top:-51vh; opacity:0.5;}
    50%   {top:-51vh; opacity:1;}
    100%  {top:20px; opacity:1;}
}


.pestanyas_dentro_cont {
    position: absolute;
    top:0vh;
    left:0px!important;
    overflow: visible;
    z-index:99!important;/**/
}

.elementor-10395 .elementor-element.elementor-element-3fb8060 .e-n-tab-title-text {
    display:inline;
    width: calc(100% - 100px);
    border-bottom: 1px solid white!important;
    /*background-color: green;*/
    padding-top:3px;
    margin-left:20px!important;/* para cuadre con margenes generales sin romper la estructura*/
    text-align: left;

}

/* primera que no */
#e-n-tab-title-668140481 {
    display: none;
}


/* Todas PESTANYAS */

#e-n-tab-content-668140482 , #e-n-tab-content-668140483 , #e-n-tab-content-668140484 , #e-n-tab-content-668140485, #e-n-tab-content-668140486 {
    position: absolute!important;
    top:62vh!important;
    left:0px;
}
    

/* ------------ DESKTOP ---------------------*/
@media screen and (min-width: 1024px) {
    
.pestanyas_dentro_cont {
    position: absolute;
    top:0vh;
    left:0px;
    height: 100%;
    z-index:9999!important;/**/
    /*background-color: green;*/
}
    
   .elementor-10395 .elementor-element.elementor-element-3fb8060 .e-n-tab-title-text {
    position: absolute;
    display: inline;
    width: calc(100% - 200px);
    border-bottom: 1px solid white !important;
    /* background-color: green; */
    padding-top: 3px;
    margin-left: 20px !important;
    left: 0px;
        z-index:9999!important;/**/
}
    

/* todas pestanyas TITLE */
#e-n-tab-title-668140482 , #e-n-tab-title-668140483 , #e-n-tab-title-668140484 , #e-n-tab-title-668140485 , #e-n-tab-title-668140486 {
    width: 550px;
    height: 4vh;
    position: absolute!important;
    z-index:9999;
    right:0;
}



/*FRESH*/
#e-n-tab-title-668140482 {
    /*background-color: lightcoral;*/
    animation-name:freshy;
    animation-duration: 7s;
    animation-delay: 0s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
}
    
@keyframes freshy {
    0%    {top:0vh; opacity:0}
    50%   {top:0vh;opacity:0}
    100%  {top:35vh;opacity:1}
}

/*WEB*/
#e-n-tab-title-668140483 {
    /*background-color: lightgreen;*/
    animation-name:weby;
    animation-duration: 7s;
    animation-delay: 0s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
}
    
@keyframes weby {
    0%    {top:0vh; opacity:0}
    50%   {top:0vh;opacity:0}
    100%  {top:39vh;opacity:1}
}

/*DIGITAL*/
#e-n-tab-title-668140484 {
    /*background-color: lightblue;*/
    animation-name:instay;
    animation-duration: 7s;
    animation-delay: 0s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
}
    
@keyframes instay {
    0%    {top:0vh; opacity:0}
    50%   {top:0vh;opacity:0}
    100%  {top:43vh;opacity:1}
}

/*IMPRESO*/
#e-n-tab-title-668140485 {
    /*background-color: lightblue;*/
    animation-name:impresy;
    animation-duration: 7s;
    animation-delay: 0s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
}
    
@keyframes impresy {
    0%    {top:0vh; opacity:0}
    50%   {top:0vh;opacity:0}
    100%  {top:47vh;opacity:1}
}

/*PROYECTOS*/
#e-n-tab-title-668140486 {
    /*background-color: lightblue;*/
    animation-name:proyecty;
    animation-duration: 7s;
    animation-delay: 0s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
}
    
@keyframes proyecty {
    0%    {top:0vh; opacity:0}
    50%   {top:0vh;opacity:0}
    100%  {top:51vh;opacity:1}
}


/* todas pestanyas CONTENT */
#e-n-tab-content-668140482 , #e-n-tab-content-668140483 , #e-n-tab-content-668140484 , #e-n-tab-content-668140485 , #e-n-tab-content-668140486 {
    position: absolute!important;
    top:0vh!important;
    left:0px;
        z-index: 99!important;/*clave para que se puedan clickar */

}



}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-18a3c6c *//*muy importante para que se vean todo el chorro de imagenes*/
.elementor-10395 .elementor-element.elementor-element-18a3c6c {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f14c55c */.elementor-10395 .elementor-element.elementor-element-f14c55c {
    overflow: scroll!important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-409ed1d */.elementor-10395 .elementor-element.elementor-element-409ed1d {
    overflow: scroll!important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-32973d5 */.elementor-10395 .elementor-element.elementor-element-32973d5{
    max-height: 62vh;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-9f17795 */.num_tel{
    font-weight: normal;
    font-family:'Urbanist';
    letter-spacing: 0.03rem;
    color: #3FFCFF;
}/* End custom CSS */
/* Start custom CSS for form, class: .elementor-element-01e428f *//* formulari */

.elementor-form.elementor-button.elementor-size-sm {
	background-color:#BFDCBE;
	min-height:0px;
	flex-basis:0;
	padding-top:7px;
	padding-right:8px;
	padding-left:8px;
	padding-bottom:7px;
	text-align: center;
	font-family: "Readex Pro", serif;
	font-weight:300;
	font-size:1rem;
	letter-spacing:-0.02rem;
	text-decoration:none;
}


/* texto input campos */
input#form-field-name, input#form-field-email, textarea#form-field-message {
    padding: 0px!important;
}


/* tick y texto todo en conjunto */
.elementor-field-option {
	margin-top:10px!important;
}

/* cuadro tick casilla previo */
.elementor-field-type-acceptance .elementor-field-subgroup .elementor-field-option input{
        display: inline-block;/*importante*/
        
}
  
/* checkbox inicio */
input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  width: 21px;
  height: 21px;
  border-radius: 2px!important;
  border: 1.2px solid #7DB9FF!important;
  position: relative;
  background-color: transparent!important;
}

/* checkbox checked */
input[type="checkbox"]:checked {
  background-color: #2282F2!important;
  border:0!important;
}

/* texto tick casilla */
.elementor-7055.elementor-element.elementor-element-01e428f .elementor-field-group .elementor-field, .elementor-7055 .elementor-element.elementor-element-01e428f .elementor-field-subgroup label {
    position: absolute;
	font-size: 1.1rem;
	line-height: 1.3rem;
	color:#7DB9FF;
	padding:0px;
	font-family: bitter, serif;
	font-weight:400;
	letter-spacing:-0.02rem;
	font-style:italic;
	margin-top:5px!important;
	margin-left:8px;
}

/* boto formulari */
#boto_envia_k {
	background-color:transparent;
	border:1.5px solid #7DB9FF;
	min-height:0px;
	flex-basis:0;
	padding-top:9px;
	padding-right:11px;
	padding-left:11px;
	padding-bottom:9px;
	text-align: center;
	font-family: "Urbanist", serif;
	font-weight:400;
	font-size:1.4rem;
	letter-spacing:-0.02rem;
	color:#72B3FC;
	text-decoration:none;
	margin-top:50px;
	
}


#boto_envia_k:hover {
	background-color:turquoise;
	color:turquoise;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c16fa97 */.num_tel{
    font-weight: normal;
    font-family:'Urbanist';
    letter-spacing: 0.03rem;
    color: #3FFCFF;
}/* End custom CSS */
/* Start custom CSS for form, class: .elementor-element-85909da *//* formulari */

.elementor-form.elementor-button.elementor-size-sm {
	background-color:#BFDCBE;
	min-height:0px;
	flex-basis:0;
	padding-top:7px;
	padding-right:8px;
	padding-left:8px;
	padding-bottom:7px;
	text-align: center;
	font-family: "Readex Pro", serif;
	font-weight:300;
	font-size:1rem;
	letter-spacing:-0.02rem;
	text-decoration:none;
}


/* texto input campos */
input#form-field-name, input#form-field-email, textarea#form-field-message {
    padding: 0px!important;
}


/* tick y texto todo en conjunto */
.elementor-field-option {
	margin-top:10px!important;
}

/* cuadro tick casilla previo */
.elementor-field-type-acceptance .elementor-field-subgroup .elementor-field-option input{
        display: inline-block;/*importante*/
        
}
  
/* checkbox inicio */
input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  width: 21px;
  height: 21px;
  border-radius: 2px!important;
  border: 1.2px solid #7DB9FF!important;
  position: relative;
  background-color: transparent!important;
}

/* checkbox checked */
input[type="checkbox"]:checked {
  background-color: turquoise!important;
  border:0!important;
}

/* texto tick casilla */
.elementor-7055.elementor-element.elementor-element-01e428f .elementor-field-group .elementor-field, .elementor-7055 .elementor-element.elementor-element-01e428f .elementor-field-subgroup label {
    position: absolute;
	font-size: 1.1rem;
	line-height: 1.3rem;
	color:#7DB9FF;
	padding:0px;
	font-family: bitter, serif;
	font-weight:400;
	letter-spacing:-0.02rem;
	font-style:italic;
	margin-top:5px!important;
	margin-left:8px;
}

/* boto formulari */
#boto_envia_k {
	background-color:transparent;
	border:1.5px solid #7DB9FF;
	min-height:0px;
	flex-basis:0;
	padding-top:9px;
	padding-right:11px;
	padding-left:11px;
	padding-bottom:9px;
	text-align: center;
	font-family: "Urbanist", serif;
	font-weight:400;
	font-size:1.4rem;
	letter-spacing:-0.02rem;
	color:#72B3FC;
	text-decoration:none;
	margin-top:50px;
	
}


#boto_envia_k:hover {
	background-color:turquoise;
	color:turquoise;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-591aa7d */.elementor-10395 .elementor-element.elementor-element-591aa7d /*comunicacion*/{

    animation-name: corazon_aparece;
    animation-duration: 6s;
    animation-delay: 0s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
}

@keyframes corazon_aparece {
    0%    {opacity: 0%;}
    25%   {opacity: 0%;}
    50%   {opacity: 0%;}
    75%   {opacity: 0%;}
    100%  {opacity: 100%;}
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-5c487dd */.texto_aparece {
    animation-name: texto_ghost;
    animation-duration: 4s;
    animation-delay: 0s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
}

@keyframes texto_ghost {
    0%    {bottom:-100%;}
    100%  {bottom:36px;}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c782726 *//* ------------ DESKTOP ---------------------*/
@media screen and (min-width: 1024px) {
    
    .elementor-10395 .elementor-element.elementor-element-c782726 {
        position: absolute;
        right:0!important;
        overflow: visible!important;
    }


}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-8fdec1f */.elementor-10395 .elementor-element.elementor-element-8fdec1f {
    overflow: visible!important;
    height: 100%!important;
    width: 110%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6d0d743 */.elementor-10395 .elementor-element.elementor-element-6d0d743 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-3eb5125 */.elementor-10395 .elementor-element.elementor-element-3eb5125 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-51149ca *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6521a56 */.elementor-10395 .elementor-element.elementor-element-6521a56 {
    overflow: visible!important;
    z-index: 99999999!important;
}

#idea {
    z-index: 99!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-15bbe63 */.elementor-10395 .elementor-element.elementor-element-15bbe63 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-59642d7 */.elementor-10395 .elementor-element.elementor-element-59642d7 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9dadd74 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8313b13 */.elementor-10395 .elementor-element.elementor-element-8313b13 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-89e00d7 */.elementor-10395 .elementor-element.elementor-element-89e00d7 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-ed8a765 */.elementor-10395 .elementor-element.elementor-element-ed8a765 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3410be4 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e8e6ae3 */.elementor-10395 .elementor-element.elementor-element-e8e6ae3 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-33548fd */.elementor-10395 .elementor-element.elementor-element-33548fd {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-c519ca9 */.elementor-10395 .elementor-element.elementor-element-c519ca9 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a8a5eb3 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2e8c589 */.elementor-10395 .elementor-element.elementor-element-2e8c589 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a3030e2 */.elementor-10395 .elementor-element.elementor-element-a3030e2 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-ec8ba15 */.elementor-10395 .elementor-element.elementor-element-ec8ba15 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8b5e609 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c515c7c */.elementor-10395 .elementor-element.elementor-element-c515c7c {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-8fdec1f */.elementor-10395 .elementor-element.elementor-element-8fdec1f {
    overflow: visible!important;
    height: 100%!important;
    width: 110%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6d0d743 */.elementor-10395 .elementor-element.elementor-element-6d0d743 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-3eb5125 */.elementor-10395 .elementor-element.elementor-element-3eb5125 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-51149ca *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6521a56 */.elementor-10395 .elementor-element.elementor-element-6521a56 {
    overflow: visible!important;
    z-index: 99999999!important;
}

#idea {
    z-index: 99!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-15bbe63 */.elementor-10395 .elementor-element.elementor-element-15bbe63 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-59642d7 */.elementor-10395 .elementor-element.elementor-element-59642d7 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9dadd74 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8313b13 */.elementor-10395 .elementor-element.elementor-element-8313b13 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-89e00d7 */.elementor-10395 .elementor-element.elementor-element-89e00d7 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-ed8a765 */.elementor-10395 .elementor-element.elementor-element-ed8a765 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3410be4 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e8e6ae3 */.elementor-10395 .elementor-element.elementor-element-e8e6ae3 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-33548fd */.elementor-10395 .elementor-element.elementor-element-33548fd {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-c519ca9 */.elementor-10395 .elementor-element.elementor-element-c519ca9 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a8a5eb3 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2e8c589 */.elementor-10395 .elementor-element.elementor-element-2e8c589 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a3030e2 */.elementor-10395 .elementor-element.elementor-element-a3030e2 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-ec8ba15 */.elementor-10395 .elementor-element.elementor-element-ec8ba15 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8b5e609 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c515c7c */.elementor-10395 .elementor-element.elementor-element-c515c7c {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-8fdec1f */.elementor-10395 .elementor-element.elementor-element-8fdec1f {
    overflow: visible!important;
    height: 100%!important;
    width: 110%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6d0d743 */.elementor-10395 .elementor-element.elementor-element-6d0d743 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-3eb5125 */.elementor-10395 .elementor-element.elementor-element-3eb5125 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-51149ca *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6521a56 */.elementor-10395 .elementor-element.elementor-element-6521a56 {
    overflow: visible!important;
    z-index: 99999999!important;
}

#idea {
    z-index: 99!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-15bbe63 */.elementor-10395 .elementor-element.elementor-element-15bbe63 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-59642d7 */.elementor-10395 .elementor-element.elementor-element-59642d7 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9dadd74 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8313b13 */.elementor-10395 .elementor-element.elementor-element-8313b13 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-89e00d7 */.elementor-10395 .elementor-element.elementor-element-89e00d7 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-ed8a765 */.elementor-10395 .elementor-element.elementor-element-ed8a765 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3410be4 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e8e6ae3 */.elementor-10395 .elementor-element.elementor-element-e8e6ae3 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-33548fd */.elementor-10395 .elementor-element.elementor-element-33548fd {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-c519ca9 */.elementor-10395 .elementor-element.elementor-element-c519ca9 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a8a5eb3 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2e8c589 */.elementor-10395 .elementor-element.elementor-element-2e8c589 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a3030e2 */.elementor-10395 .elementor-element.elementor-element-a3030e2 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-ec8ba15 */.elementor-10395 .elementor-element.elementor-element-ec8ba15 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8b5e609 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c515c7c */.elementor-10395 .elementor-element.elementor-element-c515c7c {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-8fdec1f */.elementor-10395 .elementor-element.elementor-element-8fdec1f {
    overflow: visible!important;
    height: 100%!important;
    width: 110%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6d0d743 */.elementor-10395 .elementor-element.elementor-element-6d0d743 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-3eb5125 */.elementor-10395 .elementor-element.elementor-element-3eb5125 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-51149ca *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6521a56 */.elementor-10395 .elementor-element.elementor-element-6521a56 {
    overflow: visible!important;
    z-index: 99999999!important;
}

#idea {
    z-index: 99!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-15bbe63 */.elementor-10395 .elementor-element.elementor-element-15bbe63 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-59642d7 */.elementor-10395 .elementor-element.elementor-element-59642d7 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9dadd74 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8313b13 */.elementor-10395 .elementor-element.elementor-element-8313b13 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-89e00d7 */.elementor-10395 .elementor-element.elementor-element-89e00d7 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-ed8a765 */.elementor-10395 .elementor-element.elementor-element-ed8a765 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3410be4 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e8e6ae3 */.elementor-10395 .elementor-element.elementor-element-e8e6ae3 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-33548fd */.elementor-10395 .elementor-element.elementor-element-33548fd {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-c519ca9 */.elementor-10395 .elementor-element.elementor-element-c519ca9 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a8a5eb3 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2e8c589 */.elementor-10395 .elementor-element.elementor-element-2e8c589 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a3030e2 */.elementor-10395 .elementor-element.elementor-element-a3030e2 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-ec8ba15 */.elementor-10395 .elementor-element.elementor-element-ec8ba15 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8b5e609 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c515c7c */.elementor-10395 .elementor-element.elementor-element-c515c7c {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-8fdec1f */.elementor-10395 .elementor-element.elementor-element-8fdec1f {
    overflow: visible!important;
    height: 100%!important;
    width: 110%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6d0d743 */.elementor-10395 .elementor-element.elementor-element-6d0d743 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-3eb5125 */.elementor-10395 .elementor-element.elementor-element-3eb5125 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-51149ca *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6521a56 */.elementor-10395 .elementor-element.elementor-element-6521a56 {
    overflow: visible!important;
    z-index: 99999999!important;
}

#idea {
    z-index: 99!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-15bbe63 */.elementor-10395 .elementor-element.elementor-element-15bbe63 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-59642d7 */.elementor-10395 .elementor-element.elementor-element-59642d7 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9dadd74 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8313b13 */.elementor-10395 .elementor-element.elementor-element-8313b13 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-89e00d7 */.elementor-10395 .elementor-element.elementor-element-89e00d7 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-ed8a765 */.elementor-10395 .elementor-element.elementor-element-ed8a765 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3410be4 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e8e6ae3 */.elementor-10395 .elementor-element.elementor-element-e8e6ae3 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-33548fd */.elementor-10395 .elementor-element.elementor-element-33548fd {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-c519ca9 */.elementor-10395 .elementor-element.elementor-element-c519ca9 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a8a5eb3 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2e8c589 */.elementor-10395 .elementor-element.elementor-element-2e8c589 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a3030e2 */.elementor-10395 .elementor-element.elementor-element-a3030e2 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-ec8ba15 */.elementor-10395 .elementor-element.elementor-element-ec8ba15 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8b5e609 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c515c7c */.elementor-10395 .elementor-element.elementor-element-c515c7c {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-8fdec1f */.elementor-10395 .elementor-element.elementor-element-8fdec1f {
    overflow: visible!important;
    height: 100%!important;
    width: 110%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6d0d743 */.elementor-10395 .elementor-element.elementor-element-6d0d743 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-3eb5125 */.elementor-10395 .elementor-element.elementor-element-3eb5125 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-51149ca *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6521a56 */.elementor-10395 .elementor-element.elementor-element-6521a56 {
    overflow: visible!important;
    z-index: 99999999!important;
}

#idea {
    z-index: 99!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-15bbe63 */.elementor-10395 .elementor-element.elementor-element-15bbe63 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-59642d7 */.elementor-10395 .elementor-element.elementor-element-59642d7 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9dadd74 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8313b13 */.elementor-10395 .elementor-element.elementor-element-8313b13 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-89e00d7 */.elementor-10395 .elementor-element.elementor-element-89e00d7 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-ed8a765 */.elementor-10395 .elementor-element.elementor-element-ed8a765 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3410be4 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e8e6ae3 */.elementor-10395 .elementor-element.elementor-element-e8e6ae3 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-33548fd */.elementor-10395 .elementor-element.elementor-element-33548fd {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-c519ca9 */.elementor-10395 .elementor-element.elementor-element-c519ca9 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a8a5eb3 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2e8c589 */.elementor-10395 .elementor-element.elementor-element-2e8c589 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a3030e2 */.elementor-10395 .elementor-element.elementor-element-a3030e2 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-ec8ba15 */.elementor-10395 .elementor-element.elementor-element-ec8ba15 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8b5e609 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c515c7c */.elementor-10395 .elementor-element.elementor-element-c515c7c {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-8fdec1f */.elementor-10395 .elementor-element.elementor-element-8fdec1f {
    overflow: visible!important;
    height: 100%!important;
    width: 110%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6d0d743 */.elementor-10395 .elementor-element.elementor-element-6d0d743 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-3eb5125 */.elementor-10395 .elementor-element.elementor-element-3eb5125 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-51149ca *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6521a56 */.elementor-10395 .elementor-element.elementor-element-6521a56 {
    overflow: visible!important;
    z-index: 99999999!important;
}

#idea {
    z-index: 99!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-15bbe63 */.elementor-10395 .elementor-element.elementor-element-15bbe63 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-59642d7 */.elementor-10395 .elementor-element.elementor-element-59642d7 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9dadd74 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8313b13 */.elementor-10395 .elementor-element.elementor-element-8313b13 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-89e00d7 */.elementor-10395 .elementor-element.elementor-element-89e00d7 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-ed8a765 */.elementor-10395 .elementor-element.elementor-element-ed8a765 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3410be4 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e8e6ae3 */.elementor-10395 .elementor-element.elementor-element-e8e6ae3 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-33548fd */.elementor-10395 .elementor-element.elementor-element-33548fd {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-c519ca9 */.elementor-10395 .elementor-element.elementor-element-c519ca9 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a8a5eb3 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2e8c589 */.elementor-10395 .elementor-element.elementor-element-2e8c589 {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a3030e2 */.elementor-10395 .elementor-element.elementor-element-a3030e2 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-ec8ba15 */.elementor-10395 .elementor-element.elementor-element-ec8ba15 {
    overflow: visible!important;
    height: 100%!important;
    width: 100%!important;
}
.elementor-loop-container.elementor-grid {
        height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8b5e609 *//* Estilos de la flecha */
.arrow {
    /* Establece un ancho fijo para la flecha */
    width: 100px;
    /* Aplica una animación llamada "bounce" que dura 2 segundos y se repite infinitamente */
    animation: bounce 2s 3;
    /* Define el punto de origen de la transformación en el centro */
    transform-origin: center;
    /* Indica al navegador que esta propiedad cambiará, optimizando la animación */
    will-change: transform;
}

/* Definición de la animación "bounce" */
@keyframes bounce {
    /* Inicio y fin de la animación */
    0%, 100% {
        /* La flecha está en su posición original */
        transform: translateY(0);
        /* Se usa una función de suavizado para hacer la animación más natural */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Punto medio de la animación */
    50% {
        /* La flecha se desplaza hacia arriba un 25% de su tamaño */
        transform: translateY(-25%);
        /* Se usa la misma función de suavizado, aunque hay un error en el código original */
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c515c7c */.elementor-10395 .elementor-element.elementor-element-c515c7c {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-3fb8060 */#e-n-tab-title-668140482, #e-n-tab-title-668140483, #e-n-tab-title-668140484, #e-n-tab-title-668140485, #e-n-tab-title-668140486 {
    animation-name: pesty_ghost;
    animation-duration: 9s;
    animation-delay: 0s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
            width: 300px!important;

}

@keyframes pesty_ghost {
    0%    {top:-51vh; opacity:0.5;}
    50%   {top:-51vh; opacity:1;}
    100%  {top:20px; opacity:1;}
}


.pestanyas_dentro_cont {
    position: absolute;
    top:0vh;
    left:0px!important;
    overflow: visible;
    z-index:99!important;/**/
}

.elementor-10395 .elementor-element.elementor-element-3fb8060 .e-n-tab-title-text {
    display:inline;
    width: calc(100% - 100px);
    border-bottom: 1px solid white!important;
    /*background-color: green;*/
    padding-top:3px;
    margin-left:20px!important;/* para cuadre con margenes generales sin romper la estructura*/
    text-align: left;

}

/* primera que no */
#e-n-tab-title-668140481 {
    display: none;
}


/* Todas PESTANYAS */

#e-n-tab-content-668140482 , #e-n-tab-content-668140483 , #e-n-tab-content-668140484 , #e-n-tab-content-668140485, #e-n-tab-content-668140486 {
    position: absolute!important;
    top:62vh!important;
    left:0px;
}
    

/* ------------ DESKTOP ---------------------*/
@media screen and (min-width: 1024px) {
    
.pestanyas_dentro_cont {
    position: absolute;
    top:0vh;
    left:0px;
    height: 100%;
    z-index:9999!important;/**/
    /*background-color: green;*/
}
    
   .elementor-10395 .elementor-element.elementor-element-3fb8060 .e-n-tab-title-text {
    position: absolute;
    display: inline;
    width: calc(100% - 200px);
    border-bottom: 1px solid white !important;
    /* background-color: green; */
    padding-top: 3px;
    margin-left: 20px !important;
    left: 0px;
        z-index:9999!important;/**/
}
    

/* todas pestanyas TITLE */
#e-n-tab-title-668140482 , #e-n-tab-title-668140483 , #e-n-tab-title-668140484 , #e-n-tab-title-668140485 , #e-n-tab-title-668140486 {
    width: 550px;
    height: 4vh;
    position: absolute!important;
    z-index:9999;
    right:0;
}



/*FRESH*/
#e-n-tab-title-668140482 {
    /*background-color: lightcoral;*/
    animation-name:freshy;
    animation-duration: 7s;
    animation-delay: 0s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
}
    
@keyframes freshy {
    0%    {top:0vh; opacity:0}
    50%   {top:0vh;opacity:0}
    100%  {top:35vh;opacity:1}
}

/*WEB*/
#e-n-tab-title-668140483 {
    /*background-color: lightgreen;*/
    animation-name:weby;
    animation-duration: 7s;
    animation-delay: 0s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
}
    
@keyframes weby {
    0%    {top:0vh; opacity:0}
    50%   {top:0vh;opacity:0}
    100%  {top:39vh;opacity:1}
}

/*DIGITAL*/
#e-n-tab-title-668140484 {
    /*background-color: lightblue;*/
    animation-name:instay;
    animation-duration: 7s;
    animation-delay: 0s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
}
    
@keyframes instay {
    0%    {top:0vh; opacity:0}
    50%   {top:0vh;opacity:0}
    100%  {top:43vh;opacity:1}
}

/*IMPRESO*/
#e-n-tab-title-668140485 {
    /*background-color: lightblue;*/
    animation-name:impresy;
    animation-duration: 7s;
    animation-delay: 0s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
}
    
@keyframes impresy {
    0%    {top:0vh; opacity:0}
    50%   {top:0vh;opacity:0}
    100%  {top:47vh;opacity:1}
}

/*PROYECTOS*/
#e-n-tab-title-668140486 {
    /*background-color: lightblue;*/
    animation-name:proyecty;
    animation-duration: 7s;
    animation-delay: 0s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
}
    
@keyframes proyecty {
    0%    {top:0vh; opacity:0}
    50%   {top:0vh;opacity:0}
    100%  {top:51vh;opacity:1}
}


/* todas pestanyas CONTENT */
#e-n-tab-content-668140482 , #e-n-tab-content-668140483 , #e-n-tab-content-668140484 , #e-n-tab-content-668140485 , #e-n-tab-content-668140486 {
    position: absolute!important;
    top:0vh!important;
    left:0px;
        z-index: 99!important;/*clave para que se puedan clickar */

}



}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-18a3c6c *//*muy importante para que se vean todo el chorro de imagenes*/
.elementor-10395 .elementor-element.elementor-element-18a3c6c {
    overflow: visible!important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f14c55c */.elementor-10395 .elementor-element.elementor-element-f14c55c {
    overflow: scroll!important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-409ed1d */.elementor-10395 .elementor-element.elementor-element-409ed1d {
    overflow: scroll!important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-32973d5 */.elementor-10395 .elementor-element.elementor-element-32973d5{
    max-height: 62vh;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-9f17795 */.num_tel{
    font-weight: normal;
    font-family:'Urbanist';
    letter-spacing: 0.03rem;
    color: #3FFCFF;
}/* End custom CSS */
/* Start custom CSS for form, class: .elementor-element-01e428f *//* formulari */

.elementor-form.elementor-button.elementor-size-sm {
	background-color:#BFDCBE;
	min-height:0px;
	flex-basis:0;
	padding-top:7px;
	padding-right:8px;
	padding-left:8px;
	padding-bottom:7px;
	text-align: center;
	font-family: "Readex Pro", serif;
	font-weight:300;
	font-size:1rem;
	letter-spacing:-0.02rem;
	text-decoration:none;
}


/* texto input campos */
input#form-field-name, input#form-field-email, textarea#form-field-message {
    padding: 0px!important;
}


/* tick y texto todo en conjunto */
.elementor-field-option {
	margin-top:10px!important;
}

/* cuadro tick casilla previo */
.elementor-field-type-acceptance .elementor-field-subgroup .elementor-field-option input{
        display: inline-block;/*importante*/
        
}
  
/* checkbox inicio */
input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  width: 21px;
  height: 21px;
  border-radius: 2px!important;
  border: 1.2px solid #7DB9FF!important;
  position: relative;
  background-color: transparent!important;
}

/* checkbox checked */
input[type="checkbox"]:checked {
  background-color: #2282F2!important;
  border:0!important;
}

/* texto tick casilla */
.elementor-7055.elementor-element.elementor-element-01e428f .elementor-field-group .elementor-field, .elementor-7055 .elementor-element.elementor-element-01e428f .elementor-field-subgroup label {
    position: absolute;
	font-size: 1.1rem;
	line-height: 1.3rem;
	color:#7DB9FF;
	padding:0px;
	font-family: bitter, serif;
	font-weight:400;
	letter-spacing:-0.02rem;
	font-style:italic;
	margin-top:5px!important;
	margin-left:8px;
}

/* boto formulari */
#boto_envia_k {
	background-color:transparent;
	border:1.5px solid #7DB9FF;
	min-height:0px;
	flex-basis:0;
	padding-top:9px;
	padding-right:11px;
	padding-left:11px;
	padding-bottom:9px;
	text-align: center;
	font-family: "Urbanist", serif;
	font-weight:400;
	font-size:1.4rem;
	letter-spacing:-0.02rem;
	color:#72B3FC;
	text-decoration:none;
	margin-top:50px;
	
}


#boto_envia_k:hover {
	background-color:turquoise;
	color:turquoise;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c16fa97 */.num_tel{
    font-weight: normal;
    font-family:'Urbanist';
    letter-spacing: 0.03rem;
    color: #3FFCFF;
}/* End custom CSS */
/* Start custom CSS for form, class: .elementor-element-85909da *//* formulari */

.elementor-form.elementor-button.elementor-size-sm {
	background-color:#BFDCBE;
	min-height:0px;
	flex-basis:0;
	padding-top:7px;
	padding-right:8px;
	padding-left:8px;
	padding-bottom:7px;
	text-align: center;
	font-family: "Readex Pro", serif;
	font-weight:300;
	font-size:1rem;
	letter-spacing:-0.02rem;
	text-decoration:none;
}


/* texto input campos */
input#form-field-name, input#form-field-email, textarea#form-field-message {
    padding: 0px!important;
}


/* tick y texto todo en conjunto */
.elementor-field-option {
	margin-top:10px!important;
}

/* cuadro tick casilla previo */
.elementor-field-type-acceptance .elementor-field-subgroup .elementor-field-option input{
        display: inline-block;/*importante*/
        
}
  
/* checkbox inicio */
input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  width: 21px;
  height: 21px;
  border-radius: 2px!important;
  border: 1.2px solid #7DB9FF!important;
  position: relative;
  background-color: transparent!important;
}

/* checkbox checked */
input[type="checkbox"]:checked {
  background-color: turquoise!important;
  border:0!important;
}

/* texto tick casilla */
.elementor-7055.elementor-element.elementor-element-01e428f .elementor-field-group .elementor-field, .elementor-7055 .elementor-element.elementor-element-01e428f .elementor-field-subgroup label {
    position: absolute;
	font-size: 1.1rem;
	line-height: 1.3rem;
	color:#7DB9FF;
	padding:0px;
	font-family: bitter, serif;
	font-weight:400;
	letter-spacing:-0.02rem;
	font-style:italic;
	margin-top:5px!important;
	margin-left:8px;
}

/* boto formulari */
#boto_envia_k {
	background-color:transparent;
	border:1.5px solid #7DB9FF;
	min-height:0px;
	flex-basis:0;
	padding-top:9px;
	padding-right:11px;
	padding-left:11px;
	padding-bottom:9px;
	text-align: center;
	font-family: "Urbanist", serif;
	font-weight:400;
	font-size:1.4rem;
	letter-spacing:-0.02rem;
	color:#72B3FC;
	text-decoration:none;
	margin-top:50px;
	
}


#boto_envia_k:hover {
	background-color:turquoise;
	color:turquoise;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-8d6fe27 */.fondo_pestanyas {
  background-image: url('https://carolae.com/wp-content/uploads/2026/01/mobil_ojo_1.jpg');
  background-repeat: no-repeat;
  /*background-position: center;*/
  background-size: auto 93vh;
  background-position: -150px 0px;
}

#portada {
    position: absolute;
    padding:0px;
    height:6.333%;
    width:12%!important;
    right:12%;
    display: block;
    padding-top:10px;

    animation-name: portada_ghost;
    animation-duration: 6s;
    animation-delay: 0s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
}

@keyframes portada_ghost {
    0%    {opacity: 0%; right: -12%; z-index:99;}
    25%   {opacity: 0%;z-index:99;}
    50%   {opacity: 0%;z-index:99;}
    75%   {opacity: 0%; right: -6%;z-index:99;}
    100%  {opacity: 100%; right: 0%;z-index:99;}
}

button#portada.e-n-tab-title {
    background-color: #D1D1CF!important;
}
/*gris intenso*/


/*color icono flecha inactivo -no se tioene que ver- */
.elementor-widget-n-tabs .e-n-tab-title[aria-selected=true] .e-n-tab-icon svg {
    fill: #D1D1CF;/*gris intenso*/
}

/*color icono flecha activo*/
.elementor-widget-n-tabs .e-n-tab-title[aria-selected=false] .e-n-tab-icon svg {
    fill: white;
    z-index:999;
}


#idea /*comunicacion*/{
    position: absolute;
    z-index:99;
    width:12%!important;
    height:27.333%;
    right:0;
    padding:0px;
    top:6.333%;
    
    animation-name: idea_ghost;
    animation-duration: 6s;
    animation-delay: 0s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
}

@keyframes idea_ghost {
    0%    {opacity: 0%; right: -12%; z-index:99;}
    25%   {opacity: 0%;z-index:99;}
    50%   {opacity: 0%;z-index:99;}
    75%   {opacity: 0%; right: -6%;z-index:99;}
    100%  {opacity: 100%; right: 0%;z-index:99;}
}

#idea p{
    position: absolute;
    z-index:99;
    transform: rotate(270deg);
    bottom:60px;
    left:-42px!important;
    padding:0px;
}

button#idea.e-n-tab-title {
    background-color: #D1D1CF!important;
}
/*gris intenso*/



/* IMPORTANTITISMO PARA QUSE SE VEA EL COLOR LO DEL TRUE O FALSE
button#idea.e-n-tab-title[aria-selected=true] {
    background-color: red!important;
}
*/


#visual {
    position: absolute;
    z-index:99;
    width:12%!important;
    height:33.333%;
    background-color:#E9E9E8;/*gris medio*/
    right:0;
    top:33.333%;
    padding:0px;
    
    animation-name: visual_ghost;
    animation-duration: 6s;
    animation-delay: 1s;
    animation-timing-function: ease;
    animation-fill-mode: backwards;
    animation-iteration-count: 1;
}

@keyframes visual_ghost {
    0%    {opacity: 0%; right: -12%;}
    25%   {opacity: 0%;}
    50%   {opacity: 0%;}
    75%   {opacity: 0%; right: -6%;}
    100%  {opacity: 100%; right: 0%;}
}

#visual p{
    position: absolute;
    z-index:99;
    transform: rotate(270deg);
    top:30px;
    left:-6px!important;
}

button#visual.e-n-tab-title {
    background-color: #E9E9E8!important;/*gris medio*/
}



#singular {
    position: absolute;
    z-index:99;
    width:12%!important;
    height:33.333%;
    right:0;
    top:66.666%;
    padding:0px;

    animation-name: singular_ghost;
    animation-duration: 6s;
    animation-delay: 1.5s;
    animation-timing-function: ease;
    animation-fill-mode: backwards;
    animation-iteration-count: 1;
}

@keyframes singular_ghost {
    0%    {opacity: 0%; right: -12%;}
    25%   {opacity: 0%;}
    50%   {opacity: 0%;}
    75%   {opacity: 0%; right: -6%;}
    100%  {opacity: 100%; right: 0%;}
}

#singular p{
    position: absolute;
    z-index:99;
    transform: rotate(270deg);
    margin-top:60px;
    margin-left:-30px!important;
}


.logo_pestanya {
    content: url("https://carolae.com/wp-content/uploads/2025/02/logo_carolae_web.png");
    position: absolute;
    z-index:9999;
    transform: rotate(270deg);
    bottom:50px;
    left:-31px!important;
    width:100px!important;
    height:auto;
}


button#singular.e-n-tab-title {
    background-color: white!important;
}


/* ------------ DESKTOP ---------------------*/
@media screen and (min-width: 1024px) {
    
    #portada , #idea , #visual , #singular {
    width:90px!important;
        
    }
    
    
    .fondo_pestanyas {
        background-image: none;
}
    
    
    
#idea /*comunicacion*/{
    height:33,33vh;
}

#visual {
    height:3,333vh;
}


#singular {
    height:33,33vh;
}
    
    #idea p{
        bottom:100px;
        left:-70px!important;
}

    #visual p{
        top:45px;
        left:-6px!important;
    }

    .logo_pestanya {
        bottom:62px;
        left:-21px!important;
        width:120px!important;
        height:auto;
    }





}/* End custom CSS */