.elementor-1994 .elementor-element.elementor-element-27e01ea{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1994 .elementor-element.elementor-element-238af7b{--display:flex;--min-height:0px;--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:60px 60px;--row-gap:60px;--column-gap:60px;--border-radius:8px 8px 8px 8px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:110px;--padding-right:110px;}.elementor-1994 .elementor-element.elementor-element-238af7b:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-238af7b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(90deg, #09141C 41%, #255A68 100%);}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );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-1994 .elementor-element.elementor-element-fd628ed{font-family:"Google sans flex", Sans-serif;font-size:16px;font-weight:400;line-height:24px;color:#FFFFFF;}.elementor-1994 .elementor-element.elementor-element-fd628ed p{margin-block-end:12px;}.elementor-1994 .elementor-element.elementor-element-43af164{--display:flex;}.elementor-1994 .elementor-element.elementor-element-d2b74c9{--display:flex;}.elementor-1994 .elementor-element.elementor-element-adbf918{--display:flex;--min-height:0px;--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:24px 24px;--row-gap:24px;--column-gap:24px;--border-radius:8px 8px 8px 8px;--padding-top:8px;--padding-bottom:8px;--padding-left:8px;--padding-right:8px;}.elementor-1994 .elementor-element.elementor-element-adbf918:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-adbf918 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-base.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1994 .elementor-element.elementor-element-9259985{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--border-radius:8px 8px 8px 8px;--padding-top:2px;--padding-bottom:2px;--padding-left:2px;--padding-right:2px;--z-index:0;}.elementor-1994 .elementor-element.elementor-element-9259985:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-9259985 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#091A2933;}.elementor-1994 .elementor-element.elementor-element-132c378{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--background-transition:0.3s;--border-radius:12px 12px 12px 12px;--padding-top:12px;--padding-bottom:12px;--padding-left:12px;--padding-right:12px;}.elementor-1994 .elementor-element.elementor-element-132c378:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-132c378 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#05101ACC;}.elementor-1994 .elementor-element.elementor-element-132c378:hover{background-color:#05101A99;}.elementor-1994 .elementor-element.elementor-element-b584d75{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-1994 .elementor-element.elementor-element-28b14b8 .elementor-heading-title{font-family:"Google sans flex", Sans-serif;font-size:20px;font-weight:500;text-transform:capitalize;line-height:24px;letter-spacing:0px;color:#FFFFFF;}.elementor-1994 .elementor-element.elementor-element-1a04c55{font-family:"Google sans flex", Sans-serif;font-size:16px;font-weight:400;line-height:20px;letter-spacing:0px;color:#FFFFFF;}.elementor-1994 .elementor-element.elementor-element-bd038fa{--display:flex;--position:absolute;--border-radius:50% 50% 50% 50%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1994 .elementor-element.elementor-element-bd038fa:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-bd038fa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-1994 .elementor-element.elementor-element-4f108c0{--display:flex;--position:absolute;--border-radius:50% 50% 50% 50%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;}body:not(.rtl) .elementor-1994 .elementor-element.elementor-element-4f108c0{left:0px;}body.rtl .elementor-1994 .elementor-element.elementor-element-4f108c0{right:0px;}.elementor-1994 .elementor-element.elementor-element-7d52c9f{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--border-radius:8px 8px 8px 8px;--padding-top:2px;--padding-bottom:2px;--padding-left:2px;--padding-right:2px;--z-index:0;}.elementor-1994 .elementor-element.elementor-element-7d52c9f:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-7d52c9f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#091A2933;}.elementor-1994 .elementor-element.elementor-element-2fc985e{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--background-transition:0.3s;--border-radius:12px 12px 12px 12px;--padding-top:12px;--padding-bottom:12px;--padding-left:12px;--padding-right:12px;}.elementor-1994 .elementor-element.elementor-element-2fc985e:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-2fc985e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#05101ACC;}.elementor-1994 .elementor-element.elementor-element-2fc985e:hover{background-color:#05101A99;}.elementor-1994 .elementor-element.elementor-element-811eba9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1994 .elementor-element.elementor-element-46ed3b5 .elementor-heading-title{font-family:"Google sans flex", Sans-serif;font-size:20px;font-weight:500;text-transform:capitalize;line-height:24px;letter-spacing:0px;color:#FFFFFF;}.elementor-1994 .elementor-element.elementor-element-f71a55d{font-family:"Google sans flex", Sans-serif;font-size:16px;font-weight:400;line-height:20px;letter-spacing:0px;color:#FFFFFF;}.elementor-1994 .elementor-element.elementor-element-17a9036{--display:flex;--position:absolute;--border-radius:50% 50% 50% 50%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1994 .elementor-element.elementor-element-17a9036:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-17a9036 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-1994 .elementor-element.elementor-element-064cf48{--display:flex;--position:absolute;--border-radius:50% 50% 50% 50%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;}body:not(.rtl) .elementor-1994 .elementor-element.elementor-element-064cf48{left:0px;}body.rtl .elementor-1994 .elementor-element.elementor-element-064cf48{right:0px;}.elementor-1994 .elementor-element.elementor-element-46ef734{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--border-radius:8px 8px 8px 8px;--padding-top:2px;--padding-bottom:2px;--padding-left:2px;--padding-right:2px;--z-index:0;}.elementor-1994 .elementor-element.elementor-element-46ef734:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-46ef734 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#091A2933;}.elementor-1994 .elementor-element.elementor-element-8225028{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--background-transition:0.3s;--border-radius:12px 12px 12px 12px;--padding-top:12px;--padding-bottom:12px;--padding-left:12px;--padding-right:12px;}.elementor-1994 .elementor-element.elementor-element-8225028:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-8225028 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#05101ACC;}.elementor-1994 .elementor-element.elementor-element-8225028:hover{background-color:#05101A99;}.elementor-1994 .elementor-element.elementor-element-60047fa{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1994 .elementor-element.elementor-element-6684c1a .elementor-heading-title{font-family:"Google sans flex", Sans-serif;font-size:20px;font-weight:500;text-transform:capitalize;line-height:24px;letter-spacing:0px;color:#FFFFFF;}.elementor-1994 .elementor-element.elementor-element-2d2f0b0{font-family:"Google sans flex", Sans-serif;font-size:16px;font-weight:400;line-height:20px;letter-spacing:0px;color:#FFFFFF;}.elementor-1994 .elementor-element.elementor-element-9faa1cc{--display:flex;--position:absolute;--border-radius:50% 50% 50% 50%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1994 .elementor-element.elementor-element-9faa1cc:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-9faa1cc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-1994 .elementor-element.elementor-element-effa5ff{--display:flex;--position:absolute;--border-radius:50% 50% 50% 50%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;}body:not(.rtl) .elementor-1994 .elementor-element.elementor-element-effa5ff{left:0px;}body.rtl .elementor-1994 .elementor-element.elementor-element-effa5ff{right:0px;}.elementor-1994 .elementor-element.elementor-element-a8d552a{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--border-radius:8px 8px 8px 8px;--padding-top:2px;--padding-bottom:2px;--padding-left:2px;--padding-right:2px;--z-index:0;}.elementor-1994 .elementor-element.elementor-element-a8d552a:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-a8d552a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#091A2933;}.elementor-1994 .elementor-element.elementor-element-bae8cbd{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--background-transition:0.3s;--border-radius:12px 12px 12px 12px;--padding-top:12px;--padding-bottom:12px;--padding-left:12px;--padding-right:12px;}.elementor-1994 .elementor-element.elementor-element-bae8cbd:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-bae8cbd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#05101ACC;}.elementor-1994 .elementor-element.elementor-element-bae8cbd:hover{background-color:#05101A99;}.elementor-1994 .elementor-element.elementor-element-23c2d6c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1994 .elementor-element.elementor-element-0736a43 .elementor-heading-title{font-family:"Google sans flex", Sans-serif;font-size:20px;font-weight:500;text-transform:capitalize;line-height:24px;letter-spacing:0px;color:#FFFFFF;}.elementor-1994 .elementor-element.elementor-element-81bdae1{font-family:"Google sans flex", Sans-serif;font-size:16px;font-weight:400;line-height:20px;letter-spacing:0px;color:#FFFFFF;}.elementor-1994 .elementor-element.elementor-element-74025de{--display:flex;--position:absolute;--border-radius:50% 50% 50% 50%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1994 .elementor-element.elementor-element-74025de:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-74025de > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-1994 .elementor-element.elementor-element-fca9be7{--display:flex;--position:absolute;--border-radius:50% 50% 50% 50%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;}body:not(.rtl) .elementor-1994 .elementor-element.elementor-element-fca9be7{left:0px;}body.rtl .elementor-1994 .elementor-element.elementor-element-fca9be7{right:0px;}.elementor-1994 .elementor-element.elementor-element-8c9c712{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--border-radius:8px 8px 8px 8px;--padding-top:2px;--padding-bottom:2px;--padding-left:2px;--padding-right:2px;--z-index:0;}.elementor-1994 .elementor-element.elementor-element-8c9c712:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-8c9c712 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#091A2933;}.elementor-1994 .elementor-element.elementor-element-cc57467{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--background-transition:0.3s;--border-radius:12px 12px 12px 12px;--padding-top:12px;--padding-bottom:12px;--padding-left:12px;--padding-right:12px;}.elementor-1994 .elementor-element.elementor-element-cc57467:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-cc57467 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#05101ACC;}.elementor-1994 .elementor-element.elementor-element-cc57467:hover{background-color:#05101A99;}.elementor-1994 .elementor-element.elementor-element-31c8071{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1994 .elementor-element.elementor-element-2f143b2 .elementor-heading-title{font-family:"Google sans flex", Sans-serif;font-size:20px;font-weight:500;text-transform:capitalize;line-height:24px;letter-spacing:0px;color:#FFFFFF;}.elementor-1994 .elementor-element.elementor-element-51e6487{font-family:"Google sans flex", Sans-serif;font-size:16px;font-weight:400;line-height:20px;letter-spacing:0px;color:#FFFFFF;}.elementor-1994 .elementor-element.elementor-element-c4d53da{--display:flex;--position:absolute;--border-radius:50% 50% 50% 50%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1994 .elementor-element.elementor-element-c4d53da:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-c4d53da > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-1994 .elementor-element.elementor-element-b684d54{--display:flex;--position:absolute;--border-radius:50% 50% 50% 50%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;}body:not(.rtl) .elementor-1994 .elementor-element.elementor-element-b684d54{left:0px;}body.rtl .elementor-1994 .elementor-element.elementor-element-b684d54{right:0px;}.elementor-1994 .elementor-element.elementor-element-e56a3f5{--display:flex;}.elementor-1994 .elementor-element.elementor-element-54e5798{--display:flex;--min-height:0px;--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:24px 24px;--row-gap:24px;--column-gap:24px;--border-radius:8px 8px 8px 8px;--padding-top:8px;--padding-bottom:8px;--padding-left:8px;--padding-right:8px;}.elementor-1994 .elementor-element.elementor-element-54e5798:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-54e5798 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-base.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1994 .elementor-element.elementor-element-334047b{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--border-radius:8px 8px 8px 8px;--padding-top:2px;--padding-bottom:2px;--padding-left:2px;--padding-right:2px;--z-index:0;}.elementor-1994 .elementor-element.elementor-element-334047b:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-334047b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#091A2933;}.elementor-1994 .elementor-element.elementor-element-cc2ccde{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--background-transition:0.3s;--border-radius:12px 12px 12px 12px;--padding-top:12px;--padding-bottom:12px;--padding-left:12px;--padding-right:12px;}.elementor-1994 .elementor-element.elementor-element-cc2ccde:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-cc2ccde > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#05101ACC;}.elementor-1994 .elementor-element.elementor-element-cc2ccde:hover{background-color:#05101A99;}.elementor-1994 .elementor-element.elementor-element-34f299a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1994 .elementor-element.elementor-element-baabc03 .elementor-heading-title{font-family:"Google sans flex", Sans-serif;font-size:20px;font-weight:500;text-transform:capitalize;line-height:24px;letter-spacing:0px;color:#FFFFFF;}.elementor-1994 .elementor-element.elementor-element-dbe018a{font-family:"Google sans flex", Sans-serif;font-size:16px;font-weight:400;line-height:20px;letter-spacing:0px;color:#FFFFFF;}.elementor-1994 .elementor-element.elementor-element-38e00cb{--display:flex;--position:absolute;--border-radius:50% 50% 50% 50%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1994 .elementor-element.elementor-element-38e00cb:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-38e00cb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-1994 .elementor-element.elementor-element-b259533{--display:flex;--position:absolute;--border-radius:50% 50% 50% 50%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;}body:not(.rtl) .elementor-1994 .elementor-element.elementor-element-b259533{left:0px;}body.rtl .elementor-1994 .elementor-element.elementor-element-b259533{right:0px;}.elementor-1994 .elementor-element.elementor-element-d8feadb{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--border-radius:8px 8px 8px 8px;--padding-top:2px;--padding-bottom:2px;--padding-left:2px;--padding-right:2px;--z-index:0;}.elementor-1994 .elementor-element.elementor-element-d8feadb:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-d8feadb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#091A2933;}.elementor-1994 .elementor-element.elementor-element-5e01554{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--background-transition:0.3s;--border-radius:12px 12px 12px 12px;--padding-top:12px;--padding-bottom:12px;--padding-left:12px;--padding-right:12px;}.elementor-1994 .elementor-element.elementor-element-5e01554:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-5e01554 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#05101ACC;}.elementor-1994 .elementor-element.elementor-element-5e01554:hover{background-color:#05101A99;}.elementor-1994 .elementor-element.elementor-element-2ea1426{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1994 .elementor-element.elementor-element-c455320 .elementor-heading-title{font-family:"Google sans flex", Sans-serif;font-size:20px;font-weight:500;text-transform:capitalize;line-height:24px;letter-spacing:0px;color:#FFFFFF;}.elementor-1994 .elementor-element.elementor-element-ea01f8b{font-family:"Google sans flex", Sans-serif;font-size:16px;font-weight:400;line-height:20px;letter-spacing:0px;color:#FFFFFF;}.elementor-1994 .elementor-element.elementor-element-2e31662{--display:flex;--position:absolute;--border-radius:50% 50% 50% 50%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1994 .elementor-element.elementor-element-2e31662:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-2e31662 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-1994 .elementor-element.elementor-element-1fc7311{--display:flex;--position:absolute;--border-radius:50% 50% 50% 50%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;}body:not(.rtl) .elementor-1994 .elementor-element.elementor-element-1fc7311{left:0px;}body.rtl .elementor-1994 .elementor-element.elementor-element-1fc7311{right:0px;}.elementor-1994 .elementor-element.elementor-element-19958b5{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--border-radius:8px 8px 8px 8px;--padding-top:2px;--padding-bottom:2px;--padding-left:2px;--padding-right:2px;--z-index:0;}.elementor-1994 .elementor-element.elementor-element-19958b5:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-19958b5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#091A2933;}.elementor-1994 .elementor-element.elementor-element-783424b{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--background-transition:0.3s;--border-radius:12px 12px 12px 12px;--padding-top:12px;--padding-bottom:12px;--padding-left:12px;--padding-right:12px;}.elementor-1994 .elementor-element.elementor-element-783424b:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-783424b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#05101ACC;}.elementor-1994 .elementor-element.elementor-element-783424b:hover{background-color:#05101A99;}.elementor-1994 .elementor-element.elementor-element-e9005c1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1994 .elementor-element.elementor-element-a7910d6 .elementor-heading-title{font-family:"Google sans flex", Sans-serif;font-size:20px;font-weight:500;text-transform:capitalize;line-height:24px;letter-spacing:0px;color:#FFFFFF;}.elementor-1994 .elementor-element.elementor-element-e4a3573{font-family:"Google sans flex", Sans-serif;font-size:16px;font-weight:400;line-height:20px;letter-spacing:0px;color:#FFFFFF;}.elementor-1994 .elementor-element.elementor-element-fea6a88{--display:flex;--position:absolute;--border-radius:50% 50% 50% 50%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1994 .elementor-element.elementor-element-fea6a88:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-fea6a88 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-1994 .elementor-element.elementor-element-819af63{--display:flex;--position:absolute;--border-radius:50% 50% 50% 50%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;}body:not(.rtl) .elementor-1994 .elementor-element.elementor-element-819af63{left:0px;}body.rtl .elementor-1994 .elementor-element.elementor-element-819af63{right:0px;}.elementor-1994 .elementor-element.elementor-element-46a298c{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--border-radius:8px 8px 8px 8px;--padding-top:2px;--padding-bottom:2px;--padding-left:2px;--padding-right:2px;--z-index:0;}.elementor-1994 .elementor-element.elementor-element-46a298c:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-46a298c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#091A2933;}.elementor-1994 .elementor-element.elementor-element-b698aa6{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--background-transition:0.3s;--border-radius:12px 12px 12px 12px;--padding-top:12px;--padding-bottom:12px;--padding-left:12px;--padding-right:12px;}.elementor-1994 .elementor-element.elementor-element-b698aa6:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-b698aa6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#05101ACC;}.elementor-1994 .elementor-element.elementor-element-b698aa6:hover{background-color:#05101A99;}.elementor-1994 .elementor-element.elementor-element-223b6e7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1994 .elementor-element.elementor-element-0e6176c .elementor-heading-title{font-family:"Google sans flex", Sans-serif;font-size:20px;font-weight:500;text-transform:capitalize;line-height:24px;letter-spacing:0px;color:#FFFFFF;}.elementor-1994 .elementor-element.elementor-element-ad5195f{font-family:"Google sans flex", Sans-serif;font-size:16px;font-weight:400;line-height:20px;letter-spacing:0px;color:#FFFFFF;}.elementor-1994 .elementor-element.elementor-element-00369c2{--display:flex;--position:absolute;--border-radius:50% 50% 50% 50%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1994 .elementor-element.elementor-element-00369c2:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-00369c2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-1994 .elementor-element.elementor-element-546b577{--display:flex;--position:absolute;--border-radius:50% 50% 50% 50%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;}body:not(.rtl) .elementor-1994 .elementor-element.elementor-element-546b577{left:0px;}body.rtl .elementor-1994 .elementor-element.elementor-element-546b577{right:0px;}.elementor-1994 .elementor-element.elementor-element-f9d3c53{--display:flex;}.elementor-1994 .elementor-element.elementor-element-e265f87{--display:flex;--min-height:0px;--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:24px 24px;--row-gap:24px;--column-gap:24px;--border-radius:8px 8px 8px 8px;--padding-top:8px;--padding-bottom:8px;--padding-left:8px;--padding-right:8px;}.elementor-1994 .elementor-element.elementor-element-e265f87:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-e265f87 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-base.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1994 .elementor-element.elementor-element-458a2bb{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--border-radius:8px 8px 8px 8px;--padding-top:2px;--padding-bottom:2px;--padding-left:2px;--padding-right:2px;--z-index:0;}.elementor-1994 .elementor-element.elementor-element-458a2bb:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-458a2bb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#091A2933;}.elementor-1994 .elementor-element.elementor-element-fa64b23{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--background-transition:0.3s;--border-radius:12px 12px 12px 12px;--padding-top:12px;--padding-bottom:12px;--padding-left:12px;--padding-right:12px;}.elementor-1994 .elementor-element.elementor-element-fa64b23:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-fa64b23 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#05101ACC;}.elementor-1994 .elementor-element.elementor-element-fa64b23:hover{background-color:#05101A99;}.elementor-1994 .elementor-element.elementor-element-33617f0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1994 .elementor-element.elementor-element-6b2c96a .elementor-heading-title{font-family:"Google sans flex", Sans-serif;font-size:20px;font-weight:500;text-transform:capitalize;line-height:24px;letter-spacing:0px;color:#FFFFFF;}.elementor-1994 .elementor-element.elementor-element-cc5fc9f{font-family:"Google sans flex", Sans-serif;font-size:16px;font-weight:400;line-height:20px;letter-spacing:0px;color:#FFFFFF;}.elementor-1994 .elementor-element.elementor-element-aed607e{--display:flex;--position:absolute;--border-radius:50% 50% 50% 50%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1994 .elementor-element.elementor-element-aed607e:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-aed607e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-1994 .elementor-element.elementor-element-c93df4a{--display:flex;--position:absolute;--border-radius:50% 50% 50% 50%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;}body:not(.rtl) .elementor-1994 .elementor-element.elementor-element-c93df4a{left:0px;}body.rtl .elementor-1994 .elementor-element.elementor-element-c93df4a{right:0px;}.elementor-1994 .elementor-element.elementor-element-cad59f0{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--border-radius:8px 8px 8px 8px;--padding-top:2px;--padding-bottom:2px;--padding-left:2px;--padding-right:2px;--z-index:0;}.elementor-1994 .elementor-element.elementor-element-cad59f0:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-cad59f0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#091A2933;}.elementor-1994 .elementor-element.elementor-element-5210d63{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--background-transition:0.3s;--border-radius:12px 12px 12px 12px;--padding-top:12px;--padding-bottom:12px;--padding-left:12px;--padding-right:12px;}.elementor-1994 .elementor-element.elementor-element-5210d63:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-5210d63 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#05101ACC;}.elementor-1994 .elementor-element.elementor-element-5210d63:hover{background-color:#05101A99;}.elementor-1994 .elementor-element.elementor-element-9b3c8ad{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1994 .elementor-element.elementor-element-34a5cec .elementor-heading-title{font-family:"Google sans flex", Sans-serif;font-size:20px;font-weight:500;text-transform:capitalize;line-height:24px;letter-spacing:0px;color:#FFFFFF;}.elementor-1994 .elementor-element.elementor-element-09cd73e{font-family:"Google sans flex", Sans-serif;font-size:16px;font-weight:400;line-height:20px;letter-spacing:0px;color:#FFFFFF;}.elementor-1994 .elementor-element.elementor-element-4bf3ac8{--display:flex;--position:absolute;--border-radius:50% 50% 50% 50%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1994 .elementor-element.elementor-element-4bf3ac8:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-4bf3ac8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-1994 .elementor-element.elementor-element-43194fd{--display:flex;--position:absolute;--border-radius:50% 50% 50% 50%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;}body:not(.rtl) .elementor-1994 .elementor-element.elementor-element-43194fd{left:0px;}body.rtl .elementor-1994 .elementor-element.elementor-element-43194fd{right:0px;}.elementor-1994 .elementor-element.elementor-element-184fce4{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--border-radius:8px 8px 8px 8px;--padding-top:2px;--padding-bottom:2px;--padding-left:2px;--padding-right:2px;--z-index:0;}.elementor-1994 .elementor-element.elementor-element-184fce4:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-184fce4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#091A2933;}.elementor-1994 .elementor-element.elementor-element-a20c47e{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--background-transition:0.3s;--border-radius:12px 12px 12px 12px;--padding-top:12px;--padding-bottom:12px;--padding-left:12px;--padding-right:12px;}.elementor-1994 .elementor-element.elementor-element-a20c47e:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-a20c47e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#05101ACC;}.elementor-1994 .elementor-element.elementor-element-a20c47e:hover{background-color:#05101A99;}.elementor-1994 .elementor-element.elementor-element-ab06bcd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1994 .elementor-element.elementor-element-cc90a93 .elementor-heading-title{font-family:"Google sans flex", Sans-serif;font-size:20px;font-weight:500;text-transform:capitalize;line-height:24px;letter-spacing:0px;color:#FFFFFF;}.elementor-1994 .elementor-element.elementor-element-9a21d38{font-family:"Google sans flex", Sans-serif;font-size:16px;font-weight:400;line-height:20px;letter-spacing:0px;color:#FFFFFF;}.elementor-1994 .elementor-element.elementor-element-676ead2{--display:flex;--position:absolute;--border-radius:50% 50% 50% 50%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1994 .elementor-element.elementor-element-676ead2:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-676ead2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-1994 .elementor-element.elementor-element-9887477{--display:flex;--position:absolute;--border-radius:50% 50% 50% 50%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;}body:not(.rtl) .elementor-1994 .elementor-element.elementor-element-9887477{left:0px;}body.rtl .elementor-1994 .elementor-element.elementor-element-9887477{right:0px;}.elementor-1994 .elementor-element.elementor-element-8a7b0b8{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--border-radius:8px 8px 8px 8px;--padding-top:2px;--padding-bottom:2px;--padding-left:2px;--padding-right:2px;--z-index:0;}.elementor-1994 .elementor-element.elementor-element-8a7b0b8:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-8a7b0b8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#091A2933;}.elementor-1994 .elementor-element.elementor-element-2fcb9c1{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--background-transition:0.3s;--border-radius:12px 12px 12px 12px;--padding-top:12px;--padding-bottom:12px;--padding-left:12px;--padding-right:12px;}.elementor-1994 .elementor-element.elementor-element-2fcb9c1:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-2fcb9c1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#05101ACC;}.elementor-1994 .elementor-element.elementor-element-2fcb9c1:hover{background-color:#05101A99;}.elementor-1994 .elementor-element.elementor-element-436104d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1994 .elementor-element.elementor-element-7a3bf56 .elementor-heading-title{font-family:"Google sans flex", Sans-serif;font-size:20px;font-weight:500;text-transform:capitalize;line-height:24px;letter-spacing:0px;color:#FFFFFF;}.elementor-1994 .elementor-element.elementor-element-c1632d9{font-family:"Google sans flex", Sans-serif;font-size:16px;font-weight:400;line-height:20px;letter-spacing:0px;color:#FFFFFF;}.elementor-1994 .elementor-element.elementor-element-fac871b{--display:flex;--position:absolute;--border-radius:50% 50% 50% 50%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1994 .elementor-element.elementor-element-fac871b:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-fac871b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-1994 .elementor-element.elementor-element-64e2e41{--display:flex;--position:absolute;--border-radius:50% 50% 50% 50%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;}body:not(.rtl) .elementor-1994 .elementor-element.elementor-element-64e2e41{left:0px;}body.rtl .elementor-1994 .elementor-element.elementor-element-64e2e41{right:0px;}.elementor-1994 .elementor-element.elementor-element-46baf16{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--border-radius:8px 8px 8px 8px;--padding-top:2px;--padding-bottom:2px;--padding-left:2px;--padding-right:2px;--z-index:0;}.elementor-1994 .elementor-element.elementor-element-46baf16:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-46baf16 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#091A2933;}.elementor-1994 .elementor-element.elementor-element-e8339c3{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--background-transition:0.3s;--border-radius:12px 12px 12px 12px;--padding-top:12px;--padding-bottom:12px;--padding-left:12px;--padding-right:12px;}.elementor-1994 .elementor-element.elementor-element-e8339c3:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-e8339c3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#05101ACC;}.elementor-1994 .elementor-element.elementor-element-e8339c3:hover{background-color:#05101A99;}.elementor-1994 .elementor-element.elementor-element-ae6103b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1994 .elementor-element.elementor-element-295d10f .elementor-heading-title{font-family:"Google sans flex", Sans-serif;font-size:20px;font-weight:500;text-transform:capitalize;line-height:24px;letter-spacing:0px;color:#FFFFFF;}.elementor-1994 .elementor-element.elementor-element-5b509c3{font-family:"Google sans flex", Sans-serif;font-size:16px;font-weight:400;line-height:20px;letter-spacing:0px;color:#FFFFFF;}.elementor-1994 .elementor-element.elementor-element-b49ce8d{--display:flex;--position:absolute;--border-radius:50% 50% 50% 50%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1994 .elementor-element.elementor-element-b49ce8d:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-b49ce8d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-1994 .elementor-element.elementor-element-3a43730{--display:flex;--position:absolute;--border-radius:50% 50% 50% 50%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;}body:not(.rtl) .elementor-1994 .elementor-element.elementor-element-3a43730{left:0px;}body.rtl .elementor-1994 .elementor-element.elementor-element-3a43730{right:0px;}.elementor-1994 .elementor-element.elementor-element-dbbe17b{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-normal-color:var( --e-global-color-secondary );--n-accordion-title-hover-color:var( --e-global-color-astglobalcolor0 );--n-accordion-title-active-color:var( --e-global-color-astglobalcolor0 );--n-accordion-icon-size:15px;}:where( .elementor-1994 .elementor-element.elementor-element-dbbe17b > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"Google sans flex", Sans-serif;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .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 > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .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 > .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-1994 .elementor-element.elementor-element-351f5a5{--display:flex;}.elementor-1994 .elementor-element.elementor-element-575659e{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--border-radius:8px 8px 8px 8px;--padding-top:2px;--padding-bottom:2px;--padding-left:2px;--padding-right:2px;--z-index:0;}.elementor-1994 .elementor-element.elementor-element-575659e:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-575659e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#091A2933;}.elementor-1994 .elementor-element.elementor-element-d5355d8{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--background-transition:0.3s;--border-radius:12px 12px 12px 12px;--padding-top:24px;--padding-bottom:48px;--padding-left:48px;--padding-right:48px;}.elementor-1994 .elementor-element.elementor-element-d5355d8:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-d5355d8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#05101ACC;}.elementor-1994 .elementor-element.elementor-element-d5355d8:hover{background-color:#05101A99;}.elementor-1994 .elementor-element.elementor-element-e5dd233{--display:flex;}.elementor-1994 .elementor-element.elementor-element-fd413aa{--display:flex;--min-height:0px;--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:24px 24px;--row-gap:24px;--column-gap:24px;--border-radius:8px 8px 8px 8px;--padding-top:48px;--padding-bottom:48px;--padding-left:48px;--padding-right:48px;}.elementor-1994 .elementor-element.elementor-element-fd413aa:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-fd413aa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-base.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1994 .elementor-element.elementor-element-127f615{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--border-radius:8px 8px 8px 8px;--padding-top:2px;--padding-bottom:2px;--padding-left:2px;--padding-right:2px;--z-index:0;}.elementor-1994 .elementor-element.elementor-element-127f615:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-127f615 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#091A2933;}.elementor-1994 .elementor-element.elementor-element-1563a50{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--background-transition:0.3s;--border-radius:12px 12px 12px 12px;--padding-top:12px;--padding-bottom:12px;--padding-left:12px;--padding-right:12px;}.elementor-1994 .elementor-element.elementor-element-1563a50:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-1563a50 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#05101ACC;}.elementor-1994 .elementor-element.elementor-element-1563a50:hover{background-color:#05101A99;}.elementor-1994 .elementor-element.elementor-element-9e127ac{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1994 .elementor-element.elementor-element-ec88fe6 .elementor-heading-title{font-family:"Google sans flex", Sans-serif;font-size:20px;font-weight:500;text-transform:capitalize;line-height:24px;letter-spacing:0px;color:#FFFFFF;}.elementor-1994 .elementor-element.elementor-element-b2ab05a{font-family:"Google sans flex", Sans-serif;font-size:16px;font-weight:400;line-height:20px;letter-spacing:0px;color:#FFFFFF;}.elementor-1994 .elementor-element.elementor-element-fcc2ed0{--display:flex;--position:absolute;--border-radius:50% 50% 50% 50%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1994 .elementor-element.elementor-element-fcc2ed0:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-fcc2ed0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-1994 .elementor-element.elementor-element-79aca70{--display:flex;--position:absolute;--border-radius:50% 50% 50% 50%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;}body:not(.rtl) .elementor-1994 .elementor-element.elementor-element-79aca70{left:0px;}body.rtl .elementor-1994 .elementor-element.elementor-element-79aca70{right:0px;}.elementor-1994 .elementor-element.elementor-element-e94a2e5{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--border-radius:8px 8px 8px 8px;--padding-top:2px;--padding-bottom:2px;--padding-left:2px;--padding-right:2px;--z-index:0;}.elementor-1994 .elementor-element.elementor-element-e94a2e5:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-e94a2e5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#091A2933;}.elementor-1994 .elementor-element.elementor-element-fdb8dbc{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--background-transition:0.3s;--border-radius:12px 12px 12px 12px;--padding-top:12px;--padding-bottom:12px;--padding-left:12px;--padding-right:12px;}.elementor-1994 .elementor-element.elementor-element-fdb8dbc:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-fdb8dbc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#05101ACC;}.elementor-1994 .elementor-element.elementor-element-fdb8dbc:hover{background-color:#05101A99;}.elementor-1994 .elementor-element.elementor-element-c034c8d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1994 .elementor-element.elementor-element-5f17a9c .elementor-heading-title{font-family:"Google sans flex", Sans-serif;font-size:20px;font-weight:500;text-transform:capitalize;line-height:24px;letter-spacing:0px;color:#FFFFFF;}.elementor-1994 .elementor-element.elementor-element-31f27a4{font-family:"Google sans flex", Sans-serif;font-size:16px;font-weight:400;line-height:20px;letter-spacing:0px;color:#FFFFFF;}.elementor-1994 .elementor-element.elementor-element-abf5d5d{--display:flex;--position:absolute;--border-radius:50% 50% 50% 50%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1994 .elementor-element.elementor-element-abf5d5d:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-abf5d5d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-1994 .elementor-element.elementor-element-9953207{--display:flex;--position:absolute;--border-radius:50% 50% 50% 50%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;}body:not(.rtl) .elementor-1994 .elementor-element.elementor-element-9953207{left:0px;}body.rtl .elementor-1994 .elementor-element.elementor-element-9953207{right:0px;}.elementor-1994 .elementor-element.elementor-element-f8cea55{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--border-radius:8px 8px 8px 8px;--padding-top:2px;--padding-bottom:2px;--padding-left:2px;--padding-right:2px;--z-index:0;}.elementor-1994 .elementor-element.elementor-element-f8cea55:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-f8cea55 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#091A2933;}.elementor-1994 .elementor-element.elementor-element-2100bbd{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--background-transition:0.3s;--border-radius:12px 12px 12px 12px;--padding-top:12px;--padding-bottom:12px;--padding-left:12px;--padding-right:12px;}.elementor-1994 .elementor-element.elementor-element-2100bbd:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-2100bbd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#05101ACC;}.elementor-1994 .elementor-element.elementor-element-2100bbd:hover{background-color:#05101A99;}.elementor-1994 .elementor-element.elementor-element-3c66061{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1994 .elementor-element.elementor-element-8b13a6e .elementor-heading-title{font-family:"Google sans flex", Sans-serif;font-size:20px;font-weight:500;text-transform:capitalize;line-height:24px;letter-spacing:0px;color:#FFFFFF;}.elementor-1994 .elementor-element.elementor-element-297ab84{font-family:"Google sans flex", Sans-serif;font-size:16px;font-weight:400;line-height:20px;letter-spacing:0px;color:#FFFFFF;}.elementor-1994 .elementor-element.elementor-element-2b3966a{--display:flex;--position:absolute;--border-radius:50% 50% 50% 50%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1994 .elementor-element.elementor-element-2b3966a:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-2b3966a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-1994 .elementor-element.elementor-element-1c96591{--display:flex;--position:absolute;--border-radius:50% 50% 50% 50%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;}body:not(.rtl) .elementor-1994 .elementor-element.elementor-element-1c96591{left:0px;}body.rtl .elementor-1994 .elementor-element.elementor-element-1c96591{right:0px;}.elementor-1994 .elementor-element.elementor-element-28599e6{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--border-radius:8px 8px 8px 8px;--padding-top:2px;--padding-bottom:2px;--padding-left:2px;--padding-right:2px;--z-index:0;}.elementor-1994 .elementor-element.elementor-element-28599e6:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-28599e6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#091A2933;}.elementor-1994 .elementor-element.elementor-element-9d7e60b{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--background-transition:0.3s;--border-radius:12px 12px 12px 12px;--padding-top:12px;--padding-bottom:12px;--padding-left:12px;--padding-right:12px;}.elementor-1994 .elementor-element.elementor-element-9d7e60b:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-9d7e60b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#05101ACC;}.elementor-1994 .elementor-element.elementor-element-9d7e60b:hover{background-color:#05101A99;}.elementor-1994 .elementor-element.elementor-element-13265a7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1994 .elementor-element.elementor-element-17070d8 .elementor-heading-title{font-family:"Google sans flex", Sans-serif;font-size:20px;font-weight:500;text-transform:capitalize;line-height:24px;letter-spacing:0px;color:#FFFFFF;}.elementor-1994 .elementor-element.elementor-element-424b24d{font-family:"Google sans flex", Sans-serif;font-size:16px;font-weight:400;line-height:20px;letter-spacing:0px;color:#FFFFFF;}.elementor-1994 .elementor-element.elementor-element-f04d995{--display:flex;--position:absolute;--border-radius:50% 50% 50% 50%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1994 .elementor-element.elementor-element-f04d995:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-f04d995 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-1994 .elementor-element.elementor-element-043e044{--display:flex;--position:absolute;--border-radius:50% 50% 50% 50%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;}body:not(.rtl) .elementor-1994 .elementor-element.elementor-element-043e044{left:0px;}body.rtl .elementor-1994 .elementor-element.elementor-element-043e044{right:0px;}.elementor-1994 .elementor-element.elementor-element-605fee0{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--border-radius:8px 8px 8px 8px;--padding-top:2px;--padding-bottom:2px;--padding-left:2px;--padding-right:2px;--z-index:0;}.elementor-1994 .elementor-element.elementor-element-605fee0:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-605fee0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#091A2933;}.elementor-1994 .elementor-element.elementor-element-3b1e36b{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--background-transition:0.3s;--border-radius:12px 12px 12px 12px;--padding-top:12px;--padding-bottom:12px;--padding-left:12px;--padding-right:12px;}.elementor-1994 .elementor-element.elementor-element-3b1e36b:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-3b1e36b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#05101ACC;}.elementor-1994 .elementor-element.elementor-element-3b1e36b:hover{background-color:#05101A99;}.elementor-1994 .elementor-element.elementor-element-122de8d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1994 .elementor-element.elementor-element-5d57325 .elementor-heading-title{font-family:"Google sans flex", Sans-serif;font-size:20px;font-weight:500;text-transform:capitalize;line-height:24px;letter-spacing:0px;color:#FFFFFF;}.elementor-1994 .elementor-element.elementor-element-9994781{font-family:"Google sans flex", Sans-serif;font-size:16px;font-weight:400;line-height:20px;letter-spacing:0px;color:#FFFFFF;}.elementor-1994 .elementor-element.elementor-element-5870617{--display:flex;--position:absolute;--border-radius:50% 50% 50% 50%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1994 .elementor-element.elementor-element-5870617:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-5870617 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-1994 .elementor-element.elementor-element-c1af36f{--display:flex;--position:absolute;--border-radius:50% 50% 50% 50%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;}body:not(.rtl) .elementor-1994 .elementor-element.elementor-element-c1af36f{left:0px;}body.rtl .elementor-1994 .elementor-element.elementor-element-c1af36f{right:0px;}.elementor-1994 .elementor-element.elementor-element-f3685a0{--display:flex;}.elementor-1994 .elementor-element.elementor-element-32bd7cf{--display:flex;--min-height:0px;--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:24px 24px;--row-gap:24px;--column-gap:24px;--border-radius:8px 8px 8px 8px;--padding-top:48px;--padding-bottom:48px;--padding-left:48px;--padding-right:48px;}.elementor-1994 .elementor-element.elementor-element-32bd7cf:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-32bd7cf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-base-grupo-2.avif");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1994 .elementor-element.elementor-element-87b9e3e{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--border-radius:8px 8px 8px 8px;--padding-top:2px;--padding-bottom:2px;--padding-left:2px;--padding-right:2px;--z-index:0;}.elementor-1994 .elementor-element.elementor-element-87b9e3e:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-87b9e3e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#091A2933;}.elementor-1994 .elementor-element.elementor-element-8073be3{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--background-transition:0.3s;--border-radius:12px 12px 12px 12px;--padding-top:12px;--padding-bottom:12px;--padding-left:12px;--padding-right:12px;}.elementor-1994 .elementor-element.elementor-element-8073be3:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-8073be3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#05101ACC;}.elementor-1994 .elementor-element.elementor-element-8073be3:hover{background-color:#05101A99;}.elementor-1994 .elementor-element.elementor-element-a0162c8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1994 .elementor-element.elementor-element-fc23403 .elementor-heading-title{font-family:"Google sans flex", Sans-serif;font-size:20px;font-weight:500;text-transform:capitalize;line-height:24px;letter-spacing:0px;color:#FFFFFF;}.elementor-1994 .elementor-element.elementor-element-a5a8391{font-family:"Google sans flex", Sans-serif;font-size:16px;font-weight:400;line-height:20px;letter-spacing:0px;color:#FFFFFF;}.elementor-1994 .elementor-element.elementor-element-d6e976e{--display:flex;--position:absolute;--border-radius:50% 50% 50% 50%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1994 .elementor-element.elementor-element-d6e976e:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-d6e976e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-1994 .elementor-element.elementor-element-c08429a{--display:flex;--position:absolute;--border-radius:50% 50% 50% 50%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;}body:not(.rtl) .elementor-1994 .elementor-element.elementor-element-c08429a{left:0px;}body.rtl .elementor-1994 .elementor-element.elementor-element-c08429a{right:0px;}.elementor-1994 .elementor-element.elementor-element-7415439{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--border-radius:8px 8px 8px 8px;--padding-top:2px;--padding-bottom:2px;--padding-left:2px;--padding-right:2px;--z-index:0;}.elementor-1994 .elementor-element.elementor-element-7415439:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-7415439 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#091A2933;}.elementor-1994 .elementor-element.elementor-element-eda766b{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--background-transition:0.3s;--border-radius:12px 12px 12px 12px;--padding-top:12px;--padding-bottom:12px;--padding-left:12px;--padding-right:12px;}.elementor-1994 .elementor-element.elementor-element-eda766b:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-eda766b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#05101ACC;}.elementor-1994 .elementor-element.elementor-element-eda766b:hover{background-color:#05101A99;}.elementor-1994 .elementor-element.elementor-element-6ef67fa{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1994 .elementor-element.elementor-element-28226aa .elementor-heading-title{font-family:"Google sans flex", Sans-serif;font-size:20px;font-weight:500;text-transform:capitalize;line-height:24px;letter-spacing:0px;color:#FFFFFF;}.elementor-1994 .elementor-element.elementor-element-0617399{font-family:"Google sans flex", Sans-serif;font-size:16px;font-weight:400;line-height:20px;letter-spacing:0px;color:#FFFFFF;}.elementor-1994 .elementor-element.elementor-element-af26d65{--display:flex;--position:absolute;--border-radius:50% 50% 50% 50%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1994 .elementor-element.elementor-element-af26d65:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-af26d65 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-1994 .elementor-element.elementor-element-7b60fb5{--display:flex;--position:absolute;--border-radius:50% 50% 50% 50%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;}body:not(.rtl) .elementor-1994 .elementor-element.elementor-element-7b60fb5{left:0px;}body.rtl .elementor-1994 .elementor-element.elementor-element-7b60fb5{right:0px;}.elementor-1994 .elementor-element.elementor-element-70e4bc3{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--border-radius:8px 8px 8px 8px;--padding-top:2px;--padding-bottom:2px;--padding-left:2px;--padding-right:2px;--z-index:0;}.elementor-1994 .elementor-element.elementor-element-70e4bc3:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-70e4bc3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#091A2933;}.elementor-1994 .elementor-element.elementor-element-25ff972{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--background-transition:0.3s;--border-radius:12px 12px 12px 12px;--padding-top:12px;--padding-bottom:12px;--padding-left:12px;--padding-right:12px;}.elementor-1994 .elementor-element.elementor-element-25ff972:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-25ff972 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#05101ACC;}.elementor-1994 .elementor-element.elementor-element-25ff972:hover{background-color:#05101A99;}.elementor-1994 .elementor-element.elementor-element-ca91bde{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1994 .elementor-element.elementor-element-79a1381 .elementor-heading-title{font-family:"Google sans flex", Sans-serif;font-size:20px;font-weight:500;text-transform:capitalize;line-height:24px;letter-spacing:0px;color:#FFFFFF;}.elementor-1994 .elementor-element.elementor-element-c24abea{font-family:"Google sans flex", Sans-serif;font-size:16px;font-weight:400;line-height:20px;letter-spacing:0px;color:#FFFFFF;}.elementor-1994 .elementor-element.elementor-element-3c4b78a{--display:flex;--position:absolute;--border-radius:50% 50% 50% 50%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1994 .elementor-element.elementor-element-3c4b78a:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-3c4b78a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-1994 .elementor-element.elementor-element-2a9e1d1{--display:flex;--position:absolute;--border-radius:50% 50% 50% 50%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;}body:not(.rtl) .elementor-1994 .elementor-element.elementor-element-2a9e1d1{left:0px;}body.rtl .elementor-1994 .elementor-element.elementor-element-2a9e1d1{right:0px;}.elementor-1994 .elementor-element.elementor-element-411a113{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--border-radius:8px 8px 8px 8px;--padding-top:2px;--padding-bottom:2px;--padding-left:2px;--padding-right:2px;--z-index:0;}.elementor-1994 .elementor-element.elementor-element-411a113:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-411a113 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#091A2933;}.elementor-1994 .elementor-element.elementor-element-881b7f8{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--background-transition:0.3s;--border-radius:12px 12px 12px 12px;--padding-top:12px;--padding-bottom:12px;--padding-left:12px;--padding-right:12px;}.elementor-1994 .elementor-element.elementor-element-881b7f8:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-881b7f8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#05101ACC;}.elementor-1994 .elementor-element.elementor-element-881b7f8:hover{background-color:#05101A99;}.elementor-1994 .elementor-element.elementor-element-8f5eee8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1994 .elementor-element.elementor-element-bceb693 .elementor-heading-title{font-family:"Google sans flex", Sans-serif;font-size:20px;font-weight:500;text-transform:capitalize;line-height:24px;letter-spacing:0px;color:#FFFFFF;}.elementor-1994 .elementor-element.elementor-element-6eee540{font-family:"Google sans flex", Sans-serif;font-size:16px;font-weight:400;line-height:20px;letter-spacing:0px;color:#FFFFFF;}.elementor-1994 .elementor-element.elementor-element-3637f0e{--display:flex;--position:absolute;--border-radius:50% 50% 50% 50%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1994 .elementor-element.elementor-element-3637f0e:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-3637f0e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-1994 .elementor-element.elementor-element-ca007ac{--display:flex;--position:absolute;--border-radius:50% 50% 50% 50%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;}body:not(.rtl) .elementor-1994 .elementor-element.elementor-element-ca007ac{left:0px;}body.rtl .elementor-1994 .elementor-element.elementor-element-ca007ac{right:0px;}.elementor-1994 .elementor-element.elementor-element-7b6a797{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;padding:0px 0px 0px 0px;--n-tabs-title-gap:0px;--n-tabs-title-border-radius:8px 8px 8px 8px;--n-tabs-title-font-size:16px;--n-tabs-title-color:#9C9C9C;--n-tabs-title-color-active:var( --e-global-color-astglobalcolor0 );}.elementor-1994 .elementor-element.elementor-element-7b6a797 > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#2C141400;}.elementor-1994 .elementor-element.elementor-element-7b6a797.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#61777D26;}.elementor-1994 .elementor-element.elementor-element-7b6a797.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-1994 .elementor-element.elementor-element-7b6a797.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#255A6800;text-shadow:23px 0px 12px rgba(11.071423233695658, 46.72343750000002, 42.538201042651245, 0.6);}.elementor-1994 .elementor-element.elementor-element-7b6a797.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Europa", Sans-serif;font-weight:400;}.elementor-1994 .elementor-element.elementor-element-7b6a797 [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:#FFFFFF;}.elementor-1994 .elementor-element.elementor-element-2330fa4{--display:flex;--position:absolute;--border-radius:50% 50% 50% 50%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1994 .elementor-element.elementor-element-2330fa4:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-2330fa4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-1994 .elementor-element.elementor-element-c0e99c1{--display:flex;--position:absolute;--border-radius:50% 50% 50% 50%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;}body:not(.rtl) .elementor-1994 .elementor-element.elementor-element-c0e99c1{left:0px;}body.rtl .elementor-1994 .elementor-element.elementor-element-c0e99c1{right:0px;}.elementor-1994 .elementor-element.elementor-element-ff39e3c{--display:flex;}.elementor-1994 .elementor-element.elementor-element-2d582e4{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--border-radius:8px 8px 8px 8px;--padding-top:2px;--padding-bottom:2px;--padding-left:2px;--padding-right:2px;--z-index:0;}.elementor-1994 .elementor-element.elementor-element-2d582e4:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-2d582e4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#091A2933;}.elementor-1994 .elementor-element.elementor-element-ce1c0c5{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--background-transition:0.3s;--border-radius:12px 12px 12px 12px;--padding-top:24px;--padding-bottom:48px;--padding-left:48px;--padding-right:48px;}.elementor-1994 .elementor-element.elementor-element-ce1c0c5:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-ce1c0c5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#05101ACC;}.elementor-1994 .elementor-element.elementor-element-ce1c0c5:hover{background-color:#05101A99;}.elementor-1994 .elementor-element.elementor-element-c6855e8{--display:flex;}.elementor-1994 .elementor-element.elementor-element-aadecd2{--display:flex;--min-height:0px;--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:24px 24px;--row-gap:24px;--column-gap:24px;--border-radius:8px 8px 8px 8px;--padding-top:48px;--padding-bottom:48px;--padding-left:48px;--padding-right:48px;}.elementor-1994 .elementor-element.elementor-element-aadecd2:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-aadecd2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-base.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1994 .elementor-element.elementor-element-cf3e43b{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--border-radius:8px 8px 8px 8px;--padding-top:2px;--padding-bottom:2px;--padding-left:2px;--padding-right:2px;--z-index:0;}.elementor-1994 .elementor-element.elementor-element-cf3e43b:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-cf3e43b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#091A2933;}.elementor-1994 .elementor-element.elementor-element-c734217{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--background-transition:0.3s;--border-radius:12px 12px 12px 12px;--padding-top:12px;--padding-bottom:12px;--padding-left:12px;--padding-right:12px;}.elementor-1994 .elementor-element.elementor-element-c734217:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-c734217 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#05101ACC;}.elementor-1994 .elementor-element.elementor-element-c734217:hover{background-color:#05101A99;}.elementor-1994 .elementor-element.elementor-element-903216a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1994 .elementor-element.elementor-element-c64ac8b .elementor-heading-title{font-family:"Google sans flex", Sans-serif;font-size:20px;font-weight:500;text-transform:capitalize;line-height:24px;letter-spacing:0px;color:#FFFFFF;}.elementor-1994 .elementor-element.elementor-element-67e80eb{font-family:"Google sans flex", Sans-serif;font-size:16px;font-weight:400;line-height:20px;letter-spacing:0px;color:#FFFFFF;}.elementor-1994 .elementor-element.elementor-element-d8772f5{--display:flex;--position:absolute;--border-radius:50% 50% 50% 50%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1994 .elementor-element.elementor-element-d8772f5:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-d8772f5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-1994 .elementor-element.elementor-element-d073d02{--display:flex;--position:absolute;--border-radius:50% 50% 50% 50%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;}body:not(.rtl) .elementor-1994 .elementor-element.elementor-element-d073d02{left:0px;}body.rtl .elementor-1994 .elementor-element.elementor-element-d073d02{right:0px;}.elementor-1994 .elementor-element.elementor-element-aea4116{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--border-radius:8px 8px 8px 8px;--padding-top:2px;--padding-bottom:2px;--padding-left:2px;--padding-right:2px;--z-index:0;}.elementor-1994 .elementor-element.elementor-element-aea4116:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-aea4116 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#091A2933;}.elementor-1994 .elementor-element.elementor-element-2f6a4b9{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--background-transition:0.3s;--border-radius:12px 12px 12px 12px;--padding-top:12px;--padding-bottom:12px;--padding-left:12px;--padding-right:12px;}.elementor-1994 .elementor-element.elementor-element-2f6a4b9:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-2f6a4b9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#05101ACC;}.elementor-1994 .elementor-element.elementor-element-2f6a4b9:hover{background-color:#05101A99;}.elementor-1994 .elementor-element.elementor-element-91fea09{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1994 .elementor-element.elementor-element-bebe4be .elementor-heading-title{font-family:"Google sans flex", Sans-serif;font-size:20px;font-weight:500;text-transform:capitalize;line-height:24px;letter-spacing:0px;color:#FFFFFF;}.elementor-1994 .elementor-element.elementor-element-6024733{font-family:"Google sans flex", Sans-serif;font-size:16px;font-weight:400;line-height:20px;letter-spacing:0px;color:#FFFFFF;}.elementor-1994 .elementor-element.elementor-element-6eafd05{--display:flex;--position:absolute;--border-radius:50% 50% 50% 50%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1994 .elementor-element.elementor-element-6eafd05:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-6eafd05 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-1994 .elementor-element.elementor-element-98268ca{--display:flex;--position:absolute;--border-radius:50% 50% 50% 50%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;}body:not(.rtl) .elementor-1994 .elementor-element.elementor-element-98268ca{left:0px;}body.rtl .elementor-1994 .elementor-element.elementor-element-98268ca{right:0px;}.elementor-1994 .elementor-element.elementor-element-397adc5{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--border-radius:8px 8px 8px 8px;--padding-top:2px;--padding-bottom:2px;--padding-left:2px;--padding-right:2px;--z-index:0;}.elementor-1994 .elementor-element.elementor-element-397adc5:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-397adc5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#091A2933;}.elementor-1994 .elementor-element.elementor-element-d305094{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--background-transition:0.3s;--border-radius:12px 12px 12px 12px;--padding-top:12px;--padding-bottom:12px;--padding-left:12px;--padding-right:12px;}.elementor-1994 .elementor-element.elementor-element-d305094:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-d305094 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#05101ACC;}.elementor-1994 .elementor-element.elementor-element-d305094:hover{background-color:#05101A99;}.elementor-1994 .elementor-element.elementor-element-b75b370{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1994 .elementor-element.elementor-element-e0e1c11 .elementor-heading-title{font-family:"Google sans flex", Sans-serif;font-size:20px;font-weight:500;text-transform:capitalize;line-height:24px;letter-spacing:0px;color:#FFFFFF;}.elementor-1994 .elementor-element.elementor-element-a4a0ee6{font-family:"Google sans flex", Sans-serif;font-size:16px;font-weight:400;line-height:20px;letter-spacing:0px;color:#FFFFFF;}.elementor-1994 .elementor-element.elementor-element-71ac858{--display:flex;--position:absolute;--border-radius:50% 50% 50% 50%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1994 .elementor-element.elementor-element-71ac858:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-71ac858 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-1994 .elementor-element.elementor-element-14922b5{--display:flex;--position:absolute;--border-radius:50% 50% 50% 50%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;}body:not(.rtl) .elementor-1994 .elementor-element.elementor-element-14922b5{left:0px;}body.rtl .elementor-1994 .elementor-element.elementor-element-14922b5{right:0px;}.elementor-1994 .elementor-element.elementor-element-eb2aa65{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--border-radius:8px 8px 8px 8px;--padding-top:2px;--padding-bottom:2px;--padding-left:2px;--padding-right:2px;--z-index:0;}.elementor-1994 .elementor-element.elementor-element-eb2aa65:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-eb2aa65 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#091A2933;}.elementor-1994 .elementor-element.elementor-element-81b25b8{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--background-transition:0.3s;--border-radius:12px 12px 12px 12px;--padding-top:12px;--padding-bottom:12px;--padding-left:12px;--padding-right:12px;}.elementor-1994 .elementor-element.elementor-element-81b25b8:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-81b25b8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#05101ACC;}.elementor-1994 .elementor-element.elementor-element-81b25b8:hover{background-color:#05101A99;}.elementor-1994 .elementor-element.elementor-element-4416750{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1994 .elementor-element.elementor-element-45ed069 .elementor-heading-title{font-family:"Google sans flex", Sans-serif;font-size:20px;font-weight:500;text-transform:capitalize;line-height:24px;letter-spacing:0px;color:#FFFFFF;}.elementor-1994 .elementor-element.elementor-element-77c9ac3{font-family:"Google sans flex", Sans-serif;font-size:16px;font-weight:400;line-height:20px;letter-spacing:0px;color:#FFFFFF;}.elementor-1994 .elementor-element.elementor-element-e5d53c6{--display:flex;--position:absolute;--border-radius:50% 50% 50% 50%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1994 .elementor-element.elementor-element-e5d53c6:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-e5d53c6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-1994 .elementor-element.elementor-element-4e9724e{--display:flex;--position:absolute;--border-radius:50% 50% 50% 50%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;}body:not(.rtl) .elementor-1994 .elementor-element.elementor-element-4e9724e{left:0px;}body.rtl .elementor-1994 .elementor-element.elementor-element-4e9724e{right:0px;}.elementor-1994 .elementor-element.elementor-element-116e724{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--border-radius:8px 8px 8px 8px;--padding-top:2px;--padding-bottom:2px;--padding-left:2px;--padding-right:2px;--z-index:0;}.elementor-1994 .elementor-element.elementor-element-116e724:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-116e724 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#091A2933;}.elementor-1994 .elementor-element.elementor-element-39bd456{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--background-transition:0.3s;--border-radius:12px 12px 12px 12px;--padding-top:12px;--padding-bottom:12px;--padding-left:12px;--padding-right:12px;}.elementor-1994 .elementor-element.elementor-element-39bd456:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-39bd456 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#05101ACC;}.elementor-1994 .elementor-element.elementor-element-39bd456:hover{background-color:#05101A99;}.elementor-1994 .elementor-element.elementor-element-0f8ac11{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1994 .elementor-element.elementor-element-cb65b42 .elementor-heading-title{font-family:"Google sans flex", Sans-serif;font-size:20px;font-weight:500;text-transform:capitalize;line-height:24px;letter-spacing:0px;color:#FFFFFF;}.elementor-1994 .elementor-element.elementor-element-cc49d6c{font-family:"Google sans flex", Sans-serif;font-size:16px;font-weight:400;line-height:20px;letter-spacing:0px;color:#FFFFFF;}.elementor-1994 .elementor-element.elementor-element-921cde7{--display:flex;--position:absolute;--border-radius:50% 50% 50% 50%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1994 .elementor-element.elementor-element-921cde7:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-921cde7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-1994 .elementor-element.elementor-element-29eed5a{--display:flex;--position:absolute;--border-radius:50% 50% 50% 50%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;}body:not(.rtl) .elementor-1994 .elementor-element.elementor-element-29eed5a{left:0px;}body.rtl .elementor-1994 .elementor-element.elementor-element-29eed5a{right:0px;}.elementor-1994 .elementor-element.elementor-element-0687c45{--display:flex;}.elementor-1994 .elementor-element.elementor-element-52d2b2c{--display:flex;--min-height:0px;--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:24px 24px;--row-gap:24px;--column-gap:24px;--border-radius:8px 8px 8px 8px;--padding-top:48px;--padding-bottom:48px;--padding-left:48px;--padding-right:48px;}.elementor-1994 .elementor-element.elementor-element-52d2b2c:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-52d2b2c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-base-grupo-2.avif");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1994 .elementor-element.elementor-element-1c41d75{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--border-radius:8px 8px 8px 8px;--padding-top:2px;--padding-bottom:2px;--padding-left:2px;--padding-right:2px;--z-index:0;}.elementor-1994 .elementor-element.elementor-element-1c41d75:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-1c41d75 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#091A2933;}.elementor-1994 .elementor-element.elementor-element-3ae4724{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--background-transition:0.3s;--border-radius:12px 12px 12px 12px;--padding-top:12px;--padding-bottom:12px;--padding-left:12px;--padding-right:12px;}.elementor-1994 .elementor-element.elementor-element-3ae4724:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-3ae4724 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#05101ACC;}.elementor-1994 .elementor-element.elementor-element-3ae4724:hover{background-color:#05101A99;}.elementor-1994 .elementor-element.elementor-element-0430343{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1994 .elementor-element.elementor-element-6175edd .elementor-heading-title{font-family:"Google sans flex", Sans-serif;font-size:20px;font-weight:500;text-transform:capitalize;line-height:24px;letter-spacing:0px;color:#FFFFFF;}.elementor-1994 .elementor-element.elementor-element-fcc9c30{font-family:"Google sans flex", Sans-serif;font-size:16px;font-weight:400;line-height:20px;letter-spacing:0px;color:#FFFFFF;}.elementor-1994 .elementor-element.elementor-element-8a73276{--display:flex;--position:absolute;--border-radius:50% 50% 50% 50%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1994 .elementor-element.elementor-element-8a73276:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-8a73276 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-1994 .elementor-element.elementor-element-130dbef{--display:flex;--position:absolute;--border-radius:50% 50% 50% 50%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;}body:not(.rtl) .elementor-1994 .elementor-element.elementor-element-130dbef{left:0px;}body.rtl .elementor-1994 .elementor-element.elementor-element-130dbef{right:0px;}.elementor-1994 .elementor-element.elementor-element-bce5e88{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--border-radius:8px 8px 8px 8px;--padding-top:2px;--padding-bottom:2px;--padding-left:2px;--padding-right:2px;--z-index:0;}.elementor-1994 .elementor-element.elementor-element-bce5e88:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-bce5e88 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#091A2933;}.elementor-1994 .elementor-element.elementor-element-458b5d6{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--background-transition:0.3s;--border-radius:12px 12px 12px 12px;--padding-top:12px;--padding-bottom:12px;--padding-left:12px;--padding-right:12px;}.elementor-1994 .elementor-element.elementor-element-458b5d6:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-458b5d6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#05101ACC;}.elementor-1994 .elementor-element.elementor-element-458b5d6:hover{background-color:#05101A99;}.elementor-1994 .elementor-element.elementor-element-3c02952{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1994 .elementor-element.elementor-element-efbb1dd .elementor-heading-title{font-family:"Google sans flex", Sans-serif;font-size:20px;font-weight:500;text-transform:capitalize;line-height:24px;letter-spacing:0px;color:#FFFFFF;}.elementor-1994 .elementor-element.elementor-element-425b586{font-family:"Google sans flex", Sans-serif;font-size:16px;font-weight:400;line-height:20px;letter-spacing:0px;color:#FFFFFF;}.elementor-1994 .elementor-element.elementor-element-61a2c0f{--display:flex;--position:absolute;--border-radius:50% 50% 50% 50%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1994 .elementor-element.elementor-element-61a2c0f:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-61a2c0f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-1994 .elementor-element.elementor-element-661d7f9{--display:flex;--position:absolute;--border-radius:50% 50% 50% 50%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;}body:not(.rtl) .elementor-1994 .elementor-element.elementor-element-661d7f9{left:0px;}body.rtl .elementor-1994 .elementor-element.elementor-element-661d7f9{right:0px;}.elementor-1994 .elementor-element.elementor-element-8746c8c{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--border-radius:8px 8px 8px 8px;--padding-top:2px;--padding-bottom:2px;--padding-left:2px;--padding-right:2px;--z-index:0;}.elementor-1994 .elementor-element.elementor-element-8746c8c:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-8746c8c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#091A2933;}.elementor-1994 .elementor-element.elementor-element-55086fe{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--background-transition:0.3s;--border-radius:12px 12px 12px 12px;--padding-top:12px;--padding-bottom:12px;--padding-left:12px;--padding-right:12px;}.elementor-1994 .elementor-element.elementor-element-55086fe:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-55086fe > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#05101ACC;}.elementor-1994 .elementor-element.elementor-element-55086fe:hover{background-color:#05101A99;}.elementor-1994 .elementor-element.elementor-element-493175b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1994 .elementor-element.elementor-element-9f250f9 .elementor-heading-title{font-family:"Google sans flex", Sans-serif;font-size:20px;font-weight:500;text-transform:capitalize;line-height:24px;letter-spacing:0px;color:#FFFFFF;}.elementor-1994 .elementor-element.elementor-element-7d7ed32{font-family:"Google sans flex", Sans-serif;font-size:16px;font-weight:400;line-height:20px;letter-spacing:0px;color:#FFFFFF;}.elementor-1994 .elementor-element.elementor-element-186e618{--display:flex;--position:absolute;--border-radius:50% 50% 50% 50%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1994 .elementor-element.elementor-element-186e618:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-186e618 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-1994 .elementor-element.elementor-element-47ff8be{--display:flex;--position:absolute;--border-radius:50% 50% 50% 50%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;}body:not(.rtl) .elementor-1994 .elementor-element.elementor-element-47ff8be{left:0px;}body.rtl .elementor-1994 .elementor-element.elementor-element-47ff8be{right:0px;}.elementor-1994 .elementor-element.elementor-element-b89e7bd{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--border-radius:8px 8px 8px 8px;--padding-top:2px;--padding-bottom:2px;--padding-left:2px;--padding-right:2px;--z-index:0;}.elementor-1994 .elementor-element.elementor-element-b89e7bd:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-b89e7bd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#091A2933;}.elementor-1994 .elementor-element.elementor-element-7ee14f1{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--background-transition:0.3s;--border-radius:12px 12px 12px 12px;--padding-top:12px;--padding-bottom:12px;--padding-left:12px;--padding-right:12px;}.elementor-1994 .elementor-element.elementor-element-7ee14f1:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-7ee14f1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#05101ACC;}.elementor-1994 .elementor-element.elementor-element-7ee14f1:hover{background-color:#05101A99;}.elementor-1994 .elementor-element.elementor-element-daae0a7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1994 .elementor-element.elementor-element-9de77d0 .elementor-heading-title{font-family:"Google sans flex", Sans-serif;font-size:20px;font-weight:500;text-transform:capitalize;line-height:24px;letter-spacing:0px;color:#FFFFFF;}.elementor-1994 .elementor-element.elementor-element-7d03899{font-family:"Google sans flex", Sans-serif;font-size:16px;font-weight:400;line-height:20px;letter-spacing:0px;color:#FFFFFF;}.elementor-1994 .elementor-element.elementor-element-63648ab{--display:flex;--position:absolute;--border-radius:50% 50% 50% 50%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1994 .elementor-element.elementor-element-63648ab:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-63648ab > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-1994 .elementor-element.elementor-element-2357d92{--display:flex;--position:absolute;--border-radius:50% 50% 50% 50%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;}body:not(.rtl) .elementor-1994 .elementor-element.elementor-element-2357d92{left:0px;}body.rtl .elementor-1994 .elementor-element.elementor-element-2357d92{right:0px;}.elementor-1994 .elementor-element.elementor-element-c4267b6{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;padding:0px 0px 0px 0px;--n-tabs-title-gap:0px;--n-tabs-title-border-radius:8px 8px 8px 8px;--n-tabs-title-font-size:16px;--n-tabs-title-color:#9C9C9C;--n-tabs-title-color-active:var( --e-global-color-astglobalcolor0 );}.elementor-1994 .elementor-element.elementor-element-c4267b6 > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#2C141400;}.elementor-1994 .elementor-element.elementor-element-c4267b6.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#61777D26;}.elementor-1994 .elementor-element.elementor-element-c4267b6.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-1994 .elementor-element.elementor-element-c4267b6.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#255A6800;text-shadow:23px 0px 12px rgba(11.071423233695658, 46.72343750000002, 42.538201042651245, 0.6);}.elementor-1994 .elementor-element.elementor-element-c4267b6.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Europa", Sans-serif;font-weight:400;}.elementor-1994 .elementor-element.elementor-element-c4267b6 [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:#FFFFFF;}.elementor-1994 .elementor-element.elementor-element-fa743e8{--display:flex;--position:absolute;--border-radius:50% 50% 50% 50%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1994 .elementor-element.elementor-element-fa743e8:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-fa743e8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-1994 .elementor-element.elementor-element-e657e1f{--display:flex;--position:absolute;--border-radius:50% 50% 50% 50%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;}body:not(.rtl) .elementor-1994 .elementor-element.elementor-element-e657e1f{left:0px;}body.rtl .elementor-1994 .elementor-element.elementor-element-e657e1f{right:0px;}.elementor-1994 .elementor-element.elementor-element-0eb5384{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-gap:24px;--n-tabs-gap:32px;--n-tabs-title-border-radius:8px 8px 8px 8px;--n-tabs-title-font-size:18px;--n-tabs-title-color:#FFFFFF;--n-tabs-title-color-active:var( --e-global-color-text );}.elementor-1994 .elementor-element.elementor-element-0eb5384 > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#2D2D2D00;}.elementor-1994 .elementor-element.elementor-element-0eb5384.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#0F313B99;border-style:solid;border-width:2px 2px 2px 2px;border-color:#FFFFFF;}.elementor-1994 .elementor-element.elementor-element-0eb5384.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-1994 .elementor-element.elementor-element-0eb5384.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-astglobalcolor0 );}.elementor-1994 .elementor-element.elementor-element-0eb5384.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:solid;border-width:2px 2px 2px 2px;border-color:#FFFFFF;}.elementor-1994 .elementor-element.elementor-element-0eb5384.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Europa", Sans-serif;font-weight:700;letter-spacing:1.2px;}:where( .elementor-1994 .elementor-element.elementor-element-0eb5384.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-content ) > .e-con{--padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;}.elementor-1994 .elementor-element.elementor-element-f35a892{--display:flex;--min-height:2000px;--justify-content:flex-start;--gap:8px 8px;--row-gap:8px;--column-gap:8px;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-1994 .elementor-element.elementor-element-3714369 img{border-radius:8px 8px 8px 8px;}.elementor-1994 .elementor-element.elementor-element-95436f2 img{border-radius:8px 8px 8px 8px;}.elementor-1994 .elementor-element.elementor-element-b084215 img{border-radius:8px 8px 8px 8px;}.elementor-1994 .elementor-element.elementor-element-6a3c060 img{border-radius:8px 8px 8px 8px;}.elementor-1994 .elementor-element.elementor-element-ed3f6c8 img{border-radius:8px 8px 8px 8px;}.elementor-1994 .elementor-element.elementor-element-4a97ab9{--display:flex;--min-height:2000px;--justify-content:flex-start;--gap:8px 8px;--row-gap:8px;--column-gap:8px;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1994 .elementor-element.elementor-element-a7b0e13 img{border-radius:8px 8px 8px 8px;}.elementor-1994 .elementor-element.elementor-element-715a168 img{border-radius:8px 8px 8px 8px;}.elementor-1994 .elementor-element.elementor-element-26d806d img{border-radius:8px 8px 8px 8px;}.elementor-1994 .elementor-element.elementor-element-73a2644 img{border-radius:8px 8px 8px 8px;}.elementor-1994 .elementor-element.elementor-element-b820ebc img{border-radius:8px 8px 8px 8px;}.elementor-1994 .elementor-element.elementor-element-63cef93{--display:flex;--min-height:2000px;--justify-content:flex-start;--gap:8px 8px;--row-gap:8px;--column-gap:8px;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1994 .elementor-element.elementor-element-c1f1d10 img{border-radius:8px 8px 8px 8px;}.elementor-1994 .elementor-element.elementor-element-3ec128f img{border-radius:8px 8px 8px 8px;}.elementor-1994 .elementor-element.elementor-element-fd99065 img{border-radius:8px 8px 8px 8px;}.elementor-1994 .elementor-element.elementor-element-3c404ff img{border-radius:8px 8px 8px 8px;}.elementor-1994 .elementor-element.elementor-element-99f2979 img{border-radius:8px 8px 8px 8px;}.elementor-1994 .elementor-element.elementor-element-ca64c37{--display:flex;}.elementor-1994 .elementor-element.elementor-element-3b75b41{--display:flex;}:root{--page-title-display:none;}body.elementor-page-1994{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(min-width:768px){.elementor-1994 .elementor-element.elementor-element-238af7b{--width:100%;}.elementor-1994 .elementor-element.elementor-element-9259985{--width:50%;}.elementor-1994 .elementor-element.elementor-element-7d52c9f{--width:50%;}.elementor-1994 .elementor-element.elementor-element-46ef734{--width:50%;}.elementor-1994 .elementor-element.elementor-element-a8d552a{--width:50%;}.elementor-1994 .elementor-element.elementor-element-8c9c712{--width:50%;}.elementor-1994 .elementor-element.elementor-element-334047b{--width:50%;}.elementor-1994 .elementor-element.elementor-element-d8feadb{--width:50%;}.elementor-1994 .elementor-element.elementor-element-19958b5{--width:50%;}.elementor-1994 .elementor-element.elementor-element-46a298c{--width:50%;}.elementor-1994 .elementor-element.elementor-element-458a2bb{--width:50%;}.elementor-1994 .elementor-element.elementor-element-cad59f0{--width:50%;}.elementor-1994 .elementor-element.elementor-element-184fce4{--width:50%;}.elementor-1994 .elementor-element.elementor-element-8a7b0b8{--width:50%;}.elementor-1994 .elementor-element.elementor-element-46baf16{--width:50%;}.elementor-1994 .elementor-element.elementor-element-575659e{--width:100%;}.elementor-1994 .elementor-element.elementor-element-127f615{--width:50%;}.elementor-1994 .elementor-element.elementor-element-e94a2e5{--width:50%;}.elementor-1994 .elementor-element.elementor-element-f8cea55{--width:50%;}.elementor-1994 .elementor-element.elementor-element-28599e6{--width:50%;}.elementor-1994 .elementor-element.elementor-element-605fee0{--width:50%;}.elementor-1994 .elementor-element.elementor-element-87b9e3e{--width:50%;}.elementor-1994 .elementor-element.elementor-element-7415439{--width:50%;}.elementor-1994 .elementor-element.elementor-element-70e4bc3{--width:50%;}.elementor-1994 .elementor-element.elementor-element-411a113{--width:50%;}.elementor-1994 .elementor-element.elementor-element-2d582e4{--width:100%;}.elementor-1994 .elementor-element.elementor-element-cf3e43b{--width:50%;}.elementor-1994 .elementor-element.elementor-element-aea4116{--width:50%;}.elementor-1994 .elementor-element.elementor-element-397adc5{--width:50%;}.elementor-1994 .elementor-element.elementor-element-eb2aa65{--width:50%;}.elementor-1994 .elementor-element.elementor-element-116e724{--width:50%;}.elementor-1994 .elementor-element.elementor-element-1c41d75{--width:50%;}.elementor-1994 .elementor-element.elementor-element-bce5e88{--width:50%;}.elementor-1994 .elementor-element.elementor-element-8746c8c{--width:50%;}.elementor-1994 .elementor-element.elementor-element-b89e7bd{--width:50%;}.elementor-1994 .elementor-element.elementor-element-f35a892{--width:33%;}.elementor-1994 .elementor-element.elementor-element-4a97ab9{--width:33%;}.elementor-1994 .elementor-element.elementor-element-63cef93{--width:33%;}}@media(max-width:767px){.elementor-1994 .elementor-element.elementor-element-238af7b{--padding-top:16px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-1994 .elementor-element.elementor-element-43af164{--gap:24px 24px;--row-gap:24px;--column-gap:24px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1994 .elementor-element.elementor-element-d2b74c9{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1994 .elementor-element.elementor-element-adbf918{--padding-top:8px;--padding-bottom:8px;--padding-left:8px;--padding-right:8px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-1994 .elementor-element.elementor-element-e56a3f5{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1994 .elementor-element.elementor-element-54e5798{--padding-top:8px;--padding-bottom:8px;--padding-left:8px;--padding-right:8px;}.elementor-1994 .elementor-element.elementor-element-f9d3c53{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1994 .elementor-element.elementor-element-e265f87{--padding-top:8px;--padding-bottom:8px;--padding-left:8px;--padding-right:8px;}.elementor-1994 .elementor-element.elementor-element-dbbe17b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--n-accordion-title-justify-content:initial;--n-accordion-title-flex-grow:initial;--n-accordion-title-font-size:16px;}.elementor-1994 .elementor-element.elementor-element-351f5a5{--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-1994 .elementor-element.elementor-element-575659e{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1994 .elementor-element.elementor-element-d5355d8{--padding-top:08px;--padding-bottom:08px;--padding-left:08px;--padding-right:08px;}.elementor-1994 .elementor-element.elementor-element-fd413aa{--padding-top:8px;--padding-bottom:8px;--padding-left:8px;--padding-right:8px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}body.elementor-page-1994{margin:0px 0px 0px 0px;}}/* Start custom CSS for container, class: .elementor-element-132c378 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-132c378 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-132c378 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-132c378 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-132c378:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9259985 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-9259985 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-9259985 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-9259985 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-9259985 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2fc985e *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-2fc985e {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-2fc985e .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-2fc985e .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-2fc985e:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7d52c9f *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-7d52c9f {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-7d52c9f .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-7d52c9f .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-7d52c9f .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8225028 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-8225028 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-8225028 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-8225028 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-8225028:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-46ef734 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-46ef734 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-46ef734 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-46ef734 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-46ef734 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bae8cbd *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-bae8cbd {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-bae8cbd .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-bae8cbd .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-bae8cbd:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a8d552a *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-a8d552a {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-a8d552a .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-a8d552a .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-a8d552a .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cc57467 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-cc57467 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-cc57467 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-cc57467 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-cc57467:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8c9c712 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-8c9c712 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-8c9c712 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-8c9c712 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-8c9c712 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-adbf918 *//* =========================================
   1. ESTILOS BASE (Común para todos)
========================================= */
.main-parent-class {
    position: relative;
    overflow: hidden; 
}

.custom-bg {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0; 
    transition: opacity 0.4s ease-in-out;
    z-index: 0; 
    pointer-events: none; 
}

/* Efectos de opacidad globales para las 5 tarjetas */
.main-parent-class.hover-card-one .bg-layer-one { opacity: 1; }
.main-parent-class.hover-card-two .bg-layer-two { opacity: 1; }
.main-parent-class.hover-card-three .bg-layer-three { opacity: 1; }
.main-parent-class.hover-card-four .bg-layer-four { opacity: 1; }
.main-parent-class.hover-card-five .bg-layer-five { opacity: 1; }

/* Protección de contenido Elementor */
.main-parent-class > .e-con,
.main-parent-class > .elementor-widget,
.main-parent-class > .elementor-container {
    position: relative;
    z-index: 2;
}

/* =========================================
   2. IMÁGENES DEL GRUPO 1
========================================= */
.grupo-1 .bg-layer-one { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-2-1.jpg'); }
.grupo-1 .bg-layer-two { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-3.jpg'); }
.grupo-1 .bg-layer-three { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-4.jpg'); }
.grupo-1 .bg-layer-four { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-5.jpg'); }
.grupo-1 .bg-layer-five { background-image: url('/wp-content/uploads/2026/09/fondo-incluye-6-vuelos.jpg') !important; }

/* =========================================
   3. IMÁGENES DEL GRUPO 2
========================================= */
.grupo-2 .bg-layer-one { background-image: url('tent/uploads/2026/09/fondo-incluye-6-vuelos.jpg'); }
.grupo-2 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_2.jpg'); }

/* =========================================
   4. IMÁGENES DEL GRUPO 3
========================================= */
.grupo-3 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_3.jpg'); }

/* =========================================
   5. IMÁGENES DEL GRUPO 4
========================================= */
.grupo-4 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_4.jpg'); }

/* =========================================
   6. IMÁGENES DEL GRUPO 5
========================================= */
.grupo-5 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_5.jpg'); }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cc2ccde *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-cc2ccde {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-cc2ccde .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-cc2ccde .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-cc2ccde:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-334047b *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-334047b {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-334047b .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-334047b .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-334047b .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5e01554 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-5e01554 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-5e01554 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-5e01554 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-5e01554:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d8feadb *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-d8feadb {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-d8feadb .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-d8feadb .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-d8feadb .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-783424b *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-783424b {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-783424b .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-783424b .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-783424b:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19958b5 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-19958b5 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-19958b5 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-19958b5 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-19958b5 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b698aa6 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-b698aa6 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-b698aa6 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-b698aa6 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-b698aa6:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-46a298c *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-46a298c {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-46a298c .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-46a298c .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-46a298c .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-54e5798 *//* =========================================
   1. ESTILOS BASE (Común para todos)
========================================= */
.main-parent-class {
    position: relative;
    overflow: hidden; 
}

.custom-bg {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0; 
    transition: opacity 0.4s ease-in-out;
    z-index: 0; 
    pointer-events: none; 
}

/* Efectos de opacidad globales para las 5 tarjetas */
.main-parent-class.hover-card-one .bg-layer-one { opacity: 1; }
.main-parent-class.hover-card-two .bg-layer-two { opacity: 1; }
.main-parent-class.hover-card-three .bg-layer-three { opacity: 1; }
.main-parent-class.hover-card-four .bg-layer-four { opacity: 1; }
.main-parent-class.hover-card-five .bg-layer-five { opacity: 1; }

/* Protección de contenido Elementor */
.main-parent-class > .e-con,
.main-parent-class > .elementor-widget,
.main-parent-class > .elementor-container {
    position: relative;
    z-index: 2;
}

/* =========================================
   2. IMÁGENES DEL GRUPO 1
========================================= */
.grupo-1 .bg-layer-one { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-2-1.jpg'); }
.grupo-1 .bg-layer-two { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-3.jpg'); }
.grupo-1 .bg-layer-three { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-4.jpg'); }
.grupo-1 .bg-layer-four { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-5.jpg'); }
.grupo-1 .bg-layer-five { background-image: url('/wp-content/uploads/2026/09/fondo-incluye-6-vuelos.jpg') !important; }

/* =========================================
   3. IMÁGENES DEL GRUPO 2
========================================= */
.grupo-2 .bg-layer-one { background-image: url('tent/uploads/2026/09/fondo-incluye-6-vuelos.jpg'); }
.grupo-2 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_2.jpg'); }

/* =========================================
   4. IMÁGENES DEL GRUPO 3
========================================= */
.grupo-3 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_3.jpg'); }

/* =========================================
   5. IMÁGENES DEL GRUPO 4
========================================= */
.grupo-4 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_4.jpg'); }

/* =========================================
   6. IMÁGENES DEL GRUPO 5
========================================= */
.grupo-5 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_5.jpg'); }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fa64b23 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-fa64b23 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-fa64b23 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-fa64b23 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-fa64b23:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-458a2bb *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-458a2bb {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-458a2bb .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-458a2bb .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-458a2bb .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5210d63 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-5210d63 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-5210d63 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-5210d63 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-5210d63:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cad59f0 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-cad59f0 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-cad59f0 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-cad59f0 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-cad59f0 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a20c47e *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-a20c47e {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-a20c47e .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-a20c47e .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-a20c47e:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-184fce4 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-184fce4 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-184fce4 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-184fce4 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-184fce4 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2fcb9c1 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-2fcb9c1 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-2fcb9c1 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-2fcb9c1 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-2fcb9c1:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8a7b0b8 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-8a7b0b8 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-8a7b0b8 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-8a7b0b8 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-8a7b0b8 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e8339c3 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-e8339c3 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-e8339c3 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-e8339c3 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-e8339c3:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-46baf16 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-46baf16 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-46baf16 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-46baf16 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-46baf16 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e265f87 *//* =========================================
   1. ESTILOS BASE (Común para todos)
========================================= */
.main-parent-class {
    position: relative;
    overflow: hidden; 
}

.custom-bg {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0; 
    transition: opacity 0.4s ease-in-out;
    z-index: 0; 
    pointer-events: none; 
}

/* Efectos de opacidad globales para las 5 tarjetas */
.main-parent-class.hover-card-one .bg-layer-one { opacity: 1; }
.main-parent-class.hover-card-two .bg-layer-two { opacity: 1; }
.main-parent-class.hover-card-three .bg-layer-three { opacity: 1; }
.main-parent-class.hover-card-four .bg-layer-four { opacity: 1; }
.main-parent-class.hover-card-five .bg-layer-five { opacity: 1; }

/* Protección de contenido Elementor */
.main-parent-class > .e-con,
.main-parent-class > .elementor-widget,
.main-parent-class > .elementor-container {
    position: relative;
    z-index: 2;
}

/* =========================================
   2. IMÁGENES DEL GRUPO 1
========================================= */
.grupo-1 .bg-layer-one { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-2-1.jpg'); }
.grupo-1 .bg-layer-two { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-3.jpg'); }
.grupo-1 .bg-layer-three { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-4.jpg'); }
.grupo-1 .bg-layer-four { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-5.jpg'); }
.grupo-1 .bg-layer-five { background-image: url('/wp-content/uploads/2026/09/fondo-incluye-6-vuelos.jpg') !important; }

/* =========================================
   3. IMÁGENES DEL GRUPO 2
========================================= */
.grupo-2 .bg-layer-one { background-image: url('tent/uploads/2026/09/fondo-incluye-6-vuelos.jpg'); }
.grupo-2 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_2.jpg'); }

/* =========================================
   4. IMÁGENES DEL GRUPO 3
========================================= */
.grupo-3 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_3.jpg'); }

/* =========================================
   5. IMÁGENES DEL GRUPO 4
========================================= */
.grupo-4 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_4.jpg'); }

/* =========================================
   6. IMÁGENES DEL GRUPO 5
========================================= */
.grupo-5 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_5.jpg'); }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-132c378 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-132c378 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-132c378 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-132c378 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-132c378:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9259985 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-9259985 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-9259985 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-9259985 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-9259985 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2fc985e *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-2fc985e {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-2fc985e .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-2fc985e .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-2fc985e:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7d52c9f *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-7d52c9f {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-7d52c9f .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-7d52c9f .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-7d52c9f .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8225028 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-8225028 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-8225028 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-8225028 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-8225028:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-46ef734 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-46ef734 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-46ef734 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-46ef734 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-46ef734 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bae8cbd *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-bae8cbd {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-bae8cbd .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-bae8cbd .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-bae8cbd:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a8d552a *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-a8d552a {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-a8d552a .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-a8d552a .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-a8d552a .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cc57467 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-cc57467 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-cc57467 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-cc57467 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-cc57467:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8c9c712 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-8c9c712 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-8c9c712 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-8c9c712 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-8c9c712 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-adbf918 *//* =========================================
   1. ESTILOS BASE (Común para todos)
========================================= */
.main-parent-class {
    position: relative;
    overflow: hidden; 
}

.custom-bg {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0; 
    transition: opacity 0.4s ease-in-out;
    z-index: 0; 
    pointer-events: none; 
}

/* Efectos de opacidad globales para las 5 tarjetas */
.main-parent-class.hover-card-one .bg-layer-one { opacity: 1; }
.main-parent-class.hover-card-two .bg-layer-two { opacity: 1; }
.main-parent-class.hover-card-three .bg-layer-three { opacity: 1; }
.main-parent-class.hover-card-four .bg-layer-four { opacity: 1; }
.main-parent-class.hover-card-five .bg-layer-five { opacity: 1; }

/* Protección de contenido Elementor */
.main-parent-class > .e-con,
.main-parent-class > .elementor-widget,
.main-parent-class > .elementor-container {
    position: relative;
    z-index: 2;
}

/* =========================================
   2. IMÁGENES DEL GRUPO 1
========================================= */
.grupo-1 .bg-layer-one { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-2-1.jpg'); }
.grupo-1 .bg-layer-two { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-3.jpg'); }
.grupo-1 .bg-layer-three { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-4.jpg'); }
.grupo-1 .bg-layer-four { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-5.jpg'); }
.grupo-1 .bg-layer-five { background-image: url('/wp-content/uploads/2026/09/fondo-incluye-6-vuelos.jpg') !important; }

/* =========================================
   3. IMÁGENES DEL GRUPO 2
========================================= */
.grupo-2 .bg-layer-one { background-image: url('tent/uploads/2026/09/fondo-incluye-6-vuelos.jpg'); }
.grupo-2 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_2.jpg'); }

/* =========================================
   4. IMÁGENES DEL GRUPO 3
========================================= */
.grupo-3 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_3.jpg'); }

/* =========================================
   5. IMÁGENES DEL GRUPO 4
========================================= */
.grupo-4 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_4.jpg'); }

/* =========================================
   6. IMÁGENES DEL GRUPO 5
========================================= */
.grupo-5 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_5.jpg'); }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cc2ccde *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-cc2ccde {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-cc2ccde .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-cc2ccde .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-cc2ccde:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-334047b *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-334047b {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-334047b .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-334047b .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-334047b .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5e01554 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-5e01554 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-5e01554 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-5e01554 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-5e01554:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d8feadb *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-d8feadb {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-d8feadb .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-d8feadb .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-d8feadb .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-783424b *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-783424b {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-783424b .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-783424b .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-783424b:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19958b5 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-19958b5 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-19958b5 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-19958b5 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-19958b5 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b698aa6 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-b698aa6 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-b698aa6 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-b698aa6 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-b698aa6:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-46a298c *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-46a298c {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-46a298c .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-46a298c .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-46a298c .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-54e5798 *//* =========================================
   1. ESTILOS BASE (Común para todos)
========================================= */
.main-parent-class {
    position: relative;
    overflow: hidden; 
}

.custom-bg {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0; 
    transition: opacity 0.4s ease-in-out;
    z-index: 0; 
    pointer-events: none; 
}

/* Efectos de opacidad globales para las 5 tarjetas */
.main-parent-class.hover-card-one .bg-layer-one { opacity: 1; }
.main-parent-class.hover-card-two .bg-layer-two { opacity: 1; }
.main-parent-class.hover-card-three .bg-layer-three { opacity: 1; }
.main-parent-class.hover-card-four .bg-layer-four { opacity: 1; }
.main-parent-class.hover-card-five .bg-layer-five { opacity: 1; }

/* Protección de contenido Elementor */
.main-parent-class > .e-con,
.main-parent-class > .elementor-widget,
.main-parent-class > .elementor-container {
    position: relative;
    z-index: 2;
}

/* =========================================
   2. IMÁGENES DEL GRUPO 1
========================================= */
.grupo-1 .bg-layer-one { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-2-1.jpg'); }
.grupo-1 .bg-layer-two { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-3.jpg'); }
.grupo-1 .bg-layer-three { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-4.jpg'); }
.grupo-1 .bg-layer-four { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-5.jpg'); }
.grupo-1 .bg-layer-five { background-image: url('/wp-content/uploads/2026/09/fondo-incluye-6-vuelos.jpg') !important; }

/* =========================================
   3. IMÁGENES DEL GRUPO 2
========================================= */
.grupo-2 .bg-layer-one { background-image: url('tent/uploads/2026/09/fondo-incluye-6-vuelos.jpg'); }
.grupo-2 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_2.jpg'); }

/* =========================================
   4. IMÁGENES DEL GRUPO 3
========================================= */
.grupo-3 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_3.jpg'); }

/* =========================================
   5. IMÁGENES DEL GRUPO 4
========================================= */
.grupo-4 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_4.jpg'); }

/* =========================================
   6. IMÁGENES DEL GRUPO 5
========================================= */
.grupo-5 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_5.jpg'); }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fa64b23 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-fa64b23 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-fa64b23 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-fa64b23 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-fa64b23:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-458a2bb *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-458a2bb {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-458a2bb .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-458a2bb .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-458a2bb .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5210d63 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-5210d63 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-5210d63 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-5210d63 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-5210d63:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cad59f0 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-cad59f0 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-cad59f0 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-cad59f0 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-cad59f0 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a20c47e *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-a20c47e {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-a20c47e .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-a20c47e .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-a20c47e:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-184fce4 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-184fce4 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-184fce4 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-184fce4 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-184fce4 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2fcb9c1 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-2fcb9c1 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-2fcb9c1 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-2fcb9c1 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-2fcb9c1:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8a7b0b8 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-8a7b0b8 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-8a7b0b8 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-8a7b0b8 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-8a7b0b8 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e8339c3 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-e8339c3 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-e8339c3 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-e8339c3 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-e8339c3:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-46baf16 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-46baf16 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-46baf16 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-46baf16 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-46baf16 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e265f87 *//* =========================================
   1. ESTILOS BASE (Común para todos)
========================================= */
.main-parent-class {
    position: relative;
    overflow: hidden; 
}

.custom-bg {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0; 
    transition: opacity 0.4s ease-in-out;
    z-index: 0; 
    pointer-events: none; 
}

/* Efectos de opacidad globales para las 5 tarjetas */
.main-parent-class.hover-card-one .bg-layer-one { opacity: 1; }
.main-parent-class.hover-card-two .bg-layer-two { opacity: 1; }
.main-parent-class.hover-card-three .bg-layer-three { opacity: 1; }
.main-parent-class.hover-card-four .bg-layer-four { opacity: 1; }
.main-parent-class.hover-card-five .bg-layer-five { opacity: 1; }

/* Protección de contenido Elementor */
.main-parent-class > .e-con,
.main-parent-class > .elementor-widget,
.main-parent-class > .elementor-container {
    position: relative;
    z-index: 2;
}

/* =========================================
   2. IMÁGENES DEL GRUPO 1
========================================= */
.grupo-1 .bg-layer-one { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-2-1.jpg'); }
.grupo-1 .bg-layer-two { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-3.jpg'); }
.grupo-1 .bg-layer-three { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-4.jpg'); }
.grupo-1 .bg-layer-four { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-5.jpg'); }
.grupo-1 .bg-layer-five { background-image: url('/wp-content/uploads/2026/09/fondo-incluye-6-vuelos.jpg') !important; }

/* =========================================
   3. IMÁGENES DEL GRUPO 2
========================================= */
.grupo-2 .bg-layer-one { background-image: url('tent/uploads/2026/09/fondo-incluye-6-vuelos.jpg'); }
.grupo-2 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_2.jpg'); }

/* =========================================
   4. IMÁGENES DEL GRUPO 3
========================================= */
.grupo-3 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_3.jpg'); }

/* =========================================
   5. IMÁGENES DEL GRUPO 4
========================================= */
.grupo-4 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_4.jpg'); }

/* =========================================
   6. IMÁGENES DEL GRUPO 5
========================================= */
.grupo-5 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_5.jpg'); }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-132c378 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-132c378 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-132c378 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-132c378 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-132c378:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9259985 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-9259985 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-9259985 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-9259985 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-9259985 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2fc985e *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-2fc985e {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-2fc985e .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-2fc985e .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-2fc985e:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7d52c9f *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-7d52c9f {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-7d52c9f .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-7d52c9f .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-7d52c9f .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8225028 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-8225028 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-8225028 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-8225028 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-8225028:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-46ef734 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-46ef734 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-46ef734 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-46ef734 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-46ef734 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bae8cbd *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-bae8cbd {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-bae8cbd .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-bae8cbd .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-bae8cbd:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a8d552a *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-a8d552a {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-a8d552a .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-a8d552a .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-a8d552a .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cc57467 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-cc57467 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-cc57467 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-cc57467 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-cc57467:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8c9c712 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-8c9c712 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-8c9c712 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-8c9c712 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-8c9c712 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-adbf918 *//* =========================================
   1. ESTILOS BASE (Común para todos)
========================================= */
.main-parent-class {
    position: relative;
    overflow: hidden; 
}

.custom-bg {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0; 
    transition: opacity 0.4s ease-in-out;
    z-index: 0; 
    pointer-events: none; 
}

/* Efectos de opacidad globales para las 5 tarjetas */
.main-parent-class.hover-card-one .bg-layer-one { opacity: 1; }
.main-parent-class.hover-card-two .bg-layer-two { opacity: 1; }
.main-parent-class.hover-card-three .bg-layer-three { opacity: 1; }
.main-parent-class.hover-card-four .bg-layer-four { opacity: 1; }
.main-parent-class.hover-card-five .bg-layer-five { opacity: 1; }

/* Protección de contenido Elementor */
.main-parent-class > .e-con,
.main-parent-class > .elementor-widget,
.main-parent-class > .elementor-container {
    position: relative;
    z-index: 2;
}

/* =========================================
   2. IMÁGENES DEL GRUPO 1
========================================= */
.grupo-1 .bg-layer-one { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-2-1.jpg'); }
.grupo-1 .bg-layer-two { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-3.jpg'); }
.grupo-1 .bg-layer-three { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-4.jpg'); }
.grupo-1 .bg-layer-four { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-5.jpg'); }
.grupo-1 .bg-layer-five { background-image: url('/wp-content/uploads/2026/09/fondo-incluye-6-vuelos.jpg') !important; }

/* =========================================
   3. IMÁGENES DEL GRUPO 2
========================================= */
.grupo-2 .bg-layer-one { background-image: url('tent/uploads/2026/09/fondo-incluye-6-vuelos.jpg'); }
.grupo-2 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_2.jpg'); }

/* =========================================
   4. IMÁGENES DEL GRUPO 3
========================================= */
.grupo-3 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_3.jpg'); }

/* =========================================
   5. IMÁGENES DEL GRUPO 4
========================================= */
.grupo-4 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_4.jpg'); }

/* =========================================
   6. IMÁGENES DEL GRUPO 5
========================================= */
.grupo-5 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_5.jpg'); }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cc2ccde *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-cc2ccde {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-cc2ccde .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-cc2ccde .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-cc2ccde:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-334047b *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-334047b {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-334047b .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-334047b .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-334047b .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5e01554 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-5e01554 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-5e01554 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-5e01554 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-5e01554:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d8feadb *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-d8feadb {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-d8feadb .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-d8feadb .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-d8feadb .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-783424b *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-783424b {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-783424b .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-783424b .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-783424b:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19958b5 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-19958b5 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-19958b5 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-19958b5 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-19958b5 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b698aa6 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-b698aa6 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-b698aa6 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-b698aa6 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-b698aa6:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-46a298c *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-46a298c {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-46a298c .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-46a298c .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-46a298c .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-54e5798 *//* =========================================
   1. ESTILOS BASE (Común para todos)
========================================= */
.main-parent-class {
    position: relative;
    overflow: hidden; 
}

.custom-bg {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0; 
    transition: opacity 0.4s ease-in-out;
    z-index: 0; 
    pointer-events: none; 
}

/* Efectos de opacidad globales para las 5 tarjetas */
.main-parent-class.hover-card-one .bg-layer-one { opacity: 1; }
.main-parent-class.hover-card-two .bg-layer-two { opacity: 1; }
.main-parent-class.hover-card-three .bg-layer-three { opacity: 1; }
.main-parent-class.hover-card-four .bg-layer-four { opacity: 1; }
.main-parent-class.hover-card-five .bg-layer-five { opacity: 1; }

/* Protección de contenido Elementor */
.main-parent-class > .e-con,
.main-parent-class > .elementor-widget,
.main-parent-class > .elementor-container {
    position: relative;
    z-index: 2;
}

/* =========================================
   2. IMÁGENES DEL GRUPO 1
========================================= */
.grupo-1 .bg-layer-one { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-2-1.jpg'); }
.grupo-1 .bg-layer-two { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-3.jpg'); }
.grupo-1 .bg-layer-three { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-4.jpg'); }
.grupo-1 .bg-layer-four { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-5.jpg'); }
.grupo-1 .bg-layer-five { background-image: url('/wp-content/uploads/2026/09/fondo-incluye-6-vuelos.jpg') !important; }

/* =========================================
   3. IMÁGENES DEL GRUPO 2
========================================= */
.grupo-2 .bg-layer-one { background-image: url('tent/uploads/2026/09/fondo-incluye-6-vuelos.jpg'); }
.grupo-2 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_2.jpg'); }

/* =========================================
   4. IMÁGENES DEL GRUPO 3
========================================= */
.grupo-3 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_3.jpg'); }

/* =========================================
   5. IMÁGENES DEL GRUPO 4
========================================= */
.grupo-4 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_4.jpg'); }

/* =========================================
   6. IMÁGENES DEL GRUPO 5
========================================= */
.grupo-5 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_5.jpg'); }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fa64b23 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-fa64b23 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-fa64b23 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-fa64b23 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-fa64b23:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-458a2bb *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-458a2bb {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-458a2bb .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-458a2bb .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-458a2bb .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5210d63 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-5210d63 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-5210d63 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-5210d63 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-5210d63:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cad59f0 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-cad59f0 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-cad59f0 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-cad59f0 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-cad59f0 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a20c47e *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-a20c47e {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-a20c47e .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-a20c47e .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-a20c47e:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-184fce4 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-184fce4 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-184fce4 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-184fce4 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-184fce4 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2fcb9c1 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-2fcb9c1 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-2fcb9c1 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-2fcb9c1 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-2fcb9c1:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8a7b0b8 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-8a7b0b8 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-8a7b0b8 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-8a7b0b8 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-8a7b0b8 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e8339c3 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-e8339c3 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-e8339c3 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-e8339c3 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-e8339c3:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-46baf16 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-46baf16 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-46baf16 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-46baf16 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-46baf16 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e265f87 *//* =========================================
   1. ESTILOS BASE (Común para todos)
========================================= */
.main-parent-class {
    position: relative;
    overflow: hidden; 
}

.custom-bg {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0; 
    transition: opacity 0.4s ease-in-out;
    z-index: 0; 
    pointer-events: none; 
}

/* Efectos de opacidad globales para las 5 tarjetas */
.main-parent-class.hover-card-one .bg-layer-one { opacity: 1; }
.main-parent-class.hover-card-two .bg-layer-two { opacity: 1; }
.main-parent-class.hover-card-three .bg-layer-three { opacity: 1; }
.main-parent-class.hover-card-four .bg-layer-four { opacity: 1; }
.main-parent-class.hover-card-five .bg-layer-five { opacity: 1; }

/* Protección de contenido Elementor */
.main-parent-class > .e-con,
.main-parent-class > .elementor-widget,
.main-parent-class > .elementor-container {
    position: relative;
    z-index: 2;
}

/* =========================================
   2. IMÁGENES DEL GRUPO 1
========================================= */
.grupo-1 .bg-layer-one { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-2-1.jpg'); }
.grupo-1 .bg-layer-two { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-3.jpg'); }
.grupo-1 .bg-layer-three { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-4.jpg'); }
.grupo-1 .bg-layer-four { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-5.jpg'); }
.grupo-1 .bg-layer-five { background-image: url('/wp-content/uploads/2026/09/fondo-incluye-6-vuelos.jpg') !important; }

/* =========================================
   3. IMÁGENES DEL GRUPO 2
========================================= */
.grupo-2 .bg-layer-one { background-image: url('tent/uploads/2026/09/fondo-incluye-6-vuelos.jpg'); }
.grupo-2 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_2.jpg'); }

/* =========================================
   4. IMÁGENES DEL GRUPO 3
========================================= */
.grupo-3 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_3.jpg'); }

/* =========================================
   5. IMÁGENES DEL GRUPO 4
========================================= */
.grupo-4 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_4.jpg'); }

/* =========================================
   6. IMÁGENES DEL GRUPO 5
========================================= */
.grupo-5 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_5.jpg'); }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-132c378 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-132c378 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-132c378 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-132c378 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-132c378:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9259985 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-9259985 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-9259985 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-9259985 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-9259985 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2fc985e *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-2fc985e {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-2fc985e .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-2fc985e .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-2fc985e:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7d52c9f *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-7d52c9f {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-7d52c9f .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-7d52c9f .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-7d52c9f .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8225028 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-8225028 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-8225028 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-8225028 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-8225028:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-46ef734 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-46ef734 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-46ef734 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-46ef734 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-46ef734 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bae8cbd *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-bae8cbd {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-bae8cbd .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-bae8cbd .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-bae8cbd:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a8d552a *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-a8d552a {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-a8d552a .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-a8d552a .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-a8d552a .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cc57467 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-cc57467 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-cc57467 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-cc57467 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-cc57467:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8c9c712 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-8c9c712 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-8c9c712 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-8c9c712 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-8c9c712 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-adbf918 *//* =========================================
   1. ESTILOS BASE (Común para todos)
========================================= */
.main-parent-class {
    position: relative;
    overflow: hidden; 
}

.custom-bg {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0; 
    transition: opacity 0.4s ease-in-out;
    z-index: 0; 
    pointer-events: none; 
}

/* Efectos de opacidad globales para las 5 tarjetas */
.main-parent-class.hover-card-one .bg-layer-one { opacity: 1; }
.main-parent-class.hover-card-two .bg-layer-two { opacity: 1; }
.main-parent-class.hover-card-three .bg-layer-three { opacity: 1; }
.main-parent-class.hover-card-four .bg-layer-four { opacity: 1; }
.main-parent-class.hover-card-five .bg-layer-five { opacity: 1; }

/* Protección de contenido Elementor */
.main-parent-class > .e-con,
.main-parent-class > .elementor-widget,
.main-parent-class > .elementor-container {
    position: relative;
    z-index: 2;
}

/* =========================================
   2. IMÁGENES DEL GRUPO 1
========================================= */
.grupo-1 .bg-layer-one { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-2-1.jpg'); }
.grupo-1 .bg-layer-two { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-3.jpg'); }
.grupo-1 .bg-layer-three { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-4.jpg'); }
.grupo-1 .bg-layer-four { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-5.jpg'); }
.grupo-1 .bg-layer-five { background-image: url('/wp-content/uploads/2026/09/fondo-incluye-6-vuelos.jpg') !important; }

/* =========================================
   3. IMÁGENES DEL GRUPO 2
========================================= */
.grupo-2 .bg-layer-one { background-image: url('tent/uploads/2026/09/fondo-incluye-6-vuelos.jpg'); }
.grupo-2 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_2.jpg'); }

/* =========================================
   4. IMÁGENES DEL GRUPO 3
========================================= */
.grupo-3 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_3.jpg'); }

/* =========================================
   5. IMÁGENES DEL GRUPO 4
========================================= */
.grupo-4 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_4.jpg'); }

/* =========================================
   6. IMÁGENES DEL GRUPO 5
========================================= */
.grupo-5 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_5.jpg'); }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cc2ccde *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-cc2ccde {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-cc2ccde .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-cc2ccde .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-cc2ccde:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-334047b *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-334047b {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-334047b .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-334047b .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-334047b .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5e01554 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-5e01554 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-5e01554 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-5e01554 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-5e01554:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d8feadb *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-d8feadb {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-d8feadb .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-d8feadb .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-d8feadb .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-783424b *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-783424b {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-783424b .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-783424b .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-783424b:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19958b5 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-19958b5 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-19958b5 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-19958b5 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-19958b5 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b698aa6 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-b698aa6 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-b698aa6 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-b698aa6 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-b698aa6:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-46a298c *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-46a298c {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-46a298c .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-46a298c .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-46a298c .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-54e5798 *//* =========================================
   1. ESTILOS BASE (Común para todos)
========================================= */
.main-parent-class {
    position: relative;
    overflow: hidden; 
}

.custom-bg {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0; 
    transition: opacity 0.4s ease-in-out;
    z-index: 0; 
    pointer-events: none; 
}

/* Efectos de opacidad globales para las 5 tarjetas */
.main-parent-class.hover-card-one .bg-layer-one { opacity: 1; }
.main-parent-class.hover-card-two .bg-layer-two { opacity: 1; }
.main-parent-class.hover-card-three .bg-layer-three { opacity: 1; }
.main-parent-class.hover-card-four .bg-layer-four { opacity: 1; }
.main-parent-class.hover-card-five .bg-layer-five { opacity: 1; }

/* Protección de contenido Elementor */
.main-parent-class > .e-con,
.main-parent-class > .elementor-widget,
.main-parent-class > .elementor-container {
    position: relative;
    z-index: 2;
}

/* =========================================
   2. IMÁGENES DEL GRUPO 1
========================================= */
.grupo-1 .bg-layer-one { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-2-1.jpg'); }
.grupo-1 .bg-layer-two { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-3.jpg'); }
.grupo-1 .bg-layer-three { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-4.jpg'); }
.grupo-1 .bg-layer-four { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-5.jpg'); }
.grupo-1 .bg-layer-five { background-image: url('/wp-content/uploads/2026/09/fondo-incluye-6-vuelos.jpg') !important; }

/* =========================================
   3. IMÁGENES DEL GRUPO 2
========================================= */
.grupo-2 .bg-layer-one { background-image: url('tent/uploads/2026/09/fondo-incluye-6-vuelos.jpg'); }
.grupo-2 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_2.jpg'); }

/* =========================================
   4. IMÁGENES DEL GRUPO 3
========================================= */
.grupo-3 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_3.jpg'); }

/* =========================================
   5. IMÁGENES DEL GRUPO 4
========================================= */
.grupo-4 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_4.jpg'); }

/* =========================================
   6. IMÁGENES DEL GRUPO 5
========================================= */
.grupo-5 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_5.jpg'); }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fa64b23 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-fa64b23 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-fa64b23 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-fa64b23 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-fa64b23:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-458a2bb *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-458a2bb {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-458a2bb .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-458a2bb .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-458a2bb .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5210d63 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-5210d63 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-5210d63 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-5210d63 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-5210d63:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cad59f0 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-cad59f0 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-cad59f0 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-cad59f0 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-cad59f0 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a20c47e *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-a20c47e {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-a20c47e .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-a20c47e .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-a20c47e:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-184fce4 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-184fce4 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-184fce4 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-184fce4 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-184fce4 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2fcb9c1 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-2fcb9c1 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-2fcb9c1 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-2fcb9c1 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-2fcb9c1:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8a7b0b8 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-8a7b0b8 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-8a7b0b8 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-8a7b0b8 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-8a7b0b8 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e8339c3 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-e8339c3 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-e8339c3 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-e8339c3 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-e8339c3:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-46baf16 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-46baf16 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-46baf16 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-46baf16 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-46baf16 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e265f87 *//* =========================================
   1. ESTILOS BASE (Común para todos)
========================================= */
.main-parent-class {
    position: relative;
    overflow: hidden; 
}

.custom-bg {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0; 
    transition: opacity 0.4s ease-in-out;
    z-index: 0; 
    pointer-events: none; 
}

/* Efectos de opacidad globales para las 5 tarjetas */
.main-parent-class.hover-card-one .bg-layer-one { opacity: 1; }
.main-parent-class.hover-card-two .bg-layer-two { opacity: 1; }
.main-parent-class.hover-card-three .bg-layer-three { opacity: 1; }
.main-parent-class.hover-card-four .bg-layer-four { opacity: 1; }
.main-parent-class.hover-card-five .bg-layer-five { opacity: 1; }

/* Protección de contenido Elementor */
.main-parent-class > .e-con,
.main-parent-class > .elementor-widget,
.main-parent-class > .elementor-container {
    position: relative;
    z-index: 2;
}

/* =========================================
   2. IMÁGENES DEL GRUPO 1
========================================= */
.grupo-1 .bg-layer-one { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-2-1.jpg'); }
.grupo-1 .bg-layer-two { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-3.jpg'); }
.grupo-1 .bg-layer-three { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-4.jpg'); }
.grupo-1 .bg-layer-four { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-5.jpg'); }
.grupo-1 .bg-layer-five { background-image: url('/wp-content/uploads/2026/09/fondo-incluye-6-vuelos.jpg') !important; }

/* =========================================
   3. IMÁGENES DEL GRUPO 2
========================================= */
.grupo-2 .bg-layer-one { background-image: url('tent/uploads/2026/09/fondo-incluye-6-vuelos.jpg'); }
.grupo-2 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_2.jpg'); }

/* =========================================
   4. IMÁGENES DEL GRUPO 3
========================================= */
.grupo-3 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_3.jpg'); }

/* =========================================
   5. IMÁGENES DEL GRUPO 4
========================================= */
.grupo-4 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_4.jpg'); }

/* =========================================
   6. IMÁGENES DEL GRUPO 5
========================================= */
.grupo-5 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_5.jpg'); }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1563a50 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-1563a50 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-1563a50 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-1563a50 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-1563a50:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-127f615 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-127f615 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-127f615 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-127f615 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-127f615 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fdb8dbc *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-fdb8dbc {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-fdb8dbc .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-fdb8dbc .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-fdb8dbc:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e94a2e5 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-e94a2e5 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-e94a2e5 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-e94a2e5 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-e94a2e5 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2100bbd *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-2100bbd {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-2100bbd .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-2100bbd .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-2100bbd:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f8cea55 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-f8cea55 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-f8cea55 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-f8cea55 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-f8cea55 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9d7e60b *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-9d7e60b {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-9d7e60b .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-9d7e60b .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-9d7e60b:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28599e6 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-28599e6 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-28599e6 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-28599e6 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-28599e6 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3b1e36b *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-3b1e36b {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-3b1e36b .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-3b1e36b .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-3b1e36b:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-605fee0 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-605fee0 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-605fee0 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-605fee0 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-605fee0 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fd413aa *//* =========================================
   1. ESTILOS BASE (Común para todos)
========================================= */
.main-parent-class {
    position: relative;
    overflow: hidden; 
}

.custom-bg {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0; 
    transition: opacity 0.4s ease-in-out;
    z-index: 0; 
    pointer-events: none; 
}

/* Efectos de opacidad globales para las 5 tarjetas */
.main-parent-class.hover-card-one .bg-layer-one { opacity: 1; }
.main-parent-class.hover-card-two .bg-layer-two { opacity: 1; }
.main-parent-class.hover-card-three .bg-layer-three { opacity: 1; }
.main-parent-class.hover-card-four .bg-layer-four { opacity: 1; }
.main-parent-class.hover-card-five .bg-layer-five { opacity: 1; }

/* Protección de contenido Elementor */
.main-parent-class > .e-con,
.main-parent-class > .elementor-widget,
.main-parent-class > .elementor-container {
    position: relative;
    z-index: 2;
}

/* =========================================
   2. IMÁGENES DEL GRUPO 1
========================================= */
.grupo-1 .bg-layer-one { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-2-1.jpg'); }
.grupo-1 .bg-layer-two { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-3.jpg'); }
.grupo-1 .bg-layer-three { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-4.jpg'); }
.grupo-1 .bg-layer-four { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-5.jpg'); }
.grupo-1 .bg-layer-five { background-image: url('/wp-content/uploads/2026/09/fondo-incluye-6-vuelos.jpg') !important; }

/* =========================================
   3. IMÁGENES DEL GRUPO 2
========================================= */
.grupo-2 .bg-layer-one { background-image: url('tent/uploads/2026/09/fondo-incluye-6-vuelos.jpg'); }
.grupo-2 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_2.jpg'); }

/* =========================================
   4. IMÁGENES DEL GRUPO 3
========================================= */
.grupo-3 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_3.jpg'); }

/* =========================================
   5. IMÁGENES DEL GRUPO 4
========================================= */
.grupo-4 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_4.jpg'); }

/* =========================================
   6. IMÁGENES DEL GRUPO 5
========================================= */
.grupo-5 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_5.jpg'); }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8073be3 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-8073be3 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-8073be3 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-8073be3 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-8073be3:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-87b9e3e *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-87b9e3e {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-87b9e3e .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-87b9e3e .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-87b9e3e .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eda766b *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-eda766b {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-eda766b .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-eda766b .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-eda766b:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7415439 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-7415439 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-7415439 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-7415439 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-7415439 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-25ff972 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-25ff972 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-25ff972 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-25ff972 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-25ff972:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-70e4bc3 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-70e4bc3 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-70e4bc3 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-70e4bc3 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-70e4bc3 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-881b7f8 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-881b7f8 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-881b7f8 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-881b7f8 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-881b7f8:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-411a113 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-411a113 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-411a113 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-411a113 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-411a113 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-32bd7cf *//* =========================================
   1. ESTILOS BASE (Común para todos)
========================================= */
.main-parent-class {
    position: relative;
    overflow: hidden; 
}

.custom-bg {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0; 
    transition: opacity 0.4s ease-in-out;
    z-index: 0; 
    pointer-events: none; 
}

/* Efectos de opacidad globales para las 5 tarjetas */
.main-parent-class.hover-card-one .bg-layer-one { opacity: 1; }
.main-parent-class.hover-card-two .bg-layer-two { opacity: 1; }
.main-parent-class.hover-card-three .bg-layer-three { opacity: 1; }
.main-parent-class.hover-card-four .bg-layer-four { opacity: 1; }
.main-parent-class.hover-card-five .bg-layer-five { opacity: 1; }

/* Protección de contenido Elementor */
.main-parent-class > .e-con,
.main-parent-class > .elementor-widget,
.main-parent-class > .elementor-container {
    position: relative;
    z-index: 2;
}

/* =========================================
   2. IMÁGENES DEL GRUPO 1
========================================= */
.grupo-1 .bg-layer-one { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-2-1.jpg'); }
.grupo-1 .bg-layer-two { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-3.jpg'); }
.grupo-1 .bg-layer-three { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-4.jpg'); }
.grupo-1 .bg-layer-four { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-5.jpg'); }
.grupo-1 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_1.jpg'); }

/* =========================================
   3. IMÁGENES DEL GRUPO 2
========================================= */
.grupo-2 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_2.jpg'); }

/* =========================================
   4. IMÁGENES DEL GRUPO 3
========================================= */
.grupo-3 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_3.jpg'); }

/* =========================================
   5. IMÁGENES DEL GRUPO 4
========================================= */
.grupo-4 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_4.jpg'); }

/* =========================================
   6. IMÁGENES DEL GRUPO 5
========================================= */
.grupo-5 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_5.jpg'); }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1563a50 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-1563a50 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-1563a50 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-1563a50 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-1563a50:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-127f615 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-127f615 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-127f615 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-127f615 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-127f615 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fdb8dbc *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-fdb8dbc {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-fdb8dbc .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-fdb8dbc .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-fdb8dbc:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e94a2e5 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-e94a2e5 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-e94a2e5 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-e94a2e5 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-e94a2e5 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2100bbd *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-2100bbd {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-2100bbd .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-2100bbd .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-2100bbd:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f8cea55 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-f8cea55 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-f8cea55 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-f8cea55 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-f8cea55 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9d7e60b *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-9d7e60b {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-9d7e60b .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-9d7e60b .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-9d7e60b:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28599e6 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-28599e6 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-28599e6 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-28599e6 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-28599e6 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3b1e36b *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-3b1e36b {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-3b1e36b .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-3b1e36b .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-3b1e36b:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-605fee0 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-605fee0 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-605fee0 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-605fee0 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-605fee0 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fd413aa *//* =========================================
   1. ESTILOS BASE (Común para todos)
========================================= */
.main-parent-class {
    position: relative;
    overflow: hidden; 
}

.custom-bg {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0; 
    transition: opacity 0.4s ease-in-out;
    z-index: 0; 
    pointer-events: none; 
}

/* Efectos de opacidad globales para las 5 tarjetas */
.main-parent-class.hover-card-one .bg-layer-one { opacity: 1; }
.main-parent-class.hover-card-two .bg-layer-two { opacity: 1; }
.main-parent-class.hover-card-three .bg-layer-three { opacity: 1; }
.main-parent-class.hover-card-four .bg-layer-four { opacity: 1; }
.main-parent-class.hover-card-five .bg-layer-five { opacity: 1; }

/* Protección de contenido Elementor */
.main-parent-class > .e-con,
.main-parent-class > .elementor-widget,
.main-parent-class > .elementor-container {
    position: relative;
    z-index: 2;
}

/* =========================================
   2. IMÁGENES DEL GRUPO 1
========================================= */
.grupo-1 .bg-layer-one { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-2-1.jpg'); }
.grupo-1 .bg-layer-two { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-3.jpg'); }
.grupo-1 .bg-layer-three { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-4.jpg'); }
.grupo-1 .bg-layer-four { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-5.jpg'); }
.grupo-1 .bg-layer-five { background-image: url('/wp-content/uploads/2026/09/fondo-incluye-6-vuelos.jpg') !important; }

/* =========================================
   3. IMÁGENES DEL GRUPO 2
========================================= */
.grupo-2 .bg-layer-one { background-image: url('tent/uploads/2026/09/fondo-incluye-6-vuelos.jpg'); }
.grupo-2 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_2.jpg'); }

/* =========================================
   4. IMÁGENES DEL GRUPO 3
========================================= */
.grupo-3 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_3.jpg'); }

/* =========================================
   5. IMÁGENES DEL GRUPO 4
========================================= */
.grupo-4 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_4.jpg'); }

/* =========================================
   6. IMÁGENES DEL GRUPO 5
========================================= */
.grupo-5 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_5.jpg'); }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8073be3 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-8073be3 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-8073be3 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-8073be3 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-8073be3:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-87b9e3e *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-87b9e3e {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-87b9e3e .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-87b9e3e .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-87b9e3e .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eda766b *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-eda766b {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-eda766b .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-eda766b .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-eda766b:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7415439 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-7415439 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-7415439 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-7415439 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-7415439 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-25ff972 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-25ff972 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-25ff972 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-25ff972 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-25ff972:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-70e4bc3 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-70e4bc3 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-70e4bc3 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-70e4bc3 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-70e4bc3 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-881b7f8 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-881b7f8 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-881b7f8 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-881b7f8 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-881b7f8:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-411a113 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-411a113 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-411a113 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-411a113 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-411a113 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-32bd7cf *//* =========================================
   1. ESTILOS BASE (Común para todos)
========================================= */
.main-parent-class {
    position: relative;
    overflow: hidden; 
}

.custom-bg {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0; 
    transition: opacity 0.4s ease-in-out;
    z-index: 0; 
    pointer-events: none; 
}

/* Efectos de opacidad globales para las 5 tarjetas */
.main-parent-class.hover-card-one .bg-layer-one { opacity: 1; }
.main-parent-class.hover-card-two .bg-layer-two { opacity: 1; }
.main-parent-class.hover-card-three .bg-layer-three { opacity: 1; }
.main-parent-class.hover-card-four .bg-layer-four { opacity: 1; }
.main-parent-class.hover-card-five .bg-layer-five { opacity: 1; }

/* Protección de contenido Elementor */
.main-parent-class > .e-con,
.main-parent-class > .elementor-widget,
.main-parent-class > .elementor-container {
    position: relative;
    z-index: 2;
}

/* =========================================
   2. IMÁGENES DEL GRUPO 1
========================================= */
.grupo-1 .bg-layer-one { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-2-1.jpg'); }
.grupo-1 .bg-layer-two { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-3.jpg'); }
.grupo-1 .bg-layer-three { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-4.jpg'); }
.grupo-1 .bg-layer-four { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-5.jpg'); }
.grupo-1 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_1.jpg'); }

/* =========================================
   3. IMÁGENES DEL GRUPO 2
========================================= */
.grupo-2 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_2.jpg'); }

/* =========================================
   4. IMÁGENES DEL GRUPO 3
========================================= */
.grupo-3 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_3.jpg'); }

/* =========================================
   5. IMÁGENES DEL GRUPO 4
========================================= */
.grupo-4 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_4.jpg'); }

/* =========================================
   6. IMÁGENES DEL GRUPO 5
========================================= */
.grupo-5 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_5.jpg'); }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1563a50 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-1563a50 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-1563a50 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-1563a50 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-1563a50:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-127f615 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-127f615 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-127f615 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-127f615 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-127f615 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fdb8dbc *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-fdb8dbc {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-fdb8dbc .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-fdb8dbc .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-fdb8dbc:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e94a2e5 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-e94a2e5 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-e94a2e5 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-e94a2e5 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-e94a2e5 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2100bbd *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-2100bbd {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-2100bbd .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-2100bbd .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-2100bbd:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f8cea55 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-f8cea55 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-f8cea55 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-f8cea55 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-f8cea55 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9d7e60b *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-9d7e60b {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-9d7e60b .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-9d7e60b .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-9d7e60b:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28599e6 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-28599e6 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-28599e6 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-28599e6 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-28599e6 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3b1e36b *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-3b1e36b {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-3b1e36b .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-3b1e36b .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-3b1e36b:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-605fee0 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-605fee0 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-605fee0 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-605fee0 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-605fee0 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fd413aa *//* =========================================
   1. ESTILOS BASE (Común para todos)
========================================= */
.main-parent-class {
    position: relative;
    overflow: hidden; 
}

.custom-bg {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0; 
    transition: opacity 0.4s ease-in-out;
    z-index: 0; 
    pointer-events: none; 
}

/* Efectos de opacidad globales para las 5 tarjetas */
.main-parent-class.hover-card-one .bg-layer-one { opacity: 1; }
.main-parent-class.hover-card-two .bg-layer-two { opacity: 1; }
.main-parent-class.hover-card-three .bg-layer-three { opacity: 1; }
.main-parent-class.hover-card-four .bg-layer-four { opacity: 1; }
.main-parent-class.hover-card-five .bg-layer-five { opacity: 1; }

/* Protección de contenido Elementor */
.main-parent-class > .e-con,
.main-parent-class > .elementor-widget,
.main-parent-class > .elementor-container {
    position: relative;
    z-index: 2;
}

/* =========================================
   2. IMÁGENES DEL GRUPO 1
========================================= */
.grupo-1 .bg-layer-one { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-2-1.jpg'); }
.grupo-1 .bg-layer-two { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-3.jpg'); }
.grupo-1 .bg-layer-three { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-4.jpg'); }
.grupo-1 .bg-layer-four { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-5.jpg'); }
.grupo-1 .bg-layer-five { background-image: url('/wp-content/uploads/2026/09/fondo-incluye-6-vuelos.jpg') !important; }

/* =========================================
   3. IMÁGENES DEL GRUPO 2
========================================= */
.grupo-2 .bg-layer-one { background-image: url('tent/uploads/2026/09/fondo-incluye-6-vuelos.jpg'); }
.grupo-2 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_2.jpg'); }

/* =========================================
   4. IMÁGENES DEL GRUPO 3
========================================= */
.grupo-3 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_3.jpg'); }

/* =========================================
   5. IMÁGENES DEL GRUPO 4
========================================= */
.grupo-4 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_4.jpg'); }

/* =========================================
   6. IMÁGENES DEL GRUPO 5
========================================= */
.grupo-5 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_5.jpg'); }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8073be3 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-8073be3 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-8073be3 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-8073be3 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-8073be3:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-87b9e3e *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-87b9e3e {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-87b9e3e .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-87b9e3e .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-87b9e3e .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eda766b *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-eda766b {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-eda766b .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-eda766b .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-eda766b:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7415439 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-7415439 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-7415439 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-7415439 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-7415439 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-25ff972 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-25ff972 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-25ff972 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-25ff972 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-25ff972:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-70e4bc3 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-70e4bc3 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-70e4bc3 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-70e4bc3 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-70e4bc3 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-881b7f8 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-881b7f8 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-881b7f8 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-881b7f8 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-881b7f8:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-411a113 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-411a113 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-411a113 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-411a113 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-411a113 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-32bd7cf *//* =========================================
   1. ESTILOS BASE (Común para todos)
========================================= */
.main-parent-class {
    position: relative;
    overflow: hidden; 
}

.custom-bg {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0; 
    transition: opacity 0.4s ease-in-out;
    z-index: 0; 
    pointer-events: none; 
}

/* Efectos de opacidad globales para las 5 tarjetas */
.main-parent-class.hover-card-one .bg-layer-one { opacity: 1; }
.main-parent-class.hover-card-two .bg-layer-two { opacity: 1; }
.main-parent-class.hover-card-three .bg-layer-three { opacity: 1; }
.main-parent-class.hover-card-four .bg-layer-four { opacity: 1; }
.main-parent-class.hover-card-five .bg-layer-five { opacity: 1; }

/* Protección de contenido Elementor */
.main-parent-class > .e-con,
.main-parent-class > .elementor-widget,
.main-parent-class > .elementor-container {
    position: relative;
    z-index: 2;
}

/* =========================================
   2. IMÁGENES DEL GRUPO 1
========================================= */
.grupo-1 .bg-layer-one { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-2-1.jpg'); }
.grupo-1 .bg-layer-two { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-3.jpg'); }
.grupo-1 .bg-layer-three { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-4.jpg'); }
.grupo-1 .bg-layer-four { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-5.jpg'); }
.grupo-1 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_1.jpg'); }

/* =========================================
   3. IMÁGENES DEL GRUPO 2
========================================= */
.grupo-2 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_2.jpg'); }

/* =========================================
   4. IMÁGENES DEL GRUPO 3
========================================= */
.grupo-3 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_3.jpg'); }

/* =========================================
   5. IMÁGENES DEL GRUPO 4
========================================= */
.grupo-4 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_4.jpg'); }

/* =========================================
   6. IMÁGENES DEL GRUPO 5
========================================= */
.grupo-5 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_5.jpg'); }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-575659e *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-575659e {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-575659e .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-575659e .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-575659e .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c734217 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-c734217 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-c734217 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-c734217 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-c734217:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cf3e43b *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-cf3e43b {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-cf3e43b .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-cf3e43b .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-cf3e43b .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2f6a4b9 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-2f6a4b9 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-2f6a4b9 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-2f6a4b9 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-2f6a4b9:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-aea4116 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-aea4116 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-aea4116 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-aea4116 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-aea4116 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d305094 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-d305094 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-d305094 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-d305094 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-d305094:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-397adc5 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-397adc5 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-397adc5 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-397adc5 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-397adc5 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-81b25b8 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-81b25b8 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-81b25b8 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-81b25b8 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-81b25b8:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eb2aa65 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-eb2aa65 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-eb2aa65 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-eb2aa65 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-eb2aa65 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-39bd456 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-39bd456 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-39bd456 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-39bd456 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-39bd456:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-116e724 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-116e724 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-116e724 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-116e724 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-116e724 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-aadecd2 *//* =========================================
   1. ESTILOS BASE (Común para todos)
========================================= */
.main-parent-class {
    position: relative;
    overflow: hidden; 
}

.custom-bg {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0; 
    transition: opacity 0.4s ease-in-out;
    z-index: 0; 
    pointer-events: none; 
}

/* Efectos de opacidad globales para las 5 tarjetas */
.main-parent-class.hover-card-one .bg-layer-one { opacity: 1; }
.main-parent-class.hover-card-two .bg-layer-two { opacity: 1; }
.main-parent-class.hover-card-three .bg-layer-three { opacity: 1; }
.main-parent-class.hover-card-four .bg-layer-four { opacity: 1; }
.main-parent-class.hover-card-five .bg-layer-five { opacity: 1; }

/* Protección de contenido Elementor */
.main-parent-class > .e-con,
.main-parent-class > .elementor-widget,
.main-parent-class > .elementor-container {
    position: relative;
    z-index: 2;
}

/* =========================================
   2. IMÁGENES DEL GRUPO 1
========================================= */
.grupo-1 .bg-layer-one { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-2-1.jpg'); }
.grupo-1 .bg-layer-two { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-3.jpg'); }
.grupo-1 .bg-layer-three { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-4.jpg'); }
.grupo-1 .bg-layer-four { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-5.jpg'); }
.grupo-1 .bg-layer-five { background-image: url('/wp-content/uploads/2026/09/fondo-incluye-6-vuelos.jpg') !important; }

/* =========================================
   3. IMÁGENES DEL GRUPO 2
========================================= */
.grupo-2 .bg-layer-one { background-image: url('tent/uploads/2026/09/fondo-incluye-6-vuelos.jpg'); }
.grupo-2 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_2.jpg'); }

/* =========================================
   4. IMÁGENES DEL GRUPO 3
========================================= */
.grupo-3 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_3.jpg'); }

/* =========================================
   5. IMÁGENES DEL GRUPO 4
========================================= */
.grupo-4 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_4.jpg'); }

/* =========================================
   6. IMÁGENES DEL GRUPO 5
========================================= */
.grupo-5 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_5.jpg'); }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3ae4724 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-3ae4724 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-3ae4724 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-3ae4724 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-3ae4724:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1c41d75 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-1c41d75 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-1c41d75 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-1c41d75 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-1c41d75 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-458b5d6 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-458b5d6 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-458b5d6 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-458b5d6 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-458b5d6:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bce5e88 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-bce5e88 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-bce5e88 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-bce5e88 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-bce5e88 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-55086fe *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-55086fe {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-55086fe .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-55086fe .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-55086fe:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8746c8c *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-8746c8c {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-8746c8c .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-8746c8c .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-8746c8c .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7ee14f1 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-7ee14f1 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-7ee14f1 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-7ee14f1 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-7ee14f1:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b89e7bd *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-b89e7bd {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-b89e7bd .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-b89e7bd .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-b89e7bd .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-52d2b2c *//* =========================================
   1. ESTILOS BASE (Común para todos)
========================================= */
.main-parent-class {
    position: relative;
    overflow: hidden; 
}

.custom-bg {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0; 
    transition: opacity 0.4s ease-in-out;
    z-index: 0; 
    pointer-events: none; 
}

/* Efectos de opacidad globales para las 5 tarjetas */
.main-parent-class.hover-card-one .bg-layer-one { opacity: 1; }
.main-parent-class.hover-card-two .bg-layer-two { opacity: 1; }
.main-parent-class.hover-card-three .bg-layer-three { opacity: 1; }
.main-parent-class.hover-card-four .bg-layer-four { opacity: 1; }
.main-parent-class.hover-card-five .bg-layer-five { opacity: 1; }

/* Protección de contenido Elementor */
.main-parent-class > .e-con,
.main-parent-class > .elementor-widget,
.main-parent-class > .elementor-container {
    position: relative;
    z-index: 2;
}

/* =========================================
   2. IMÁGENES DEL GRUPO 1
========================================= */
.grupo-1 .bg-layer-one { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-2-1.jpg'); }
.grupo-1 .bg-layer-two { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-3.jpg'); }
.grupo-1 .bg-layer-three { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-4.jpg'); }
.grupo-1 .bg-layer-four { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-5.jpg'); }
.grupo-1 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_1.jpg'); }

/* =========================================
   3. IMÁGENES DEL GRUPO 2
========================================= */
.grupo-2 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_2.jpg'); }

/* =========================================
   4. IMÁGENES DEL GRUPO 3
========================================= */
.grupo-3 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_3.jpg'); }

/* =========================================
   5. IMÁGENES DEL GRUPO 4
========================================= */
.grupo-4 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_4.jpg'); }

/* =========================================
   6. IMÁGENES DEL GRUPO 5
========================================= */
.grupo-5 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_5.jpg'); }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c734217 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-c734217 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-c734217 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-c734217 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-c734217:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cf3e43b *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-cf3e43b {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-cf3e43b .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-cf3e43b .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-cf3e43b .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2f6a4b9 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-2f6a4b9 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-2f6a4b9 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-2f6a4b9 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-2f6a4b9:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-aea4116 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-aea4116 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-aea4116 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-aea4116 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-aea4116 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d305094 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-d305094 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-d305094 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-d305094 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-d305094:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-397adc5 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-397adc5 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-397adc5 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-397adc5 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-397adc5 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-81b25b8 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-81b25b8 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-81b25b8 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-81b25b8 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-81b25b8:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eb2aa65 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-eb2aa65 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-eb2aa65 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-eb2aa65 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-eb2aa65 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-39bd456 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-39bd456 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-39bd456 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-39bd456 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-39bd456:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-116e724 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-116e724 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-116e724 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-116e724 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-116e724 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-aadecd2 *//* =========================================
   1. ESTILOS BASE (Común para todos)
========================================= */
.main-parent-class {
    position: relative;
    overflow: hidden; 
}

.custom-bg {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0; 
    transition: opacity 0.4s ease-in-out;
    z-index: 0; 
    pointer-events: none; 
}

/* Efectos de opacidad globales para las 5 tarjetas */
.main-parent-class.hover-card-one .bg-layer-one { opacity: 1; }
.main-parent-class.hover-card-two .bg-layer-two { opacity: 1; }
.main-parent-class.hover-card-three .bg-layer-three { opacity: 1; }
.main-parent-class.hover-card-four .bg-layer-four { opacity: 1; }
.main-parent-class.hover-card-five .bg-layer-five { opacity: 1; }

/* Protección de contenido Elementor */
.main-parent-class > .e-con,
.main-parent-class > .elementor-widget,
.main-parent-class > .elementor-container {
    position: relative;
    z-index: 2;
}

/* =========================================
   2. IMÁGENES DEL GRUPO 1
========================================= */
.grupo-1 .bg-layer-one { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-2-1.jpg'); }
.grupo-1 .bg-layer-two { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-3.jpg'); }
.grupo-1 .bg-layer-three { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-4.jpg'); }
.grupo-1 .bg-layer-four { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-5.jpg'); }
.grupo-1 .bg-layer-five { background-image: url('/wp-content/uploads/2026/09/fondo-incluye-6-vuelos.jpg') !important; }

/* =========================================
   3. IMÁGENES DEL GRUPO 2
========================================= */
.grupo-2 .bg-layer-one { background-image: url('tent/uploads/2026/09/fondo-incluye-6-vuelos.jpg'); }
.grupo-2 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_2.jpg'); }

/* =========================================
   4. IMÁGENES DEL GRUPO 3
========================================= */
.grupo-3 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_3.jpg'); }

/* =========================================
   5. IMÁGENES DEL GRUPO 4
========================================= */
.grupo-4 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_4.jpg'); }

/* =========================================
   6. IMÁGENES DEL GRUPO 5
========================================= */
.grupo-5 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_5.jpg'); }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3ae4724 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-3ae4724 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-3ae4724 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-3ae4724 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-3ae4724:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1c41d75 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-1c41d75 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-1c41d75 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-1c41d75 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-1c41d75 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-458b5d6 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-458b5d6 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-458b5d6 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-458b5d6 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-458b5d6:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bce5e88 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-bce5e88 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-bce5e88 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-bce5e88 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-bce5e88 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-55086fe *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-55086fe {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-55086fe .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-55086fe .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-55086fe:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8746c8c *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-8746c8c {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-8746c8c .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-8746c8c .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-8746c8c .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7ee14f1 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-7ee14f1 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-7ee14f1 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-7ee14f1 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-7ee14f1:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b89e7bd *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-b89e7bd {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-b89e7bd .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-b89e7bd .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-b89e7bd .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-52d2b2c *//* =========================================
   1. ESTILOS BASE (Común para todos)
========================================= */
.main-parent-class {
    position: relative;
    overflow: hidden; 
}

.custom-bg {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0; 
    transition: opacity 0.4s ease-in-out;
    z-index: 0; 
    pointer-events: none; 
}

/* Efectos de opacidad globales para las 5 tarjetas */
.main-parent-class.hover-card-one .bg-layer-one { opacity: 1; }
.main-parent-class.hover-card-two .bg-layer-two { opacity: 1; }
.main-parent-class.hover-card-three .bg-layer-three { opacity: 1; }
.main-parent-class.hover-card-four .bg-layer-four { opacity: 1; }
.main-parent-class.hover-card-five .bg-layer-five { opacity: 1; }

/* Protección de contenido Elementor */
.main-parent-class > .e-con,
.main-parent-class > .elementor-widget,
.main-parent-class > .elementor-container {
    position: relative;
    z-index: 2;
}

/* =========================================
   2. IMÁGENES DEL GRUPO 1
========================================= */
.grupo-1 .bg-layer-one { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-2-1.jpg'); }
.grupo-1 .bg-layer-two { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-3.jpg'); }
.grupo-1 .bg-layer-three { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-4.jpg'); }
.grupo-1 .bg-layer-four { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-5.jpg'); }
.grupo-1 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_1.jpg'); }

/* =========================================
   3. IMÁGENES DEL GRUPO 2
========================================= */
.grupo-2 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_2.jpg'); }

/* =========================================
   4. IMÁGENES DEL GRUPO 3
========================================= */
.grupo-3 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_3.jpg'); }

/* =========================================
   5. IMÁGENES DEL GRUPO 4
========================================= */
.grupo-4 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_4.jpg'); }

/* =========================================
   6. IMÁGENES DEL GRUPO 5
========================================= */
.grupo-5 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_5.jpg'); }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c734217 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-c734217 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-c734217 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-c734217 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-c734217:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cf3e43b *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-cf3e43b {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-cf3e43b .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-cf3e43b .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-cf3e43b .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2f6a4b9 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-2f6a4b9 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-2f6a4b9 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-2f6a4b9 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-2f6a4b9:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-aea4116 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-aea4116 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-aea4116 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-aea4116 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-aea4116 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d305094 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-d305094 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-d305094 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-d305094 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-d305094:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-397adc5 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-397adc5 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-397adc5 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-397adc5 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-397adc5 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-81b25b8 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-81b25b8 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-81b25b8 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-81b25b8 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-81b25b8:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eb2aa65 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-eb2aa65 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-eb2aa65 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-eb2aa65 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-eb2aa65 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-39bd456 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-39bd456 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-39bd456 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-39bd456 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-39bd456:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-116e724 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-116e724 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-116e724 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-116e724 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-116e724 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-aadecd2 *//* =========================================
   1. ESTILOS BASE (Común para todos)
========================================= */
.main-parent-class {
    position: relative;
    overflow: hidden; 
}

.custom-bg {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0; 
    transition: opacity 0.4s ease-in-out;
    z-index: 0; 
    pointer-events: none; 
}

/* Efectos de opacidad globales para las 5 tarjetas */
.main-parent-class.hover-card-one .bg-layer-one { opacity: 1; }
.main-parent-class.hover-card-two .bg-layer-two { opacity: 1; }
.main-parent-class.hover-card-three .bg-layer-three { opacity: 1; }
.main-parent-class.hover-card-four .bg-layer-four { opacity: 1; }
.main-parent-class.hover-card-five .bg-layer-five { opacity: 1; }

/* Protección de contenido Elementor */
.main-parent-class > .e-con,
.main-parent-class > .elementor-widget,
.main-parent-class > .elementor-container {
    position: relative;
    z-index: 2;
}

/* =========================================
   2. IMÁGENES DEL GRUPO 1
========================================= */
.grupo-1 .bg-layer-one { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-2-1.jpg'); }
.grupo-1 .bg-layer-two { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-3.jpg'); }
.grupo-1 .bg-layer-three { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-4.jpg'); }
.grupo-1 .bg-layer-four { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-5.jpg'); }
.grupo-1 .bg-layer-five { background-image: url('/wp-content/uploads/2026/09/fondo-incluye-6-vuelos.jpg') !important; }

/* =========================================
   3. IMÁGENES DEL GRUPO 2
========================================= */
.grupo-2 .bg-layer-one { background-image: url('tent/uploads/2026/09/fondo-incluye-6-vuelos.jpg'); }
.grupo-2 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_2.jpg'); }

/* =========================================
   4. IMÁGENES DEL GRUPO 3
========================================= */
.grupo-3 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_3.jpg'); }

/* =========================================
   5. IMÁGENES DEL GRUPO 4
========================================= */
.grupo-4 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_4.jpg'); }

/* =========================================
   6. IMÁGENES DEL GRUPO 5
========================================= */
.grupo-5 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_5.jpg'); }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3ae4724 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-3ae4724 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-3ae4724 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-3ae4724 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-3ae4724:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1c41d75 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-1c41d75 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-1c41d75 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-1c41d75 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-1c41d75 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-458b5d6 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-458b5d6 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-458b5d6 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-458b5d6 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-458b5d6:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bce5e88 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-bce5e88 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-bce5e88 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-bce5e88 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-bce5e88 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-55086fe *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-55086fe {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-55086fe .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-55086fe .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-55086fe:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8746c8c *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-8746c8c {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-8746c8c .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-8746c8c .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-8746c8c .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7ee14f1 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-7ee14f1 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-7ee14f1 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-7ee14f1 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-7ee14f1:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b89e7bd *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-b89e7bd {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-b89e7bd .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-b89e7bd .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-b89e7bd .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-52d2b2c *//* =========================================
   1. ESTILOS BASE (Común para todos)
========================================= */
.main-parent-class {
    position: relative;
    overflow: hidden; 
}

.custom-bg {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0; 
    transition: opacity 0.4s ease-in-out;
    z-index: 0; 
    pointer-events: none; 
}

/* Efectos de opacidad globales para las 5 tarjetas */
.main-parent-class.hover-card-one .bg-layer-one { opacity: 1; }
.main-parent-class.hover-card-two .bg-layer-two { opacity: 1; }
.main-parent-class.hover-card-three .bg-layer-three { opacity: 1; }
.main-parent-class.hover-card-four .bg-layer-four { opacity: 1; }
.main-parent-class.hover-card-five .bg-layer-five { opacity: 1; }

/* Protección de contenido Elementor */
.main-parent-class > .e-con,
.main-parent-class > .elementor-widget,
.main-parent-class > .elementor-container {
    position: relative;
    z-index: 2;
}

/* =========================================
   2. IMÁGENES DEL GRUPO 1
========================================= */
.grupo-1 .bg-layer-one { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-2-1.jpg'); }
.grupo-1 .bg-layer-two { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-3.jpg'); }
.grupo-1 .bg-layer-three { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-4.jpg'); }
.grupo-1 .bg-layer-four { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-5.jpg'); }
.grupo-1 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_1.jpg'); }

/* =========================================
   3. IMÁGENES DEL GRUPO 2
========================================= */
.grupo-2 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_2.jpg'); }

/* =========================================
   4. IMÁGENES DEL GRUPO 3
========================================= */
.grupo-3 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_3.jpg'); }

/* =========================================
   5. IMÁGENES DEL GRUPO 4
========================================= */
.grupo-4 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_4.jpg'); }

/* =========================================
   6. IMÁGENES DEL GRUPO 5
========================================= */
.grupo-5 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_5.jpg'); }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2d582e4 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-2d582e4 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-2d582e4 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-2d582e4 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-2d582e4 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1563a50 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-1563a50 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-1563a50 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-1563a50 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-1563a50:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-127f615 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-127f615 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-127f615 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-127f615 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-127f615 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fdb8dbc *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-fdb8dbc {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-fdb8dbc .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-fdb8dbc .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-fdb8dbc:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e94a2e5 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-e94a2e5 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-e94a2e5 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-e94a2e5 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-e94a2e5 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2100bbd *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-2100bbd {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-2100bbd .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-2100bbd .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-2100bbd:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f8cea55 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-f8cea55 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-f8cea55 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-f8cea55 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-f8cea55 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9d7e60b *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-9d7e60b {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-9d7e60b .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-9d7e60b .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-9d7e60b:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28599e6 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-28599e6 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-28599e6 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-28599e6 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-28599e6 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3b1e36b *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-3b1e36b {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-3b1e36b .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-3b1e36b .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-3b1e36b:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-605fee0 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-605fee0 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-605fee0 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-605fee0 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-605fee0 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fd413aa *//* =========================================
   1. ESTILOS BASE (Común para todos)
========================================= */
.main-parent-class {
    position: relative;
    overflow: hidden; 
}

.custom-bg {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0; 
    transition: opacity 0.4s ease-in-out;
    z-index: 0; 
    pointer-events: none; 
}

/* Efectos de opacidad globales para las 5 tarjetas */
.main-parent-class.hover-card-one .bg-layer-one { opacity: 1; }
.main-parent-class.hover-card-two .bg-layer-two { opacity: 1; }
.main-parent-class.hover-card-three .bg-layer-three { opacity: 1; }
.main-parent-class.hover-card-four .bg-layer-four { opacity: 1; }
.main-parent-class.hover-card-five .bg-layer-five { opacity: 1; }

/* Protección de contenido Elementor */
.main-parent-class > .e-con,
.main-parent-class > .elementor-widget,
.main-parent-class > .elementor-container {
    position: relative;
    z-index: 2;
}

/* =========================================
   2. IMÁGENES DEL GRUPO 1
========================================= */
.grupo-1 .bg-layer-one { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-2-1.jpg'); }
.grupo-1 .bg-layer-two { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-3.jpg'); }
.grupo-1 .bg-layer-three { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-4.jpg'); }
.grupo-1 .bg-layer-four { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-5.jpg'); }
.grupo-1 .bg-layer-five { background-image: url('/wp-content/uploads/2026/09/fondo-incluye-6-vuelos.jpg') !important; }

/* =========================================
   3. IMÁGENES DEL GRUPO 2
========================================= */
.grupo-2 .bg-layer-one { background-image: url('tent/uploads/2026/09/fondo-incluye-6-vuelos.jpg'); }
.grupo-2 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_2.jpg'); }

/* =========================================
   4. IMÁGENES DEL GRUPO 3
========================================= */
.grupo-3 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_3.jpg'); }

/* =========================================
   5. IMÁGENES DEL GRUPO 4
========================================= */
.grupo-4 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_4.jpg'); }

/* =========================================
   6. IMÁGENES DEL GRUPO 5
========================================= */
.grupo-5 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_5.jpg'); }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8073be3 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-8073be3 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-8073be3 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-8073be3 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-8073be3:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-87b9e3e *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-87b9e3e {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-87b9e3e .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-87b9e3e .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-87b9e3e .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eda766b *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-eda766b {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-eda766b .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-eda766b .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-eda766b:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7415439 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-7415439 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-7415439 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-7415439 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-7415439 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-25ff972 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-25ff972 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-25ff972 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-25ff972 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-25ff972:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-70e4bc3 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-70e4bc3 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-70e4bc3 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-70e4bc3 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-70e4bc3 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-881b7f8 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-881b7f8 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-881b7f8 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-881b7f8 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-881b7f8:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-411a113 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-411a113 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-411a113 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-411a113 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-411a113 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-32bd7cf *//* =========================================
   1. ESTILOS BASE (Común para todos)
========================================= */
.main-parent-class {
    position: relative;
    overflow: hidden; 
}

.custom-bg {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0; 
    transition: opacity 0.4s ease-in-out;
    z-index: 0; 
    pointer-events: none; 
}

/* Efectos de opacidad globales para las 5 tarjetas */
.main-parent-class.hover-card-one .bg-layer-one { opacity: 1; }
.main-parent-class.hover-card-two .bg-layer-two { opacity: 1; }
.main-parent-class.hover-card-three .bg-layer-three { opacity: 1; }
.main-parent-class.hover-card-four .bg-layer-four { opacity: 1; }
.main-parent-class.hover-card-five .bg-layer-five { opacity: 1; }

/* Protección de contenido Elementor */
.main-parent-class > .e-con,
.main-parent-class > .elementor-widget,
.main-parent-class > .elementor-container {
    position: relative;
    z-index: 2;
}

/* =========================================
   2. IMÁGENES DEL GRUPO 1
========================================= */
.grupo-1 .bg-layer-one { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-2-1.jpg'); }
.grupo-1 .bg-layer-two { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-3.jpg'); }
.grupo-1 .bg-layer-three { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-4.jpg'); }
.grupo-1 .bg-layer-four { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-5.jpg'); }
.grupo-1 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_1.jpg'); }

/* =========================================
   3. IMÁGENES DEL GRUPO 2
========================================= */
.grupo-2 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_2.jpg'); }

/* =========================================
   4. IMÁGENES DEL GRUPO 3
========================================= */
.grupo-3 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_3.jpg'); }

/* =========================================
   5. IMÁGENES DEL GRUPO 4
========================================= */
.grupo-4 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_4.jpg'); }

/* =========================================
   6. IMÁGENES DEL GRUPO 5
========================================= */
.grupo-5 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_5.jpg'); }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1563a50 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-1563a50 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-1563a50 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-1563a50 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-1563a50:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-127f615 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-127f615 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-127f615 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-127f615 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-127f615 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fdb8dbc *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-fdb8dbc {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-fdb8dbc .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-fdb8dbc .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-fdb8dbc:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e94a2e5 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-e94a2e5 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-e94a2e5 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-e94a2e5 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-e94a2e5 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2100bbd *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-2100bbd {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-2100bbd .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-2100bbd .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-2100bbd:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f8cea55 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-f8cea55 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-f8cea55 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-f8cea55 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-f8cea55 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9d7e60b *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-9d7e60b {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-9d7e60b .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-9d7e60b .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-9d7e60b:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28599e6 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-28599e6 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-28599e6 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-28599e6 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-28599e6 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3b1e36b *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-3b1e36b {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-3b1e36b .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-3b1e36b .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-3b1e36b:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-605fee0 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-605fee0 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-605fee0 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-605fee0 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-605fee0 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fd413aa *//* =========================================
   1. ESTILOS BASE (Común para todos)
========================================= */
.main-parent-class {
    position: relative;
    overflow: hidden; 
}

.custom-bg {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0; 
    transition: opacity 0.4s ease-in-out;
    z-index: 0; 
    pointer-events: none; 
}

/* Efectos de opacidad globales para las 5 tarjetas */
.main-parent-class.hover-card-one .bg-layer-one { opacity: 1; }
.main-parent-class.hover-card-two .bg-layer-two { opacity: 1; }
.main-parent-class.hover-card-three .bg-layer-three { opacity: 1; }
.main-parent-class.hover-card-four .bg-layer-four { opacity: 1; }
.main-parent-class.hover-card-five .bg-layer-five { opacity: 1; }

/* Protección de contenido Elementor */
.main-parent-class > .e-con,
.main-parent-class > .elementor-widget,
.main-parent-class > .elementor-container {
    position: relative;
    z-index: 2;
}

/* =========================================
   2. IMÁGENES DEL GRUPO 1
========================================= */
.grupo-1 .bg-layer-one { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-2-1.jpg'); }
.grupo-1 .bg-layer-two { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-3.jpg'); }
.grupo-1 .bg-layer-three { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-4.jpg'); }
.grupo-1 .bg-layer-four { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-5.jpg'); }
.grupo-1 .bg-layer-five { background-image: url('/wp-content/uploads/2026/09/fondo-incluye-6-vuelos.jpg') !important; }

/* =========================================
   3. IMÁGENES DEL GRUPO 2
========================================= */
.grupo-2 .bg-layer-one { background-image: url('tent/uploads/2026/09/fondo-incluye-6-vuelos.jpg'); }
.grupo-2 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_2.jpg'); }

/* =========================================
   4. IMÁGENES DEL GRUPO 3
========================================= */
.grupo-3 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_3.jpg'); }

/* =========================================
   5. IMÁGENES DEL GRUPO 4
========================================= */
.grupo-4 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_4.jpg'); }

/* =========================================
   6. IMÁGENES DEL GRUPO 5
========================================= */
.grupo-5 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_5.jpg'); }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8073be3 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-8073be3 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-8073be3 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-8073be3 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-8073be3:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-87b9e3e *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-87b9e3e {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-87b9e3e .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-87b9e3e .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-87b9e3e .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eda766b *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-eda766b {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-eda766b .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-eda766b .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-eda766b:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7415439 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-7415439 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-7415439 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-7415439 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-7415439 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-25ff972 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-25ff972 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-25ff972 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-25ff972 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-25ff972:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-70e4bc3 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-70e4bc3 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-70e4bc3 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-70e4bc3 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-70e4bc3 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-881b7f8 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-881b7f8 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-881b7f8 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-881b7f8 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-881b7f8:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-411a113 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-411a113 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-411a113 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-411a113 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-411a113 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-32bd7cf *//* =========================================
   1. ESTILOS BASE (Común para todos)
========================================= */
.main-parent-class {
    position: relative;
    overflow: hidden; 
}

.custom-bg {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0; 
    transition: opacity 0.4s ease-in-out;
    z-index: 0; 
    pointer-events: none; 
}

/* Efectos de opacidad globales para las 5 tarjetas */
.main-parent-class.hover-card-one .bg-layer-one { opacity: 1; }
.main-parent-class.hover-card-two .bg-layer-two { opacity: 1; }
.main-parent-class.hover-card-three .bg-layer-three { opacity: 1; }
.main-parent-class.hover-card-four .bg-layer-four { opacity: 1; }
.main-parent-class.hover-card-five .bg-layer-five { opacity: 1; }

/* Protección de contenido Elementor */
.main-parent-class > .e-con,
.main-parent-class > .elementor-widget,
.main-parent-class > .elementor-container {
    position: relative;
    z-index: 2;
}

/* =========================================
   2. IMÁGENES DEL GRUPO 1
========================================= */
.grupo-1 .bg-layer-one { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-2-1.jpg'); }
.grupo-1 .bg-layer-two { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-3.jpg'); }
.grupo-1 .bg-layer-three { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-4.jpg'); }
.grupo-1 .bg-layer-four { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-5.jpg'); }
.grupo-1 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_1.jpg'); }

/* =========================================
   3. IMÁGENES DEL GRUPO 2
========================================= */
.grupo-2 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_2.jpg'); }

/* =========================================
   4. IMÁGENES DEL GRUPO 3
========================================= */
.grupo-3 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_3.jpg'); }

/* =========================================
   5. IMÁGENES DEL GRUPO 4
========================================= */
.grupo-4 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_4.jpg'); }

/* =========================================
   6. IMÁGENES DEL GRUPO 5
========================================= */
.grupo-5 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_5.jpg'); }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1563a50 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-1563a50 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-1563a50 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-1563a50 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-1563a50:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-127f615 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-127f615 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-127f615 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-127f615 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-127f615 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fdb8dbc *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-fdb8dbc {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-fdb8dbc .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-fdb8dbc .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-fdb8dbc:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e94a2e5 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-e94a2e5 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-e94a2e5 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-e94a2e5 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-e94a2e5 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2100bbd *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-2100bbd {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-2100bbd .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-2100bbd .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-2100bbd:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f8cea55 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-f8cea55 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-f8cea55 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-f8cea55 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-f8cea55 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9d7e60b *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-9d7e60b {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-9d7e60b .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-9d7e60b .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-9d7e60b:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28599e6 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-28599e6 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-28599e6 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-28599e6 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-28599e6 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3b1e36b *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-3b1e36b {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-3b1e36b .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-3b1e36b .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-3b1e36b:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-605fee0 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-605fee0 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-605fee0 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-605fee0 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-605fee0 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fd413aa *//* =========================================
   1. ESTILOS BASE (Común para todos)
========================================= */
.main-parent-class {
    position: relative;
    overflow: hidden; 
}

.custom-bg {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0; 
    transition: opacity 0.4s ease-in-out;
    z-index: 0; 
    pointer-events: none; 
}

/* Efectos de opacidad globales para las 5 tarjetas */
.main-parent-class.hover-card-one .bg-layer-one { opacity: 1; }
.main-parent-class.hover-card-two .bg-layer-two { opacity: 1; }
.main-parent-class.hover-card-three .bg-layer-three { opacity: 1; }
.main-parent-class.hover-card-four .bg-layer-four { opacity: 1; }
.main-parent-class.hover-card-five .bg-layer-five { opacity: 1; }

/* Protección de contenido Elementor */
.main-parent-class > .e-con,
.main-parent-class > .elementor-widget,
.main-parent-class > .elementor-container {
    position: relative;
    z-index: 2;
}

/* =========================================
   2. IMÁGENES DEL GRUPO 1
========================================= */
.grupo-1 .bg-layer-one { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-2-1.jpg'); }
.grupo-1 .bg-layer-two { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-3.jpg'); }
.grupo-1 .bg-layer-three { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-4.jpg'); }
.grupo-1 .bg-layer-four { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-5.jpg'); }
.grupo-1 .bg-layer-five { background-image: url('/wp-content/uploads/2026/09/fondo-incluye-6-vuelos.jpg') !important; }

/* =========================================
   3. IMÁGENES DEL GRUPO 2
========================================= */
.grupo-2 .bg-layer-one { background-image: url('tent/uploads/2026/09/fondo-incluye-6-vuelos.jpg'); }
.grupo-2 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_2.jpg'); }

/* =========================================
   4. IMÁGENES DEL GRUPO 3
========================================= */
.grupo-3 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_3.jpg'); }

/* =========================================
   5. IMÁGENES DEL GRUPO 4
========================================= */
.grupo-4 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_4.jpg'); }

/* =========================================
   6. IMÁGENES DEL GRUPO 5
========================================= */
.grupo-5 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_5.jpg'); }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8073be3 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-8073be3 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-8073be3 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-8073be3 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-8073be3:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-87b9e3e *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-87b9e3e {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-87b9e3e .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-87b9e3e .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-87b9e3e .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eda766b *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-eda766b {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-eda766b .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-eda766b .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-eda766b:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7415439 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-7415439 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-7415439 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-7415439 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-7415439 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-25ff972 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-25ff972 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-25ff972 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-25ff972 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-25ff972:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-70e4bc3 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-70e4bc3 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-70e4bc3 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-70e4bc3 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-70e4bc3 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-881b7f8 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-881b7f8 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-881b7f8 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-881b7f8 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-881b7f8:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-411a113 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-411a113 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-411a113 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-411a113 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-411a113 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-32bd7cf *//* =========================================
   1. ESTILOS BASE (Común para todos)
========================================= */
.main-parent-class {
    position: relative;
    overflow: hidden; 
}

.custom-bg {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0; 
    transition: opacity 0.4s ease-in-out;
    z-index: 0; 
    pointer-events: none; 
}

/* Efectos de opacidad globales para las 5 tarjetas */
.main-parent-class.hover-card-one .bg-layer-one { opacity: 1; }
.main-parent-class.hover-card-two .bg-layer-two { opacity: 1; }
.main-parent-class.hover-card-three .bg-layer-three { opacity: 1; }
.main-parent-class.hover-card-four .bg-layer-four { opacity: 1; }
.main-parent-class.hover-card-five .bg-layer-five { opacity: 1; }

/* Protección de contenido Elementor */
.main-parent-class > .e-con,
.main-parent-class > .elementor-widget,
.main-parent-class > .elementor-container {
    position: relative;
    z-index: 2;
}

/* =========================================
   2. IMÁGENES DEL GRUPO 1
========================================= */
.grupo-1 .bg-layer-one { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-2-1.jpg'); }
.grupo-1 .bg-layer-two { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-3.jpg'); }
.grupo-1 .bg-layer-three { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-4.jpg'); }
.grupo-1 .bg-layer-four { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-5.jpg'); }
.grupo-1 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_1.jpg'); }

/* =========================================
   3. IMÁGENES DEL GRUPO 2
========================================= */
.grupo-2 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_2.jpg'); }

/* =========================================
   4. IMÁGENES DEL GRUPO 3
========================================= */
.grupo-3 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_3.jpg'); }

/* =========================================
   5. IMÁGENES DEL GRUPO 4
========================================= */
.grupo-4 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_4.jpg'); }

/* =========================================
   6. IMÁGENES DEL GRUPO 5
========================================= */
.grupo-5 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_5.jpg'); }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-575659e *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-575659e {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-575659e .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-575659e .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-575659e .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c734217 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-c734217 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-c734217 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-c734217 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-c734217:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cf3e43b *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-cf3e43b {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-cf3e43b .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-cf3e43b .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-cf3e43b .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2f6a4b9 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-2f6a4b9 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-2f6a4b9 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-2f6a4b9 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-2f6a4b9:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-aea4116 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-aea4116 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-aea4116 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-aea4116 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-aea4116 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d305094 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-d305094 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-d305094 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-d305094 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-d305094:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-397adc5 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-397adc5 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-397adc5 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-397adc5 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-397adc5 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-81b25b8 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-81b25b8 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-81b25b8 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-81b25b8 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-81b25b8:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eb2aa65 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-eb2aa65 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-eb2aa65 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-eb2aa65 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-eb2aa65 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-39bd456 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-39bd456 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-39bd456 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-39bd456 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-39bd456:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-116e724 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-116e724 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-116e724 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-116e724 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-116e724 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-aadecd2 *//* =========================================
   1. ESTILOS BASE (Común para todos)
========================================= */
.main-parent-class {
    position: relative;
    overflow: hidden; 
}

.custom-bg {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0; 
    transition: opacity 0.4s ease-in-out;
    z-index: 0; 
    pointer-events: none; 
}

/* Efectos de opacidad globales para las 5 tarjetas */
.main-parent-class.hover-card-one .bg-layer-one { opacity: 1; }
.main-parent-class.hover-card-two .bg-layer-two { opacity: 1; }
.main-parent-class.hover-card-three .bg-layer-three { opacity: 1; }
.main-parent-class.hover-card-four .bg-layer-four { opacity: 1; }
.main-parent-class.hover-card-five .bg-layer-five { opacity: 1; }

/* Protección de contenido Elementor */
.main-parent-class > .e-con,
.main-parent-class > .elementor-widget,
.main-parent-class > .elementor-container {
    position: relative;
    z-index: 2;
}

/* =========================================
   2. IMÁGENES DEL GRUPO 1
========================================= */
.grupo-1 .bg-layer-one { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-2-1.jpg'); }
.grupo-1 .bg-layer-two { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-3.jpg'); }
.grupo-1 .bg-layer-three { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-4.jpg'); }
.grupo-1 .bg-layer-four { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-5.jpg'); }
.grupo-1 .bg-layer-five { background-image: url('/wp-content/uploads/2026/09/fondo-incluye-6-vuelos.jpg') !important; }

/* =========================================
   3. IMÁGENES DEL GRUPO 2
========================================= */
.grupo-2 .bg-layer-one { background-image: url('tent/uploads/2026/09/fondo-incluye-6-vuelos.jpg'); }
.grupo-2 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_2.jpg'); }

/* =========================================
   4. IMÁGENES DEL GRUPO 3
========================================= */
.grupo-3 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_3.jpg'); }

/* =========================================
   5. IMÁGENES DEL GRUPO 4
========================================= */
.grupo-4 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_4.jpg'); }

/* =========================================
   6. IMÁGENES DEL GRUPO 5
========================================= */
.grupo-5 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_5.jpg'); }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3ae4724 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-3ae4724 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-3ae4724 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-3ae4724 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-3ae4724:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1c41d75 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-1c41d75 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-1c41d75 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-1c41d75 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-1c41d75 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-458b5d6 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-458b5d6 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-458b5d6 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-458b5d6 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-458b5d6:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bce5e88 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-bce5e88 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-bce5e88 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-bce5e88 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-bce5e88 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-55086fe *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-55086fe {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-55086fe .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-55086fe .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-55086fe:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8746c8c *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-8746c8c {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-8746c8c .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-8746c8c .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-8746c8c .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7ee14f1 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-7ee14f1 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-7ee14f1 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-7ee14f1 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-7ee14f1:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b89e7bd *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-b89e7bd {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-b89e7bd .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-b89e7bd .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-b89e7bd .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-52d2b2c *//* =========================================
   1. ESTILOS BASE (Común para todos)
========================================= */
.main-parent-class {
    position: relative;
    overflow: hidden; 
}

.custom-bg {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0; 
    transition: opacity 0.4s ease-in-out;
    z-index: 0; 
    pointer-events: none; 
}

/* Efectos de opacidad globales para las 5 tarjetas */
.main-parent-class.hover-card-one .bg-layer-one { opacity: 1; }
.main-parent-class.hover-card-two .bg-layer-two { opacity: 1; }
.main-parent-class.hover-card-three .bg-layer-three { opacity: 1; }
.main-parent-class.hover-card-four .bg-layer-four { opacity: 1; }
.main-parent-class.hover-card-five .bg-layer-five { opacity: 1; }

/* Protección de contenido Elementor */
.main-parent-class > .e-con,
.main-parent-class > .elementor-widget,
.main-parent-class > .elementor-container {
    position: relative;
    z-index: 2;
}

/* =========================================
   2. IMÁGENES DEL GRUPO 1
========================================= */
.grupo-1 .bg-layer-one { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-2-1.jpg'); }
.grupo-1 .bg-layer-two { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-3.jpg'); }
.grupo-1 .bg-layer-three { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-4.jpg'); }
.grupo-1 .bg-layer-four { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-5.jpg'); }
.grupo-1 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_1.jpg'); }

/* =========================================
   3. IMÁGENES DEL GRUPO 2
========================================= */
.grupo-2 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_2.jpg'); }

/* =========================================
   4. IMÁGENES DEL GRUPO 3
========================================= */
.grupo-3 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_3.jpg'); }

/* =========================================
   5. IMÁGENES DEL GRUPO 4
========================================= */
.grupo-4 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_4.jpg'); }

/* =========================================
   6. IMÁGENES DEL GRUPO 5
========================================= */
.grupo-5 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_5.jpg'); }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c734217 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-c734217 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-c734217 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-c734217 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-c734217:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cf3e43b *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-cf3e43b {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-cf3e43b .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-cf3e43b .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-cf3e43b .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2f6a4b9 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-2f6a4b9 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-2f6a4b9 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-2f6a4b9 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-2f6a4b9:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-aea4116 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-aea4116 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-aea4116 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-aea4116 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-aea4116 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d305094 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-d305094 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-d305094 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-d305094 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-d305094:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-397adc5 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-397adc5 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-397adc5 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-397adc5 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-397adc5 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-81b25b8 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-81b25b8 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-81b25b8 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-81b25b8 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-81b25b8:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eb2aa65 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-eb2aa65 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-eb2aa65 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-eb2aa65 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-eb2aa65 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-39bd456 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-39bd456 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-39bd456 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-39bd456 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-39bd456:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-116e724 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-116e724 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-116e724 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-116e724 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-116e724 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-aadecd2 *//* =========================================
   1. ESTILOS BASE (Común para todos)
========================================= */
.main-parent-class {
    position: relative;
    overflow: hidden; 
}

.custom-bg {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0; 
    transition: opacity 0.4s ease-in-out;
    z-index: 0; 
    pointer-events: none; 
}

/* Efectos de opacidad globales para las 5 tarjetas */
.main-parent-class.hover-card-one .bg-layer-one { opacity: 1; }
.main-parent-class.hover-card-two .bg-layer-two { opacity: 1; }
.main-parent-class.hover-card-three .bg-layer-three { opacity: 1; }
.main-parent-class.hover-card-four .bg-layer-four { opacity: 1; }
.main-parent-class.hover-card-five .bg-layer-five { opacity: 1; }

/* Protección de contenido Elementor */
.main-parent-class > .e-con,
.main-parent-class > .elementor-widget,
.main-parent-class > .elementor-container {
    position: relative;
    z-index: 2;
}

/* =========================================
   2. IMÁGENES DEL GRUPO 1
========================================= */
.grupo-1 .bg-layer-one { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-2-1.jpg'); }
.grupo-1 .bg-layer-two { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-3.jpg'); }
.grupo-1 .bg-layer-three { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-4.jpg'); }
.grupo-1 .bg-layer-four { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-5.jpg'); }
.grupo-1 .bg-layer-five { background-image: url('/wp-content/uploads/2026/09/fondo-incluye-6-vuelos.jpg') !important; }

/* =========================================
   3. IMÁGENES DEL GRUPO 2
========================================= */
.grupo-2 .bg-layer-one { background-image: url('tent/uploads/2026/09/fondo-incluye-6-vuelos.jpg'); }
.grupo-2 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_2.jpg'); }

/* =========================================
   4. IMÁGENES DEL GRUPO 3
========================================= */
.grupo-3 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_3.jpg'); }

/* =========================================
   5. IMÁGENES DEL GRUPO 4
========================================= */
.grupo-4 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_4.jpg'); }

/* =========================================
   6. IMÁGENES DEL GRUPO 5
========================================= */
.grupo-5 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_5.jpg'); }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3ae4724 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-3ae4724 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-3ae4724 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-3ae4724 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-3ae4724:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1c41d75 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-1c41d75 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-1c41d75 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-1c41d75 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-1c41d75 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-458b5d6 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-458b5d6 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-458b5d6 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-458b5d6 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-458b5d6:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bce5e88 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-bce5e88 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-bce5e88 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-bce5e88 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-bce5e88 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-55086fe *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-55086fe {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-55086fe .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-55086fe .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-55086fe:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8746c8c *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-8746c8c {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-8746c8c .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-8746c8c .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-8746c8c .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7ee14f1 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-7ee14f1 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-7ee14f1 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-7ee14f1 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-7ee14f1:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b89e7bd *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-b89e7bd {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-b89e7bd .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-b89e7bd .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-b89e7bd .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-52d2b2c *//* =========================================
   1. ESTILOS BASE (Común para todos)
========================================= */
.main-parent-class {
    position: relative;
    overflow: hidden; 
}

.custom-bg {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0; 
    transition: opacity 0.4s ease-in-out;
    z-index: 0; 
    pointer-events: none; 
}

/* Efectos de opacidad globales para las 5 tarjetas */
.main-parent-class.hover-card-one .bg-layer-one { opacity: 1; }
.main-parent-class.hover-card-two .bg-layer-two { opacity: 1; }
.main-parent-class.hover-card-three .bg-layer-three { opacity: 1; }
.main-parent-class.hover-card-four .bg-layer-four { opacity: 1; }
.main-parent-class.hover-card-five .bg-layer-five { opacity: 1; }

/* Protección de contenido Elementor */
.main-parent-class > .e-con,
.main-parent-class > .elementor-widget,
.main-parent-class > .elementor-container {
    position: relative;
    z-index: 2;
}

/* =========================================
   2. IMÁGENES DEL GRUPO 1
========================================= */
.grupo-1 .bg-layer-one { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-2-1.jpg'); }
.grupo-1 .bg-layer-two { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-3.jpg'); }
.grupo-1 .bg-layer-three { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-4.jpg'); }
.grupo-1 .bg-layer-four { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-5.jpg'); }
.grupo-1 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_1.jpg'); }

/* =========================================
   3. IMÁGENES DEL GRUPO 2
========================================= */
.grupo-2 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_2.jpg'); }

/* =========================================
   4. IMÁGENES DEL GRUPO 3
========================================= */
.grupo-3 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_3.jpg'); }

/* =========================================
   5. IMÁGENES DEL GRUPO 4
========================================= */
.grupo-4 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_4.jpg'); }

/* =========================================
   6. IMÁGENES DEL GRUPO 5
========================================= */
.grupo-5 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_5.jpg'); }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c734217 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-c734217 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-c734217 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-c734217 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-c734217:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cf3e43b *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-cf3e43b {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-cf3e43b .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-cf3e43b .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-cf3e43b .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2f6a4b9 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-2f6a4b9 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-2f6a4b9 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-2f6a4b9 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-2f6a4b9:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-aea4116 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-aea4116 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-aea4116 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-aea4116 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-aea4116 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d305094 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-d305094 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-d305094 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-d305094 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-d305094:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-397adc5 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-397adc5 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-397adc5 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-397adc5 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-397adc5 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-81b25b8 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-81b25b8 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-81b25b8 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-81b25b8 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-81b25b8:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eb2aa65 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-eb2aa65 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-eb2aa65 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-eb2aa65 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-eb2aa65 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-39bd456 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-39bd456 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-39bd456 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-39bd456 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-39bd456:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-116e724 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-116e724 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-116e724 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-116e724 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-116e724 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-aadecd2 *//* =========================================
   1. ESTILOS BASE (Común para todos)
========================================= */
.main-parent-class {
    position: relative;
    overflow: hidden; 
}

.custom-bg {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0; 
    transition: opacity 0.4s ease-in-out;
    z-index: 0; 
    pointer-events: none; 
}

/* Efectos de opacidad globales para las 5 tarjetas */
.main-parent-class.hover-card-one .bg-layer-one { opacity: 1; }
.main-parent-class.hover-card-two .bg-layer-two { opacity: 1; }
.main-parent-class.hover-card-three .bg-layer-three { opacity: 1; }
.main-parent-class.hover-card-four .bg-layer-four { opacity: 1; }
.main-parent-class.hover-card-five .bg-layer-five { opacity: 1; }

/* Protección de contenido Elementor */
.main-parent-class > .e-con,
.main-parent-class > .elementor-widget,
.main-parent-class > .elementor-container {
    position: relative;
    z-index: 2;
}

/* =========================================
   2. IMÁGENES DEL GRUPO 1
========================================= */
.grupo-1 .bg-layer-one { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-2-1.jpg'); }
.grupo-1 .bg-layer-two { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-3.jpg'); }
.grupo-1 .bg-layer-three { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-4.jpg'); }
.grupo-1 .bg-layer-four { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-5.jpg'); }
.grupo-1 .bg-layer-five { background-image: url('/wp-content/uploads/2026/09/fondo-incluye-6-vuelos.jpg') !important; }

/* =========================================
   3. IMÁGENES DEL GRUPO 2
========================================= */
.grupo-2 .bg-layer-one { background-image: url('tent/uploads/2026/09/fondo-incluye-6-vuelos.jpg'); }
.grupo-2 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_2.jpg'); }

/* =========================================
   4. IMÁGENES DEL GRUPO 3
========================================= */
.grupo-3 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_3.jpg'); }

/* =========================================
   5. IMÁGENES DEL GRUPO 4
========================================= */
.grupo-4 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_4.jpg'); }

/* =========================================
   6. IMÁGENES DEL GRUPO 5
========================================= */
.grupo-5 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_5.jpg'); }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3ae4724 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-3ae4724 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-3ae4724 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-3ae4724 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-3ae4724:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1c41d75 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-1c41d75 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-1c41d75 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-1c41d75 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-1c41d75 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-458b5d6 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-458b5d6 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-458b5d6 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-458b5d6 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-458b5d6:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bce5e88 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-bce5e88 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-bce5e88 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-bce5e88 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-bce5e88 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-55086fe *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-55086fe {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-55086fe .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-55086fe .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-55086fe:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8746c8c *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-8746c8c {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-8746c8c .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-8746c8c .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-8746c8c .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7ee14f1 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-7ee14f1 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-7ee14f1 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-7ee14f1 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-7ee14f1:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b89e7bd *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-b89e7bd {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-b89e7bd .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-b89e7bd .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-b89e7bd .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-52d2b2c *//* =========================================
   1. ESTILOS BASE (Común para todos)
========================================= */
.main-parent-class {
    position: relative;
    overflow: hidden; 
}

.custom-bg {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0; 
    transition: opacity 0.4s ease-in-out;
    z-index: 0; 
    pointer-events: none; 
}

/* Efectos de opacidad globales para las 5 tarjetas */
.main-parent-class.hover-card-one .bg-layer-one { opacity: 1; }
.main-parent-class.hover-card-two .bg-layer-two { opacity: 1; }
.main-parent-class.hover-card-three .bg-layer-three { opacity: 1; }
.main-parent-class.hover-card-four .bg-layer-four { opacity: 1; }
.main-parent-class.hover-card-five .bg-layer-five { opacity: 1; }

/* Protección de contenido Elementor */
.main-parent-class > .e-con,
.main-parent-class > .elementor-widget,
.main-parent-class > .elementor-container {
    position: relative;
    z-index: 2;
}

/* =========================================
   2. IMÁGENES DEL GRUPO 1
========================================= */
.grupo-1 .bg-layer-one { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-2-1.jpg'); }
.grupo-1 .bg-layer-two { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-3.jpg'); }
.grupo-1 .bg-layer-three { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-4.jpg'); }
.grupo-1 .bg-layer-four { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-5.jpg'); }
.grupo-1 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_1.jpg'); }

/* =========================================
   3. IMÁGENES DEL GRUPO 2
========================================= */
.grupo-2 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_2.jpg'); }

/* =========================================
   4. IMÁGENES DEL GRUPO 3
========================================= */
.grupo-3 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_3.jpg'); }

/* =========================================
   5. IMÁGENES DEL GRUPO 4
========================================= */
.grupo-4 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_4.jpg'); }

/* =========================================
   6. IMÁGENES DEL GRUPO 5
========================================= */
.grupo-5 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_5.jpg'); }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2d582e4 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-2d582e4 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-2d582e4 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-2d582e4 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-2d582e4 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1563a50 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-1563a50 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-1563a50 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-1563a50 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-1563a50:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-127f615 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-127f615 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-127f615 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-127f615 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-127f615 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fdb8dbc *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-fdb8dbc {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-fdb8dbc .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-fdb8dbc .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-fdb8dbc:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e94a2e5 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-e94a2e5 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-e94a2e5 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-e94a2e5 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-e94a2e5 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2100bbd *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-2100bbd {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-2100bbd .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-2100bbd .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-2100bbd:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f8cea55 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-f8cea55 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-f8cea55 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-f8cea55 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-f8cea55 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9d7e60b *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-9d7e60b {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-9d7e60b .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-9d7e60b .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-9d7e60b:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28599e6 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-28599e6 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-28599e6 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-28599e6 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-28599e6 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3b1e36b *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-3b1e36b {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-3b1e36b .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-3b1e36b .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-3b1e36b:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-605fee0 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-605fee0 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-605fee0 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-605fee0 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-605fee0 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fd413aa *//* =========================================
   1. ESTILOS BASE (Común para todos)
========================================= */
.main-parent-class {
    position: relative;
    overflow: hidden; 
}

.custom-bg {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0; 
    transition: opacity 0.4s ease-in-out;
    z-index: 0; 
    pointer-events: none; 
}

/* Efectos de opacidad globales para las 5 tarjetas */
.main-parent-class.hover-card-one .bg-layer-one { opacity: 1; }
.main-parent-class.hover-card-two .bg-layer-two { opacity: 1; }
.main-parent-class.hover-card-three .bg-layer-three { opacity: 1; }
.main-parent-class.hover-card-four .bg-layer-four { opacity: 1; }
.main-parent-class.hover-card-five .bg-layer-five { opacity: 1; }

/* Protección de contenido Elementor */
.main-parent-class > .e-con,
.main-parent-class > .elementor-widget,
.main-parent-class > .elementor-container {
    position: relative;
    z-index: 2;
}

/* =========================================
   2. IMÁGENES DEL GRUPO 1
========================================= */
.grupo-1 .bg-layer-one { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-2-1.jpg'); }
.grupo-1 .bg-layer-two { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-3.jpg'); }
.grupo-1 .bg-layer-three { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-4.jpg'); }
.grupo-1 .bg-layer-four { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-5.jpg'); }
.grupo-1 .bg-layer-five { background-image: url('/wp-content/uploads/2026/09/fondo-incluye-6-vuelos.jpg') !important; }

/* =========================================
   3. IMÁGENES DEL GRUPO 2
========================================= */
.grupo-2 .bg-layer-one { background-image: url('tent/uploads/2026/09/fondo-incluye-6-vuelos.jpg'); }
.grupo-2 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_2.jpg'); }

/* =========================================
   4. IMÁGENES DEL GRUPO 3
========================================= */
.grupo-3 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_3.jpg'); }

/* =========================================
   5. IMÁGENES DEL GRUPO 4
========================================= */
.grupo-4 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_4.jpg'); }

/* =========================================
   6. IMÁGENES DEL GRUPO 5
========================================= */
.grupo-5 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_5.jpg'); }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8073be3 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-8073be3 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-8073be3 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-8073be3 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-8073be3:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-87b9e3e *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-87b9e3e {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-87b9e3e .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-87b9e3e .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-87b9e3e .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eda766b *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-eda766b {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-eda766b .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-eda766b .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-eda766b:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7415439 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-7415439 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-7415439 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-7415439 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-7415439 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-25ff972 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-25ff972 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-25ff972 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-25ff972 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-25ff972:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-70e4bc3 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-70e4bc3 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-70e4bc3 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-70e4bc3 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-70e4bc3 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-881b7f8 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-881b7f8 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-881b7f8 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-881b7f8 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-881b7f8:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-411a113 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-411a113 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-411a113 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-411a113 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-411a113 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-32bd7cf *//* =========================================
   1. ESTILOS BASE (Común para todos)
========================================= */
.main-parent-class {
    position: relative;
    overflow: hidden; 
}

.custom-bg {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0; 
    transition: opacity 0.4s ease-in-out;
    z-index: 0; 
    pointer-events: none; 
}

/* Efectos de opacidad globales para las 5 tarjetas */
.main-parent-class.hover-card-one .bg-layer-one { opacity: 1; }
.main-parent-class.hover-card-two .bg-layer-two { opacity: 1; }
.main-parent-class.hover-card-three .bg-layer-three { opacity: 1; }
.main-parent-class.hover-card-four .bg-layer-four { opacity: 1; }
.main-parent-class.hover-card-five .bg-layer-five { opacity: 1; }

/* Protección de contenido Elementor */
.main-parent-class > .e-con,
.main-parent-class > .elementor-widget,
.main-parent-class > .elementor-container {
    position: relative;
    z-index: 2;
}

/* =========================================
   2. IMÁGENES DEL GRUPO 1
========================================= */
.grupo-1 .bg-layer-one { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-2-1.jpg'); }
.grupo-1 .bg-layer-two { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-3.jpg'); }
.grupo-1 .bg-layer-three { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-4.jpg'); }
.grupo-1 .bg-layer-four { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-5.jpg'); }
.grupo-1 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_1.jpg'); }

/* =========================================
   3. IMÁGENES DEL GRUPO 2
========================================= */
.grupo-2 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_2.jpg'); }

/* =========================================
   4. IMÁGENES DEL GRUPO 3
========================================= */
.grupo-3 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_3.jpg'); }

/* =========================================
   5. IMÁGENES DEL GRUPO 4
========================================= */
.grupo-4 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_4.jpg'); }

/* =========================================
   6. IMÁGENES DEL GRUPO 5
========================================= */
.grupo-5 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_5.jpg'); }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1563a50 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-1563a50 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-1563a50 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-1563a50 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-1563a50:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-127f615 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-127f615 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-127f615 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-127f615 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-127f615 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fdb8dbc *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-fdb8dbc {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-fdb8dbc .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-fdb8dbc .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-fdb8dbc:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e94a2e5 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-e94a2e5 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-e94a2e5 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-e94a2e5 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-e94a2e5 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2100bbd *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-2100bbd {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-2100bbd .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-2100bbd .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-2100bbd:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f8cea55 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-f8cea55 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-f8cea55 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-f8cea55 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-f8cea55 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9d7e60b *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-9d7e60b {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-9d7e60b .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-9d7e60b .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-9d7e60b:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28599e6 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-28599e6 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-28599e6 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-28599e6 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-28599e6 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3b1e36b *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-3b1e36b {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-3b1e36b .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-3b1e36b .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-3b1e36b:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-605fee0 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-605fee0 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-605fee0 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-605fee0 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-605fee0 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fd413aa *//* =========================================
   1. ESTILOS BASE (Común para todos)
========================================= */
.main-parent-class {
    position: relative;
    overflow: hidden; 
}

.custom-bg {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0; 
    transition: opacity 0.4s ease-in-out;
    z-index: 0; 
    pointer-events: none; 
}

/* Efectos de opacidad globales para las 5 tarjetas */
.main-parent-class.hover-card-one .bg-layer-one { opacity: 1; }
.main-parent-class.hover-card-two .bg-layer-two { opacity: 1; }
.main-parent-class.hover-card-three .bg-layer-three { opacity: 1; }
.main-parent-class.hover-card-four .bg-layer-four { opacity: 1; }
.main-parent-class.hover-card-five .bg-layer-five { opacity: 1; }

/* Protección de contenido Elementor */
.main-parent-class > .e-con,
.main-parent-class > .elementor-widget,
.main-parent-class > .elementor-container {
    position: relative;
    z-index: 2;
}

/* =========================================
   2. IMÁGENES DEL GRUPO 1
========================================= */
.grupo-1 .bg-layer-one { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-2-1.jpg'); }
.grupo-1 .bg-layer-two { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-3.jpg'); }
.grupo-1 .bg-layer-three { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-4.jpg'); }
.grupo-1 .bg-layer-four { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-5.jpg'); }
.grupo-1 .bg-layer-five { background-image: url('/wp-content/uploads/2026/09/fondo-incluye-6-vuelos.jpg') !important; }

/* =========================================
   3. IMÁGENES DEL GRUPO 2
========================================= */
.grupo-2 .bg-layer-one { background-image: url('tent/uploads/2026/09/fondo-incluye-6-vuelos.jpg'); }
.grupo-2 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_2.jpg'); }

/* =========================================
   4. IMÁGENES DEL GRUPO 3
========================================= */
.grupo-3 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_3.jpg'); }

/* =========================================
   5. IMÁGENES DEL GRUPO 4
========================================= */
.grupo-4 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_4.jpg'); }

/* =========================================
   6. IMÁGENES DEL GRUPO 5
========================================= */
.grupo-5 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_5.jpg'); }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8073be3 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-8073be3 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-8073be3 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-8073be3 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-8073be3:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-87b9e3e *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-87b9e3e {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-87b9e3e .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-87b9e3e .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-87b9e3e .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eda766b *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-eda766b {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-eda766b .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-eda766b .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-eda766b:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7415439 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-7415439 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-7415439 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-7415439 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-7415439 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-25ff972 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-25ff972 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-25ff972 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-25ff972 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-25ff972:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-70e4bc3 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-70e4bc3 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-70e4bc3 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-70e4bc3 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-70e4bc3 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-881b7f8 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-881b7f8 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-881b7f8 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-881b7f8 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-881b7f8:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-411a113 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-411a113 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-411a113 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-411a113 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-411a113 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-32bd7cf *//* =========================================
   1. ESTILOS BASE (Común para todos)
========================================= */
.main-parent-class {
    position: relative;
    overflow: hidden; 
}

.custom-bg {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0; 
    transition: opacity 0.4s ease-in-out;
    z-index: 0; 
    pointer-events: none; 
}

/* Efectos de opacidad globales para las 5 tarjetas */
.main-parent-class.hover-card-one .bg-layer-one { opacity: 1; }
.main-parent-class.hover-card-two .bg-layer-two { opacity: 1; }
.main-parent-class.hover-card-three .bg-layer-three { opacity: 1; }
.main-parent-class.hover-card-four .bg-layer-four { opacity: 1; }
.main-parent-class.hover-card-five .bg-layer-five { opacity: 1; }

/* Protección de contenido Elementor */
.main-parent-class > .e-con,
.main-parent-class > .elementor-widget,
.main-parent-class > .elementor-container {
    position: relative;
    z-index: 2;
}

/* =========================================
   2. IMÁGENES DEL GRUPO 1
========================================= */
.grupo-1 .bg-layer-one { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-2-1.jpg'); }
.grupo-1 .bg-layer-two { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-3.jpg'); }
.grupo-1 .bg-layer-three { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-4.jpg'); }
.grupo-1 .bg-layer-four { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-5.jpg'); }
.grupo-1 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_1.jpg'); }

/* =========================================
   3. IMÁGENES DEL GRUPO 2
========================================= */
.grupo-2 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_2.jpg'); }

/* =========================================
   4. IMÁGENES DEL GRUPO 3
========================================= */
.grupo-3 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_3.jpg'); }

/* =========================================
   5. IMÁGENES DEL GRUPO 4
========================================= */
.grupo-4 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_4.jpg'); }

/* =========================================
   6. IMÁGENES DEL GRUPO 5
========================================= */
.grupo-5 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_5.jpg'); }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1563a50 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-1563a50 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-1563a50 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-1563a50 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-1563a50:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-127f615 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-127f615 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-127f615 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-127f615 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-127f615 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fdb8dbc *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-fdb8dbc {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-fdb8dbc .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-fdb8dbc .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-fdb8dbc:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e94a2e5 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-e94a2e5 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-e94a2e5 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-e94a2e5 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-e94a2e5 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2100bbd *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-2100bbd {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-2100bbd .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-2100bbd .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-2100bbd:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f8cea55 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-f8cea55 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-f8cea55 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-f8cea55 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-f8cea55 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9d7e60b *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-9d7e60b {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-9d7e60b .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-9d7e60b .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-9d7e60b:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28599e6 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-28599e6 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-28599e6 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-28599e6 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-28599e6 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3b1e36b *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-3b1e36b {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-3b1e36b .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-3b1e36b .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-3b1e36b:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-605fee0 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-605fee0 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-605fee0 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-605fee0 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-605fee0 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fd413aa *//* =========================================
   1. ESTILOS BASE (Común para todos)
========================================= */
.main-parent-class {
    position: relative;
    overflow: hidden; 
}

.custom-bg {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0; 
    transition: opacity 0.4s ease-in-out;
    z-index: 0; 
    pointer-events: none; 
}

/* Efectos de opacidad globales para las 5 tarjetas */
.main-parent-class.hover-card-one .bg-layer-one { opacity: 1; }
.main-parent-class.hover-card-two .bg-layer-two { opacity: 1; }
.main-parent-class.hover-card-three .bg-layer-three { opacity: 1; }
.main-parent-class.hover-card-four .bg-layer-four { opacity: 1; }
.main-parent-class.hover-card-five .bg-layer-five { opacity: 1; }

/* Protección de contenido Elementor */
.main-parent-class > .e-con,
.main-parent-class > .elementor-widget,
.main-parent-class > .elementor-container {
    position: relative;
    z-index: 2;
}

/* =========================================
   2. IMÁGENES DEL GRUPO 1
========================================= */
.grupo-1 .bg-layer-one { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-2-1.jpg'); }
.grupo-1 .bg-layer-two { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-3.jpg'); }
.grupo-1 .bg-layer-three { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-4.jpg'); }
.grupo-1 .bg-layer-four { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-5.jpg'); }
.grupo-1 .bg-layer-five { background-image: url('/wp-content/uploads/2026/09/fondo-incluye-6-vuelos.jpg') !important; }

/* =========================================
   3. IMÁGENES DEL GRUPO 2
========================================= */
.grupo-2 .bg-layer-one { background-image: url('tent/uploads/2026/09/fondo-incluye-6-vuelos.jpg'); }
.grupo-2 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_2.jpg'); }

/* =========================================
   4. IMÁGENES DEL GRUPO 3
========================================= */
.grupo-3 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_3.jpg'); }

/* =========================================
   5. IMÁGENES DEL GRUPO 4
========================================= */
.grupo-4 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_4.jpg'); }

/* =========================================
   6. IMÁGENES DEL GRUPO 5
========================================= */
.grupo-5 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_5.jpg'); }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8073be3 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-8073be3 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-8073be3 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-8073be3 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-8073be3:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-87b9e3e *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-87b9e3e {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-87b9e3e .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-87b9e3e .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-87b9e3e .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eda766b *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-eda766b {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-eda766b .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-eda766b .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-eda766b:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7415439 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-7415439 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-7415439 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-7415439 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-7415439 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-25ff972 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-25ff972 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-25ff972 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-25ff972 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-25ff972:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-70e4bc3 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-70e4bc3 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-70e4bc3 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-70e4bc3 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-70e4bc3 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-881b7f8 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-881b7f8 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-881b7f8 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-881b7f8 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-881b7f8:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-411a113 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-411a113 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-411a113 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-411a113 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-411a113 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-32bd7cf *//* =========================================
   1. ESTILOS BASE (Común para todos)
========================================= */
.main-parent-class {
    position: relative;
    overflow: hidden; 
}

.custom-bg {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0; 
    transition: opacity 0.4s ease-in-out;
    z-index: 0; 
    pointer-events: none; 
}

/* Efectos de opacidad globales para las 5 tarjetas */
.main-parent-class.hover-card-one .bg-layer-one { opacity: 1; }
.main-parent-class.hover-card-two .bg-layer-two { opacity: 1; }
.main-parent-class.hover-card-three .bg-layer-three { opacity: 1; }
.main-parent-class.hover-card-four .bg-layer-four { opacity: 1; }
.main-parent-class.hover-card-five .bg-layer-five { opacity: 1; }

/* Protección de contenido Elementor */
.main-parent-class > .e-con,
.main-parent-class > .elementor-widget,
.main-parent-class > .elementor-container {
    position: relative;
    z-index: 2;
}

/* =========================================
   2. IMÁGENES DEL GRUPO 1
========================================= */
.grupo-1 .bg-layer-one { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-2-1.jpg'); }
.grupo-1 .bg-layer-two { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-3.jpg'); }
.grupo-1 .bg-layer-three { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-4.jpg'); }
.grupo-1 .bg-layer-four { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-5.jpg'); }
.grupo-1 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_1.jpg'); }

/* =========================================
   3. IMÁGENES DEL GRUPO 2
========================================= */
.grupo-2 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_2.jpg'); }

/* =========================================
   4. IMÁGENES DEL GRUPO 3
========================================= */
.grupo-3 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_3.jpg'); }

/* =========================================
   5. IMÁGENES DEL GRUPO 4
========================================= */
.grupo-4 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_4.jpg'); }

/* =========================================
   6. IMÁGENES DEL GRUPO 5
========================================= */
.grupo-5 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_5.jpg'); }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-575659e *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-575659e {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-575659e .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-575659e .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-575659e .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c734217 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-c734217 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-c734217 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-c734217 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-c734217:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cf3e43b *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-cf3e43b {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-cf3e43b .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-cf3e43b .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-cf3e43b .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2f6a4b9 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-2f6a4b9 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-2f6a4b9 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-2f6a4b9 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-2f6a4b9:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-aea4116 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-aea4116 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-aea4116 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-aea4116 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-aea4116 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d305094 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-d305094 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-d305094 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-d305094 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-d305094:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-397adc5 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-397adc5 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-397adc5 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-397adc5 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-397adc5 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-81b25b8 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-81b25b8 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-81b25b8 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-81b25b8 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-81b25b8:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eb2aa65 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-eb2aa65 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-eb2aa65 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-eb2aa65 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-eb2aa65 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-39bd456 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-39bd456 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-39bd456 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-39bd456 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-39bd456:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-116e724 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-116e724 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-116e724 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-116e724 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-116e724 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-aadecd2 *//* =========================================
   1. ESTILOS BASE (Común para todos)
========================================= */
.main-parent-class {
    position: relative;
    overflow: hidden; 
}

.custom-bg {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0; 
    transition: opacity 0.4s ease-in-out;
    z-index: 0; 
    pointer-events: none; 
}

/* Efectos de opacidad globales para las 5 tarjetas */
.main-parent-class.hover-card-one .bg-layer-one { opacity: 1; }
.main-parent-class.hover-card-two .bg-layer-two { opacity: 1; }
.main-parent-class.hover-card-three .bg-layer-three { opacity: 1; }
.main-parent-class.hover-card-four .bg-layer-four { opacity: 1; }
.main-parent-class.hover-card-five .bg-layer-five { opacity: 1; }

/* Protección de contenido Elementor */
.main-parent-class > .e-con,
.main-parent-class > .elementor-widget,
.main-parent-class > .elementor-container {
    position: relative;
    z-index: 2;
}

/* =========================================
   2. IMÁGENES DEL GRUPO 1
========================================= */
.grupo-1 .bg-layer-one { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-2-1.jpg'); }
.grupo-1 .bg-layer-two { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-3.jpg'); }
.grupo-1 .bg-layer-three { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-4.jpg'); }
.grupo-1 .bg-layer-four { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-5.jpg'); }
.grupo-1 .bg-layer-five { background-image: url('/wp-content/uploads/2026/09/fondo-incluye-6-vuelos.jpg') !important; }

/* =========================================
   3. IMÁGENES DEL GRUPO 2
========================================= */
.grupo-2 .bg-layer-one { background-image: url('tent/uploads/2026/09/fondo-incluye-6-vuelos.jpg'); }
.grupo-2 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_2.jpg'); }

/* =========================================
   4. IMÁGENES DEL GRUPO 3
========================================= */
.grupo-3 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_3.jpg'); }

/* =========================================
   5. IMÁGENES DEL GRUPO 4
========================================= */
.grupo-4 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_4.jpg'); }

/* =========================================
   6. IMÁGENES DEL GRUPO 5
========================================= */
.grupo-5 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_5.jpg'); }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3ae4724 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-3ae4724 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-3ae4724 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-3ae4724 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-3ae4724:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1c41d75 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-1c41d75 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-1c41d75 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-1c41d75 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-1c41d75 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-458b5d6 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-458b5d6 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-458b5d6 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-458b5d6 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-458b5d6:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bce5e88 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-bce5e88 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-bce5e88 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-bce5e88 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-bce5e88 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-55086fe *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-55086fe {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-55086fe .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-55086fe .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-55086fe:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8746c8c *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-8746c8c {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-8746c8c .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-8746c8c .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-8746c8c .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7ee14f1 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-7ee14f1 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-7ee14f1 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-7ee14f1 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-7ee14f1:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b89e7bd *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-b89e7bd {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-b89e7bd .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-b89e7bd .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-b89e7bd .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-52d2b2c *//* =========================================
   1. ESTILOS BASE (Común para todos)
========================================= */
.main-parent-class {
    position: relative;
    overflow: hidden; 
}

.custom-bg {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0; 
    transition: opacity 0.4s ease-in-out;
    z-index: 0; 
    pointer-events: none; 
}

/* Efectos de opacidad globales para las 5 tarjetas */
.main-parent-class.hover-card-one .bg-layer-one { opacity: 1; }
.main-parent-class.hover-card-two .bg-layer-two { opacity: 1; }
.main-parent-class.hover-card-three .bg-layer-three { opacity: 1; }
.main-parent-class.hover-card-four .bg-layer-four { opacity: 1; }
.main-parent-class.hover-card-five .bg-layer-five { opacity: 1; }

/* Protección de contenido Elementor */
.main-parent-class > .e-con,
.main-parent-class > .elementor-widget,
.main-parent-class > .elementor-container {
    position: relative;
    z-index: 2;
}

/* =========================================
   2. IMÁGENES DEL GRUPO 1
========================================= */
.grupo-1 .bg-layer-one { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-2-1.jpg'); }
.grupo-1 .bg-layer-two { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-3.jpg'); }
.grupo-1 .bg-layer-three { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-4.jpg'); }
.grupo-1 .bg-layer-four { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-5.jpg'); }
.grupo-1 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_1.jpg'); }

/* =========================================
   3. IMÁGENES DEL GRUPO 2
========================================= */
.grupo-2 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_2.jpg'); }

/* =========================================
   4. IMÁGENES DEL GRUPO 3
========================================= */
.grupo-3 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_3.jpg'); }

/* =========================================
   5. IMÁGENES DEL GRUPO 4
========================================= */
.grupo-4 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_4.jpg'); }

/* =========================================
   6. IMÁGENES DEL GRUPO 5
========================================= */
.grupo-5 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_5.jpg'); }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c734217 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-c734217 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-c734217 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-c734217 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-c734217:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cf3e43b *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-cf3e43b {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-cf3e43b .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-cf3e43b .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-cf3e43b .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2f6a4b9 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-2f6a4b9 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-2f6a4b9 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-2f6a4b9 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-2f6a4b9:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-aea4116 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-aea4116 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-aea4116 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-aea4116 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-aea4116 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d305094 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-d305094 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-d305094 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-d305094 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-d305094:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-397adc5 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-397adc5 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-397adc5 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-397adc5 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-397adc5 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-81b25b8 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-81b25b8 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-81b25b8 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-81b25b8 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-81b25b8:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eb2aa65 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-eb2aa65 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-eb2aa65 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-eb2aa65 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-eb2aa65 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-39bd456 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-39bd456 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-39bd456 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-39bd456 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-39bd456:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-116e724 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-116e724 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-116e724 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-116e724 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-116e724 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-aadecd2 *//* =========================================
   1. ESTILOS BASE (Común para todos)
========================================= */
.main-parent-class {
    position: relative;
    overflow: hidden; 
}

.custom-bg {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0; 
    transition: opacity 0.4s ease-in-out;
    z-index: 0; 
    pointer-events: none; 
}

/* Efectos de opacidad globales para las 5 tarjetas */
.main-parent-class.hover-card-one .bg-layer-one { opacity: 1; }
.main-parent-class.hover-card-two .bg-layer-two { opacity: 1; }
.main-parent-class.hover-card-three .bg-layer-three { opacity: 1; }
.main-parent-class.hover-card-four .bg-layer-four { opacity: 1; }
.main-parent-class.hover-card-five .bg-layer-five { opacity: 1; }

/* Protección de contenido Elementor */
.main-parent-class > .e-con,
.main-parent-class > .elementor-widget,
.main-parent-class > .elementor-container {
    position: relative;
    z-index: 2;
}

/* =========================================
   2. IMÁGENES DEL GRUPO 1
========================================= */
.grupo-1 .bg-layer-one { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-2-1.jpg'); }
.grupo-1 .bg-layer-two { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-3.jpg'); }
.grupo-1 .bg-layer-three { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-4.jpg'); }
.grupo-1 .bg-layer-four { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-5.jpg'); }
.grupo-1 .bg-layer-five { background-image: url('/wp-content/uploads/2026/09/fondo-incluye-6-vuelos.jpg') !important; }

/* =========================================
   3. IMÁGENES DEL GRUPO 2
========================================= */
.grupo-2 .bg-layer-one { background-image: url('tent/uploads/2026/09/fondo-incluye-6-vuelos.jpg'); }
.grupo-2 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_2.jpg'); }

/* =========================================
   4. IMÁGENES DEL GRUPO 3
========================================= */
.grupo-3 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_3.jpg'); }

/* =========================================
   5. IMÁGENES DEL GRUPO 4
========================================= */
.grupo-4 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_4.jpg'); }

/* =========================================
   6. IMÁGENES DEL GRUPO 5
========================================= */
.grupo-5 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_5.jpg'); }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3ae4724 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-3ae4724 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-3ae4724 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-3ae4724 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-3ae4724:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1c41d75 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-1c41d75 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-1c41d75 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-1c41d75 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-1c41d75 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-458b5d6 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-458b5d6 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-458b5d6 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-458b5d6 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-458b5d6:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bce5e88 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-bce5e88 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-bce5e88 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-bce5e88 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-bce5e88 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-55086fe *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-55086fe {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-55086fe .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-55086fe .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-55086fe:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8746c8c *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-8746c8c {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-8746c8c .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-8746c8c .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-8746c8c .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7ee14f1 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-7ee14f1 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-7ee14f1 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-7ee14f1 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-7ee14f1:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b89e7bd *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-b89e7bd {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-b89e7bd .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-b89e7bd .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-b89e7bd .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-52d2b2c *//* =========================================
   1. ESTILOS BASE (Común para todos)
========================================= */
.main-parent-class {
    position: relative;
    overflow: hidden; 
}

.custom-bg {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0; 
    transition: opacity 0.4s ease-in-out;
    z-index: 0; 
    pointer-events: none; 
}

/* Efectos de opacidad globales para las 5 tarjetas */
.main-parent-class.hover-card-one .bg-layer-one { opacity: 1; }
.main-parent-class.hover-card-two .bg-layer-two { opacity: 1; }
.main-parent-class.hover-card-three .bg-layer-three { opacity: 1; }
.main-parent-class.hover-card-four .bg-layer-four { opacity: 1; }
.main-parent-class.hover-card-five .bg-layer-five { opacity: 1; }

/* Protección de contenido Elementor */
.main-parent-class > .e-con,
.main-parent-class > .elementor-widget,
.main-parent-class > .elementor-container {
    position: relative;
    z-index: 2;
}

/* =========================================
   2. IMÁGENES DEL GRUPO 1
========================================= */
.grupo-1 .bg-layer-one { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-2-1.jpg'); }
.grupo-1 .bg-layer-two { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-3.jpg'); }
.grupo-1 .bg-layer-three { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-4.jpg'); }
.grupo-1 .bg-layer-four { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-5.jpg'); }
.grupo-1 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_1.jpg'); }

/* =========================================
   3. IMÁGENES DEL GRUPO 2
========================================= */
.grupo-2 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_2.jpg'); }

/* =========================================
   4. IMÁGENES DEL GRUPO 3
========================================= */
.grupo-3 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_3.jpg'); }

/* =========================================
   5. IMÁGENES DEL GRUPO 4
========================================= */
.grupo-4 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_4.jpg'); }

/* =========================================
   6. IMÁGENES DEL GRUPO 5
========================================= */
.grupo-5 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_5.jpg'); }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c734217 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-c734217 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-c734217 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-c734217 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-c734217:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cf3e43b *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-cf3e43b {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-cf3e43b .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-cf3e43b .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-cf3e43b .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2f6a4b9 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-2f6a4b9 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-2f6a4b9 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-2f6a4b9 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-2f6a4b9:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-aea4116 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-aea4116 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-aea4116 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-aea4116 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-aea4116 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d305094 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-d305094 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-d305094 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-d305094 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-d305094:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-397adc5 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-397adc5 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-397adc5 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-397adc5 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-397adc5 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-81b25b8 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-81b25b8 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-81b25b8 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-81b25b8 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-81b25b8:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eb2aa65 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-eb2aa65 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-eb2aa65 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-eb2aa65 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-eb2aa65 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-39bd456 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-39bd456 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-39bd456 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-39bd456 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-39bd456:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-116e724 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-116e724 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-116e724 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-116e724 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-116e724 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-aadecd2 *//* =========================================
   1. ESTILOS BASE (Común para todos)
========================================= */
.main-parent-class {
    position: relative;
    overflow: hidden; 
}

.custom-bg {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0; 
    transition: opacity 0.4s ease-in-out;
    z-index: 0; 
    pointer-events: none; 
}

/* Efectos de opacidad globales para las 5 tarjetas */
.main-parent-class.hover-card-one .bg-layer-one { opacity: 1; }
.main-parent-class.hover-card-two .bg-layer-two { opacity: 1; }
.main-parent-class.hover-card-three .bg-layer-three { opacity: 1; }
.main-parent-class.hover-card-four .bg-layer-four { opacity: 1; }
.main-parent-class.hover-card-five .bg-layer-five { opacity: 1; }

/* Protección de contenido Elementor */
.main-parent-class > .e-con,
.main-parent-class > .elementor-widget,
.main-parent-class > .elementor-container {
    position: relative;
    z-index: 2;
}

/* =========================================
   2. IMÁGENES DEL GRUPO 1
========================================= */
.grupo-1 .bg-layer-one { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-2-1.jpg'); }
.grupo-1 .bg-layer-two { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-3.jpg'); }
.grupo-1 .bg-layer-three { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-4.jpg'); }
.grupo-1 .bg-layer-four { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-5.jpg'); }
.grupo-1 .bg-layer-five { background-image: url('/wp-content/uploads/2026/09/fondo-incluye-6-vuelos.jpg') !important; }

/* =========================================
   3. IMÁGENES DEL GRUPO 2
========================================= */
.grupo-2 .bg-layer-one { background-image: url('tent/uploads/2026/09/fondo-incluye-6-vuelos.jpg'); }
.grupo-2 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_2.jpg'); }

/* =========================================
   4. IMÁGENES DEL GRUPO 3
========================================= */
.grupo-3 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_3.jpg'); }

/* =========================================
   5. IMÁGENES DEL GRUPO 4
========================================= */
.grupo-4 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_4.jpg'); }

/* =========================================
   6. IMÁGENES DEL GRUPO 5
========================================= */
.grupo-5 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_5.jpg'); }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3ae4724 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-3ae4724 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-3ae4724 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-3ae4724 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-3ae4724:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1c41d75 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-1c41d75 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-1c41d75 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-1c41d75 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-1c41d75 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-458b5d6 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-458b5d6 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-458b5d6 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-458b5d6 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-458b5d6:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bce5e88 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-bce5e88 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-bce5e88 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-bce5e88 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-bce5e88 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-55086fe *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-55086fe {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-55086fe .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-55086fe .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-55086fe:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8746c8c *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-8746c8c {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-8746c8c .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-8746c8c .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-8746c8c .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7ee14f1 *//* 1. Preparamos la tarjeta principal */
.elementor-1994 .elementor-element.elementor-element-7ee14f1 {
    cursor: pointer;
}

/* 2. Estado inicial del Editor de texto (100% Oculto) */
.elementor-1994 .elementor-element.elementor-element-7ee14f1 .elementor-widget-text-editor {
    max-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    /* Usamos 'all' para asegurar que Elementor no bloquee las transiciones */
    transition: all 0.5s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Neutralizamos los márgenes ocultos de los párrafos de WordPress */
.elementor-1994 .elementor-element.elementor-element-7ee14f1 .elementor-widget-text-editor p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 3. Estado al hacer Hover (Aparece el texto y empuja el contenido) */
.elementor-1994 .elementor-element.elementor-element-7ee14f1:hover .elementor-widget-text-editor {
    max-height: 600px !important; /* Límite alto para que entren textos largos */
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Espacio entre el título y la descripción */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b89e7bd *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-b89e7bd {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-b89e7bd .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-b89e7bd .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-b89e7bd .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-52d2b2c *//* =========================================
   1. ESTILOS BASE (Común para todos)
========================================= */
.main-parent-class {
    position: relative;
    overflow: hidden; 
}

.custom-bg {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0; 
    transition: opacity 0.4s ease-in-out;
    z-index: 0; 
    pointer-events: none; 
}

/* Efectos de opacidad globales para las 5 tarjetas */
.main-parent-class.hover-card-one .bg-layer-one { opacity: 1; }
.main-parent-class.hover-card-two .bg-layer-two { opacity: 1; }
.main-parent-class.hover-card-three .bg-layer-three { opacity: 1; }
.main-parent-class.hover-card-four .bg-layer-four { opacity: 1; }
.main-parent-class.hover-card-five .bg-layer-five { opacity: 1; }

/* Protección de contenido Elementor */
.main-parent-class > .e-con,
.main-parent-class > .elementor-widget,
.main-parent-class > .elementor-container {
    position: relative;
    z-index: 2;
}

/* =========================================
   2. IMÁGENES DEL GRUPO 1
========================================= */
.grupo-1 .bg-layer-one { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-2-1.jpg'); }
.grupo-1 .bg-layer-two { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-3.jpg'); }
.grupo-1 .bg-layer-three { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-4.jpg'); }
.grupo-1 .bg-layer-four { background-image: url('https://ontheroadviajes.com/wp-content/uploads/2026/09/fondo-incluye-5.jpg'); }
.grupo-1 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_1.jpg'); }

/* =========================================
   3. IMÁGENES DEL GRUPO 2
========================================= */
.grupo-2 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_2.jpg'); }
.grupo-2 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_2.jpg'); }

/* =========================================
   4. IMÁGENES DEL GRUPO 3
========================================= */
.grupo-3 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_3.jpg'); }
.grupo-3 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_3.jpg'); }

/* =========================================
   5. IMÁGENES DEL GRUPO 4
========================================= */
.grupo-4 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_4.jpg'); }
.grupo-4 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_4.jpg'); }

/* =========================================
   6. IMÁGENES DEL GRUPO 5
========================================= */
.grupo-5 .bg-layer-one { background-image: url('URL_IMAGEN_1_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-two { background-image: url('URL_IMAGEN_2_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-three { background-image: url('URL_IMAGEN_3_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-four { background-image: url('URL_IMAGEN_4_GRUPO_5.jpg'); }
.grupo-5 .bg-layer-five { background-image: url('URL_IMAGEN_5_GRUPO_5.jpg'); }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2d582e4 *//* css goes in .card */

.elementor-1994 .elementor-element.elementor-element-2d582e4 {
    --blob-size:250px;
}

.elementor-1994 .elementor-element.elementor-element-2d582e4 .inner{
    backdrop-filter: blur(80px);
    height: 100%;
}

.elementor-1994 .elementor-element.elementor-element-2d582e4 .blob{
    width: var(--blob-size);
    height: 80%;
    left: calc(50% - calc(var(--blob-size)/2));
    filter: blur(40px);
    z-index: -1;
    opacity: 0;    
    transition: opacity 300ms 300ms linear;

}

.elementor-1994 .elementor-element.elementor-element-2d582e4 .fakeblob {
  visibility: hidden;
  z-index: -1;
  height: 100%;
}/* End custom CSS */