.elementor-2009 .elementor-element.elementor-element-f42f89a{--display:flex;--min-height:70vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:59px;--padding-left:0px;--padding-right:0px;}.elementor-2009 .elementor-element.elementor-element-f42f89a:not(.elementor-motion-effects-element-type-background), .elementor-2009 .elementor-element.elementor-element-f42f89a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#3D3D3D;background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2009 .elementor-element.elementor-element-afd9fd7{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--padding-top:3%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2009 .elementor-element.elementor-element-a577acd > .elementor-widget-container{margin:0% 0% 0% 0%;padding:0% 0% 0% 0%;}.elementor-2009 .elementor-element.elementor-element-a577acd.elementor-element{--align-self:flex-start;}.elementor-2009 .elementor-element.elementor-element-a577acd{text-align:start;}.elementor-2009 .elementor-element.elementor-element-a577acd .elementor-heading-title{font-family:"Six Caps", Sans-serif;font-size:80px;font-weight:normal;text-transform:uppercase;line-height:1em;letter-spacing:-0.3px;color:var( --e-global-color-text );}.elementor-2009 .elementor-element.elementor-element-956f1be > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2009 .elementor-element.elementor-element-956f1be{text-align:start;}.elementor-2009 .elementor-element.elementor-element-956f1be .elementor-heading-title{font-family:"Quicksand", Sans-serif;font-size:20px;font-weight:700;color:#EC0043;}.elementor-widget-theme-post-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-2009 .elementor-element.elementor-element-3181a31{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-2009 .elementor-element.elementor-element-299f6e2{--display:flex;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-2009 .elementor-element.elementor-element-64f598a{--divider-border-style:solid;--divider-color:#EBEBEB;--divider-border-width:2px;}.elementor-2009 .elementor-element.elementor-element-64f598a > .elementor-widget-container{margin:0px 0px 012px 0px;padding:0px 0px 0px 0px;}.elementor-2009 .elementor-element.elementor-element-64f598a .elementor-divider-separator{width:100%;}.elementor-2009 .elementor-element.elementor-element-64f598a .elementor-divider{padding-block-start:8px;padding-block-end:8px;}.elementor-2009 .elementor-element.elementor-element-469ddd5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0%;--padding-bottom:5%;--padding-left:0%;--padding-right:0%;}.elementor-2009 .elementor-element.elementor-element-b3ae577{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:02px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:012px;--padding-left:0px;--padding-right:0px;}.elementor-2009 .elementor-element.elementor-element-c190a06{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2009 .elementor-element.elementor-element-59712e5 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2009 .elementor-element.elementor-element-59712e5{text-align:start;}.elementor-2009 .elementor-element.elementor-element-59712e5 .elementor-heading-title{font-family:"Quicksand", Sans-serif;font-size:25px;font-weight:600;color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-2009 .elementor-element.elementor-element-9b8154e .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(12px/2);}.elementor-2009 .elementor-element.elementor-element-9b8154e .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(12px/2);}.elementor-2009 .elementor-element.elementor-element-9b8154e .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(12px/2);}.elementor-2009 .elementor-element.elementor-element-9b8154e .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-12px/2);}.elementor-2009 .elementor-element.elementor-element-9b8154e .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-12px/2);}.elementor-2009 .elementor-element.elementor-element-9b8154e .elementor-icon-list-item:not(:last-child):after{content:"";border-color:#EBEBEB;}.elementor-2009 .elementor-element.elementor-element-9b8154e .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child):after{border-block-start-style:solid;border-block-start-width:1px;}.elementor-2009 .elementor-element.elementor-element-9b8154e .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-style:solid;}.elementor-2009 .elementor-element.elementor-element-9b8154e .elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-width:1px;}.elementor-2009 .elementor-element.elementor-element-9b8154e .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-2009 .elementor-element.elementor-element-9b8154e .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-2009 .elementor-element.elementor-element-9b8154e{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-2009 .elementor-element.elementor-element-9b8154e .elementor-icon-list-item > .elementor-icon-list-text, .elementor-2009 .elementor-element.elementor-element-9b8154e .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-2009 .elementor-element.elementor-element-9b8154e .elementor-icon-list-text{color:var( --e-global-color-text );transition:color 0.3s;}.elementor-2009 .elementor-element.elementor-element-f65da73{--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;}.elementor-2009 .elementor-element.elementor-element-b638fec .avdiv_wid_gallery{--thumbnails-gal-height:210px;--thumbnails-gal-gap:5px;}.elementor-2009 .elementor-element.elementor-element-b638fec .avdivimg_gallery>div{border-radius:15px 15px 15px 15px;}.elementor-widget-call-to-action .elementor-cta__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 );}.elementor-widget-call-to-action .elementor-cta__description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-call-to-action .elementor-cta__button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-call-to-action .elementor-ribbon-inner{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-2009 .elementor-element.elementor-element-05245de .elementor-cta .elementor-cta__bg, .elementor-2009 .elementor-element.elementor-element-05245de .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-2009 .elementor-element.elementor-element-05245de > .elementor-widget-container{border-radius:0px 0px 15px 15px;}.elementor-2009 .elementor-element.elementor-element-05245de .elementor-cta__content{min-height:100px;text-align:center;}.elementor-2009 .elementor-element.elementor-element-05245de .elementor-cta__bg-wrapper{min-width:450px;min-height:200px;}.elementor-2009 .elementor-element.elementor-element-05245de .elementor-cta__title{font-family:"Quicksand", Sans-serif;font-size:25px;font-weight:700;color:var( --e-global-color-text );}.elementor-2009 .elementor-element.elementor-element-05245de .elementor-cta__description{font-family:"Quicksand", Sans-serif;font-size:15px;font-weight:900;color:var( --e-global-color-secondary );}.elementor-2009 .elementor-element.elementor-element-05245de .elementor-cta__button{font-family:"Quicksand", Sans-serif;font-size:15px;font-weight:700;color:#FFF;background-color:var( --e-global-color-primary );border-color:#02010100;padding:12px 32px 12px 32px;}.elementor-2009 .elementor-element.elementor-element-05245de .elementor-cta__button:hover{color:#FFF;background-color:#D6003D;}.elementor-2009 .elementor-element.elementor-element-05245de .elementor-cta:not(:hover) .elementor-cta__bg-overlay{background-color:#EC004300;}.elementor-2009 .elementor-element.elementor-element-0eee186{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0%;--padding-bottom:5%;--padding-left:0%;--padding-right:0%;}.elementor-2009 .elementor-element.elementor-element-060929e > .elementor-widget-container{margin:0% 0% 0% 0%;padding:0% 0% 0% 0%;}.elementor-2009 .elementor-element.elementor-element-060929e.elementor-element{--align-self:flex-start;}.elementor-2009 .elementor-element.elementor-element-060929e{text-align:start;}.elementor-2009 .elementor-element.elementor-element-060929e .elementor-heading-title{font-family:"Six Caps", Sans-serif;font-size:80px;font-weight:normal;text-transform:uppercase;line-height:1em;letter-spacing:-0.3px;color:var( --e-global-color-text );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-2009 .elementor-element.elementor-element-c4d84f2{--divider-border-style:solid;--divider-color:#EBEBEB;--divider-border-width:2px;}.elementor-2009 .elementor-element.elementor-element-c4d84f2 > .elementor-widget-container{margin:0px 0px 012px 0px;padding:0px 0px 0px 0px;}.elementor-2009 .elementor-element.elementor-element-c4d84f2 .elementor-divider-separator{width:100%;}.elementor-2009 .elementor-element.elementor-element-c4d84f2 .elementor-divider{padding-block-start:8px;padding-block-end:8px;}.elementor-2009 .elementor-element.elementor-element-8cd01c6{--display:flex;--min-height:50vh;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--overlay-opacity:0.25;--border-radius:10px 10px 10px 10px;}.elementor-2009 .elementor-element.elementor-element-8cd01c6:not(.elementor-motion-effects-element-type-background), .elementor-2009 .elementor-element.elementor-element-8cd01c6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://loob.aviratodesign.com/wp-content/uploads/Junior-Suite-Loob-Madrid.webp");background-position:center center;background-size:cover;}.elementor-2009 .elementor-element.elementor-element-8cd01c6::before, .elementor-2009 .elementor-element.elementor-element-8cd01c6 > .elementor-background-video-container::before, .elementor-2009 .elementor-element.elementor-element-8cd01c6 > .e-con-inner > .elementor-background-video-container::before, .elementor-2009 .elementor-element.elementor-element-8cd01c6 > .elementor-background-slideshow::before, .elementor-2009 .elementor-element.elementor-element-8cd01c6 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2009 .elementor-element.elementor-element-8cd01c6 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-d6eaab7 );--background-overlay:'';}.elementor-2009 .elementor-element.elementor-element-87b51ae{--display:flex;--min-height:50vh;--justify-content:flex-end;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;--z-index:5;--e-con-transform-transition-duration:700ms;}.elementor-2009 .elementor-element.elementor-element-a7996b5 .elementor-heading-title{font-family:"Quicksand", Sans-serif;font-size:22px;font-weight:600;text-transform:uppercase;color:var( --e-global-color-827f773 );}.elementor-2009 .elementor-element.elementor-element-2314f80{color:var( --e-global-color-827f773 );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-2009 .elementor-element.elementor-element-5d4bbbb .elementor-button{background-color:var( --e-global-color-primary );font-family:"Quicksand", Sans-serif;font-size:15px;font-weight:700;fill:var( --e-global-color-827f773 );color:var( --e-global-color-827f773 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-827f773 );border-radius:5px 5px 5px 5px;}.elementor-2009 .elementor-element.elementor-element-5d4bbbb .elementor-button:hover, .elementor-2009 .elementor-element.elementor-element-5d4bbbb .elementor-button:focus{background-color:var( --e-global-color-primary );color:var( --e-global-color-827f773 );border-color:var( --e-global-color-827f773 );}.elementor-2009 .elementor-element.elementor-element-5d4bbbb > .elementor-widget-container{margin:2% 0% 0% 0%;padding:2% 0% 0% 0%;}.elementor-2009 .elementor-element.elementor-element-5d4bbbb .elementor-button:hover svg, .elementor-2009 .elementor-element.elementor-element-5d4bbbb .elementor-button:focus svg{fill:var( --e-global-color-827f773 );}.elementor-2009 .elementor-element.elementor-element-b7405b9 .elementor-button{background-color:#EC004300;font-family:"Quicksand", Sans-serif;font-size:15px;font-weight:700;fill:var( --e-global-color-827f773 );color:var( --e-global-color-827f773 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-827f773 );}.elementor-2009 .elementor-element.elementor-element-b7405b9 .elementor-button:hover, .elementor-2009 .elementor-element.elementor-element-b7405b9 .elementor-button:focus{background-color:var( --e-global-color-827f773 );color:var( --e-global-color-primary );}.elementor-2009 .elementor-element.elementor-element-b7405b9 > .elementor-widget-container{margin:2% 0% 0% 0%;padding:2% 0% 0% 0%;}.elementor-2009 .elementor-element.elementor-element-b7405b9 .elementor-button:hover svg, .elementor-2009 .elementor-element.elementor-element-b7405b9 .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-2009 .elementor-element.elementor-element-b337d7d{--display:flex;--min-height:50vh;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--overlay-opacity:0.25;--border-radius:10px 10px 10px 10px;}.elementor-2009 .elementor-element.elementor-element-b337d7d:not(.elementor-motion-effects-element-type-background), .elementor-2009 .elementor-element.elementor-element-b337d7d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://loob.aviratodesign.com/wp-content/uploads/Luxury-Suite-Loob-Madrid.webp");background-position:center center;background-size:cover;}.elementor-2009 .elementor-element.elementor-element-b337d7d::before, .elementor-2009 .elementor-element.elementor-element-b337d7d > .elementor-background-video-container::before, .elementor-2009 .elementor-element.elementor-element-b337d7d > .e-con-inner > .elementor-background-video-container::before, .elementor-2009 .elementor-element.elementor-element-b337d7d > .elementor-background-slideshow::before, .elementor-2009 .elementor-element.elementor-element-b337d7d > .e-con-inner > .elementor-background-slideshow::before, .elementor-2009 .elementor-element.elementor-element-b337d7d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-d6eaab7 );--background-overlay:'';}.elementor-2009 .elementor-element.elementor-element-101d503{--display:flex;--min-height:50vh;--justify-content:flex-end;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;--z-index:5;--e-con-transform-transition-duration:700ms;}.elementor-2009 .elementor-element.elementor-element-0c84cf5 .elementor-heading-title{font-family:"Quicksand", Sans-serif;font-size:22px;font-weight:600;text-transform:uppercase;color:var( --e-global-color-827f773 );}.elementor-2009 .elementor-element.elementor-element-74af88d{color:var( --e-global-color-827f773 );}.elementor-2009 .elementor-element.elementor-element-a8d7aba .elementor-button{background-color:var( --e-global-color-primary );font-family:"Quicksand", Sans-serif;font-size:15px;font-weight:700;fill:var( --e-global-color-827f773 );color:var( --e-global-color-827f773 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-827f773 );border-radius:5px 5px 5px 5px;}.elementor-2009 .elementor-element.elementor-element-a8d7aba .elementor-button:hover, .elementor-2009 .elementor-element.elementor-element-a8d7aba .elementor-button:focus{background-color:var( --e-global-color-primary );color:var( --e-global-color-827f773 );border-color:var( --e-global-color-827f773 );}.elementor-2009 .elementor-element.elementor-element-a8d7aba > .elementor-widget-container{margin:2% 0% 0% 0%;padding:2% 0% 0% 0%;}.elementor-2009 .elementor-element.elementor-element-a8d7aba .elementor-button:hover svg, .elementor-2009 .elementor-element.elementor-element-a8d7aba .elementor-button:focus svg{fill:var( --e-global-color-827f773 );}.elementor-2009 .elementor-element.elementor-element-cefce82 .elementor-button{background-color:#EC004300;font-family:"Quicksand", Sans-serif;font-size:15px;font-weight:700;fill:var( --e-global-color-827f773 );color:var( --e-global-color-827f773 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-827f773 );}.elementor-2009 .elementor-element.elementor-element-cefce82 .elementor-button:hover, .elementor-2009 .elementor-element.elementor-element-cefce82 .elementor-button:focus{background-color:var( --e-global-color-827f773 );color:var( --e-global-color-primary );}.elementor-2009 .elementor-element.elementor-element-cefce82 > .elementor-widget-container{margin:2% 0% 0% 0%;padding:2% 0% 0% 0%;}.elementor-2009 .elementor-element.elementor-element-cefce82 .elementor-button:hover svg, .elementor-2009 .elementor-element.elementor-element-cefce82 .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-2009 .elementor-element.elementor-element-5998307{--display:flex;--min-height:50vh;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--overlay-opacity:0.25;--border-radius:10px 10px 10px 10px;}.elementor-2009 .elementor-element.elementor-element-5998307:not(.elementor-motion-effects-element-type-background), .elementor-2009 .elementor-element.elementor-element-5998307 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://loob.aviratodesign.com/wp-content/uploads/Suite-Grey-Loob-Madrid.webp");background-position:center center;background-size:cover;}.elementor-2009 .elementor-element.elementor-element-5998307::before, .elementor-2009 .elementor-element.elementor-element-5998307 > .elementor-background-video-container::before, .elementor-2009 .elementor-element.elementor-element-5998307 > .e-con-inner > .elementor-background-video-container::before, .elementor-2009 .elementor-element.elementor-element-5998307 > .elementor-background-slideshow::before, .elementor-2009 .elementor-element.elementor-element-5998307 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2009 .elementor-element.elementor-element-5998307 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-d6eaab7 );--background-overlay:'';}.elementor-2009 .elementor-element.elementor-element-683a8ff{--display:flex;--min-height:50vh;--justify-content:flex-end;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;--z-index:5;--e-con-transform-transition-duration:700ms;}.elementor-2009 .elementor-element.elementor-element-554bf8c .elementor-heading-title{font-family:"Quicksand", Sans-serif;font-size:22px;font-weight:600;text-transform:uppercase;color:var( --e-global-color-827f773 );}.elementor-2009 .elementor-element.elementor-element-ec6a33a{color:var( --e-global-color-827f773 );}.elementor-2009 .elementor-element.elementor-element-b841240 .elementor-button{background-color:var( --e-global-color-primary );font-family:"Quicksand", Sans-serif;font-size:15px;font-weight:700;fill:var( --e-global-color-827f773 );color:var( --e-global-color-827f773 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-827f773 );border-radius:5px 5px 5px 5px;}.elementor-2009 .elementor-element.elementor-element-b841240 .elementor-button:hover, .elementor-2009 .elementor-element.elementor-element-b841240 .elementor-button:focus{background-color:var( --e-global-color-primary );color:var( --e-global-color-827f773 );border-color:var( --e-global-color-827f773 );}.elementor-2009 .elementor-element.elementor-element-b841240 > .elementor-widget-container{margin:2% 0% 0% 0%;padding:2% 0% 0% 0%;}.elementor-2009 .elementor-element.elementor-element-b841240 .elementor-button:hover svg, .elementor-2009 .elementor-element.elementor-element-b841240 .elementor-button:focus svg{fill:var( --e-global-color-827f773 );}.elementor-2009 .elementor-element.elementor-element-4bb4563 .elementor-button{background-color:#EC004300;font-family:"Quicksand", Sans-serif;font-size:15px;font-weight:700;fill:var( --e-global-color-827f773 );color:var( --e-global-color-827f773 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-827f773 );}.elementor-2009 .elementor-element.elementor-element-4bb4563 .elementor-button:hover, .elementor-2009 .elementor-element.elementor-element-4bb4563 .elementor-button:focus{background-color:var( --e-global-color-827f773 );color:var( --e-global-color-primary );}.elementor-2009 .elementor-element.elementor-element-4bb4563 > .elementor-widget-container{margin:2% 0% 0% 0%;padding:2% 0% 0% 0%;}.elementor-2009 .elementor-element.elementor-element-4bb4563 .elementor-button:hover svg, .elementor-2009 .elementor-element.elementor-element-4bb4563 .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-2009 .elementor-element.elementor-element-fb7d6c1{--display:flex;--min-height:50vh;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--overlay-opacity:0.25;--border-radius:10px 10px 10px 10px;}.elementor-2009 .elementor-element.elementor-element-fb7d6c1:not(.elementor-motion-effects-element-type-background), .elementor-2009 .elementor-element.elementor-element-fb7d6c1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://loob.aviratodesign.com/wp-content/uploads/Premium-Suite-Loob-Madrid.webp");background-position:center center;background-size:cover;}.elementor-2009 .elementor-element.elementor-element-fb7d6c1::before, .elementor-2009 .elementor-element.elementor-element-fb7d6c1 > .elementor-background-video-container::before, .elementor-2009 .elementor-element.elementor-element-fb7d6c1 > .e-con-inner > .elementor-background-video-container::before, .elementor-2009 .elementor-element.elementor-element-fb7d6c1 > .elementor-background-slideshow::before, .elementor-2009 .elementor-element.elementor-element-fb7d6c1 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2009 .elementor-element.elementor-element-fb7d6c1 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-d6eaab7 );--background-overlay:'';}.elementor-2009 .elementor-element.elementor-element-f3975e8{--display:flex;--min-height:50vh;--justify-content:flex-end;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;--z-index:5;--e-con-transform-transition-duration:700ms;}.elementor-2009 .elementor-element.elementor-element-ded4f1a .elementor-heading-title{font-family:"Quicksand", Sans-serif;font-size:22px;font-weight:600;text-transform:uppercase;color:var( --e-global-color-827f773 );}.elementor-2009 .elementor-element.elementor-element-bcbb332{color:var( --e-global-color-827f773 );}.elementor-2009 .elementor-element.elementor-element-8635fdc .elementor-button{background-color:var( --e-global-color-primary );font-family:"Quicksand", Sans-serif;font-size:15px;font-weight:700;fill:var( --e-global-color-827f773 );color:var( --e-global-color-827f773 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-827f773 );border-radius:5px 5px 5px 5px;}.elementor-2009 .elementor-element.elementor-element-8635fdc .elementor-button:hover, .elementor-2009 .elementor-element.elementor-element-8635fdc .elementor-button:focus{background-color:var( --e-global-color-primary );color:var( --e-global-color-827f773 );border-color:var( --e-global-color-827f773 );}.elementor-2009 .elementor-element.elementor-element-8635fdc > .elementor-widget-container{margin:2% 0% 0% 0%;padding:2% 0% 0% 0%;}.elementor-2009 .elementor-element.elementor-element-8635fdc .elementor-button:hover svg, .elementor-2009 .elementor-element.elementor-element-8635fdc .elementor-button:focus svg{fill:var( --e-global-color-827f773 );}.elementor-2009 .elementor-element.elementor-element-f4b80b9 .elementor-button{background-color:#EC004300;font-family:"Quicksand", Sans-serif;font-size:15px;font-weight:700;fill:var( --e-global-color-827f773 );color:var( --e-global-color-827f773 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-827f773 );}.elementor-2009 .elementor-element.elementor-element-f4b80b9 .elementor-button:hover, .elementor-2009 .elementor-element.elementor-element-f4b80b9 .elementor-button:focus{background-color:var( --e-global-color-827f773 );color:var( --e-global-color-primary );}.elementor-2009 .elementor-element.elementor-element-f4b80b9 > .elementor-widget-container{margin:2% 0% 0% 0%;padding:2% 0% 0% 0%;}.elementor-2009 .elementor-element.elementor-element-f4b80b9 .elementor-button:hover svg, .elementor-2009 .elementor-element.elementor-element-f4b80b9 .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-2009 .elementor-element.elementor-element-99d5d3d{--display:flex;--min-height:50vh;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--overlay-opacity:0.25;--border-radius:10px 10px 10px 10px;}.elementor-2009 .elementor-element.elementor-element-99d5d3d::before, .elementor-2009 .elementor-element.elementor-element-99d5d3d > .elementor-background-video-container::before, .elementor-2009 .elementor-element.elementor-element-99d5d3d > .e-con-inner > .elementor-background-video-container::before, .elementor-2009 .elementor-element.elementor-element-99d5d3d > .elementor-background-slideshow::before, .elementor-2009 .elementor-element.elementor-element-99d5d3d > .e-con-inner > .elementor-background-slideshow::before, .elementor-2009 .elementor-element.elementor-element-99d5d3d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-d6eaab7 );--background-overlay:'';}.elementor-2009 .elementor-element.elementor-element-99d5d3d:not(.elementor-motion-effects-element-type-background), .elementor-2009 .elementor-element.elementor-element-99d5d3d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-size:cover;}.elementor-2009 .elementor-element.elementor-element-02ed26d{--display:flex;--min-height:50vh;--justify-content:flex-end;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;--z-index:5;--e-con-transform-transition-duration:700ms;}.elementor-2009 .elementor-element.elementor-element-68c9ade .elementor-heading-title{font-family:"Quicksand", Sans-serif;font-size:22px;font-weight:600;text-transform:uppercase;color:var( --e-global-color-827f773 );}.elementor-2009 .elementor-element.elementor-element-06319ad{color:var( --e-global-color-827f773 );}.elementor-2009 .elementor-element.elementor-element-67d4121 .elementor-button{background-color:var( --e-global-color-primary );font-family:"Quicksand", Sans-serif;font-size:15px;font-weight:700;fill:var( --e-global-color-827f773 );color:var( --e-global-color-827f773 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-827f773 );border-radius:5px 5px 5px 5px;}.elementor-2009 .elementor-element.elementor-element-67d4121 .elementor-button:hover, .elementor-2009 .elementor-element.elementor-element-67d4121 .elementor-button:focus{background-color:var( --e-global-color-primary );color:var( --e-global-color-827f773 );border-color:var( --e-global-color-827f773 );}.elementor-2009 .elementor-element.elementor-element-67d4121 > .elementor-widget-container{margin:2% 0% 0% 0%;padding:2% 0% 0% 0%;}.elementor-2009 .elementor-element.elementor-element-67d4121 .elementor-button:hover svg, .elementor-2009 .elementor-element.elementor-element-67d4121 .elementor-button:focus svg{fill:var( --e-global-color-827f773 );}.elementor-2009 .elementor-element.elementor-element-275ec48 .elementor-button{background-color:#EC004300;font-family:"Quicksand", Sans-serif;font-size:15px;font-weight:700;fill:var( --e-global-color-827f773 );color:var( --e-global-color-827f773 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-827f773 );}.elementor-2009 .elementor-element.elementor-element-275ec48 .elementor-button:hover, .elementor-2009 .elementor-element.elementor-element-275ec48 .elementor-button:focus{background-color:var( --e-global-color-827f773 );color:var( --e-global-color-primary );}.elementor-2009 .elementor-element.elementor-element-275ec48 > .elementor-widget-container{margin:2% 0% 0% 0%;padding:2% 0% 0% 0%;}.elementor-2009 .elementor-element.elementor-element-275ec48 .elementor-button:hover svg, .elementor-2009 .elementor-element.elementor-element-275ec48 .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-2009 .elementor-element.elementor-element-7cd8005{--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;}@media(min-width:768px){.elementor-2009 .elementor-element.elementor-element-c190a06{--width:40%;}}@media(max-width:1366px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-call-to-action .elementor-cta__title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-call-to-action .elementor-cta__button{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-call-to-action .elementor-ribbon-inner{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-call-to-action .elementor-cta__title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-call-to-action .elementor-cta__button{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-call-to-action .elementor-ribbon-inner{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-2009 .elementor-element.elementor-element-7cd8005{--e-n-carousel-swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-2009 .elementor-element.elementor-element-f42f89a{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:98px;--padding-bottom:73px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-2009 .elementor-element.elementor-element-a577acd > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2009 .elementor-element.elementor-element-a577acd{text-align:start;}.elementor-2009 .elementor-element.elementor-element-a577acd .elementor-heading-title{font-size:70px;}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-call-to-action .elementor-cta__title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-call-to-action .elementor-cta__button{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-call-to-action .elementor-ribbon-inner{font-size:var( --e-global-typography-accent-font-size );}.elementor-2009 .elementor-element.elementor-element-060929e > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2009 .elementor-element.elementor-element-060929e{text-align:start;}.elementor-2009 .elementor-element.elementor-element-060929e .elementor-heading-title{font-size:70px;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-2009 .elementor-element.elementor-element-7cd8005{--e-n-carousel-swiper-slides-to-display:1;}}@media(min-width:2400px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-call-to-action .elementor-cta__title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-call-to-action .elementor-cta__button{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-call-to-action .elementor-ribbon-inner{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}}/* Start custom CSS for container, class: .elementor-element-8cd01c6 *//* ===== Tarjeta con fondo fijo (no se mueve) ===== */ .elementor-2009 .elementor-element.elementor-element-8cd01c6.roomcard { position: relative; overflow: hidden; border-radius: 14px; /* opcional */ } /* Fondo: en Elementor usa Estilo → Fondo (Cover, Center). Si quieres efecto fijo respecto al viewport: Attachment = Fixed (ojo en móviles a veces no funciona). */ /* ===== Wrapper de textos (lo único que se desplaza) ===== */ .elementor-2009 .elementor-element.elementor-element-8cd01c6 .roomcard__content { position: absolute; left: 0; right: 0; bottom: 24px; display: flex; flex-direction: column; align-items: center; gap: 6px; text-align: center; padding: 0 16px; transition: transform 1.4s cubic-bezier(.16,1,.3,1); will-change: transform; } /* En hover: sube el bloque (título + botón) para dejar sitio al texto */ .elementor-2009 .elementor-element.elementor-element-8cd01c6:hover .roomcard__content { transform: translateY(-24px); /* ajusta intensidad */ } /* ===== Texto oculto → fade + desplazamiento suave ===== */ .elementor-2009 .elementor-element.elementor-element-8cd01c6 .roomcard__desc { opacity: 0; max-height: 0; transform: translateY(18px); transition: opacity 1.2s ease, transform 1.4s cubic-bezier(.16,1,.3,1), max-height 1.4s ease; transition-delay: 0.12s; overflow: hidden; pointer-events: none; } .elementor-2009 .elementor-element.elementor-element-8cd01c6:hover .roomcard__desc { opacity: 1; max-height: 160px; transform: translateY(0); pointer-events: auto; } /* ===== Título y botón también más suaves ===== */ .elementor-2009 .elementor-element.elementor-element-8cd01c6 .elementor-heading-title, .elementor-2009 .elementor-element.elementor-element-8cd01c6 .elementor-button { transition: transform 0.9s cubic-bezier(.25,.46,.45,.94); } .elementor-2009 .elementor-element.elementor-element-8cd01c6:hover .elementor-heading-title, .elementor-2009 .elementor-element.elementor-element-8cd01c6:hover .elementor-button { transform: translateY(-4px); } /* (Opcional) Overlay para legibilidad */ .elementor-2009 .elementor-element.elementor-element-8cd01c6::after { content: ""; position: absolute; inset: 0; } /* ===== Móviles (sin hover): mostrar el texto siempre o por tap ===== */ @media (pointer: coarse) { /* Mostrar siempre en táctiles */ .elementor-2009 .elementor-element.elementor-element-8cd01c6 .roomcard__desc { opacity: 1; max-height: 160px; transform: translateY(0); pointer-events: auto; } /* Y no desplazar el wrapper para que no tape el botón */ .elementor-2009 .elementor-element.elementor-element-8cd01c6 .roomcard__content { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b337d7d *//* ===== Tarjeta con fondo fijo (no se mueve) ===== */ .elementor-2009 .elementor-element.elementor-element-b337d7d.roomcard { position: relative; overflow: hidden; border-radius: 14px; /* opcional */ } /* Fondo: en Elementor usa Estilo → Fondo (Cover, Center). Si quieres efecto fijo respecto al viewport: Attachment = Fixed (ojo en móviles a veces no funciona). */ /* ===== Wrapper de textos (lo único que se desplaza) ===== */ .elementor-2009 .elementor-element.elementor-element-b337d7d .roomcard__content { position: absolute; left: 0; right: 0; bottom: 24px; display: flex; flex-direction: column; align-items: center; gap: 6px; text-align: center; padding: 0 16px; transition: transform 1.4s cubic-bezier(.16,1,.3,1); will-change: transform; } /* En hover: sube el bloque (título + botón) para dejar sitio al texto */ .elementor-2009 .elementor-element.elementor-element-b337d7d:hover .roomcard__content { transform: translateY(-24px); /* ajusta intensidad */ } /* ===== Texto oculto → fade + desplazamiento suave ===== */ .elementor-2009 .elementor-element.elementor-element-b337d7d .roomcard__desc { opacity: 0; max-height: 0; transform: translateY(18px); transition: opacity 1.2s ease, transform 1.4s cubic-bezier(.16,1,.3,1), max-height 1.4s ease; transition-delay: 0.12s; overflow: hidden; pointer-events: none; } .elementor-2009 .elementor-element.elementor-element-b337d7d:hover .roomcard__desc { opacity: 1; max-height: 160px; transform: translateY(0); pointer-events: auto; } /* ===== Título y botón también más suaves ===== */ .elementor-2009 .elementor-element.elementor-element-b337d7d .elementor-heading-title, .elementor-2009 .elementor-element.elementor-element-b337d7d .elementor-button { transition: transform 0.9s cubic-bezier(.25,.46,.45,.94); } .elementor-2009 .elementor-element.elementor-element-b337d7d:hover .elementor-heading-title, .elementor-2009 .elementor-element.elementor-element-b337d7d:hover .elementor-button { transform: translateY(-4px); } /* (Opcional) Overlay para legibilidad */ .elementor-2009 .elementor-element.elementor-element-b337d7d::after { content: ""; position: absolute; inset: 0; } /* ===== Móviles (sin hover): mostrar el texto siempre o por tap ===== */ @media (pointer: coarse) { /* Mostrar siempre en táctiles */ .elementor-2009 .elementor-element.elementor-element-b337d7d .roomcard__desc { opacity: 1; max-height: 160px; transform: translateY(0); pointer-events: auto; } /* Y no desplazar el wrapper para que no tape el botón */ .elementor-2009 .elementor-element.elementor-element-b337d7d .roomcard__content { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5998307 *//* ===== Tarjeta con fondo fijo (no se mueve) ===== */ .elementor-2009 .elementor-element.elementor-element-5998307.roomcard { position: relative; overflow: hidden; border-radius: 14px; /* opcional */ } /* Fondo: en Elementor usa Estilo → Fondo (Cover, Center). Si quieres efecto fijo respecto al viewport: Attachment = Fixed (ojo en móviles a veces no funciona). */ /* ===== Wrapper de textos (lo único que se desplaza) ===== */ .elementor-2009 .elementor-element.elementor-element-5998307 .roomcard__content { position: absolute; left: 0; right: 0; bottom: 24px; display: flex; flex-direction: column; align-items: center; gap: 6px; text-align: center; padding: 0 16px; transition: transform 1.4s cubic-bezier(.16,1,.3,1); will-change: transform; } /* En hover: sube el bloque (título + botón) para dejar sitio al texto */ .elementor-2009 .elementor-element.elementor-element-5998307:hover .roomcard__content { transform: translateY(-24px); /* ajusta intensidad */ } /* ===== Texto oculto → fade + desplazamiento suave ===== */ .elementor-2009 .elementor-element.elementor-element-5998307 .roomcard__desc { opacity: 0; max-height: 0; transform: translateY(18px); transition: opacity 1.2s ease, transform 1.4s cubic-bezier(.16,1,.3,1), max-height 1.4s ease; transition-delay: 0.12s; overflow: hidden; pointer-events: none; } .elementor-2009 .elementor-element.elementor-element-5998307:hover .roomcard__desc { opacity: 1; max-height: 160px; transform: translateY(0); pointer-events: auto; } /* ===== Título y botón también más suaves ===== */ .elementor-2009 .elementor-element.elementor-element-5998307 .elementor-heading-title, .elementor-2009 .elementor-element.elementor-element-5998307 .elementor-button { transition: transform 0.9s cubic-bezier(.25,.46,.45,.94); } .elementor-2009 .elementor-element.elementor-element-5998307:hover .elementor-heading-title, .elementor-2009 .elementor-element.elementor-element-5998307:hover .elementor-button { transform: translateY(-4px); } /* (Opcional) Overlay para legibilidad */ .elementor-2009 .elementor-element.elementor-element-5998307::after { content: ""; position: absolute; inset: 0; } /* ===== Móviles (sin hover): mostrar el texto siempre o por tap ===== */ @media (pointer: coarse) { /* Mostrar siempre en táctiles */ .elementor-2009 .elementor-element.elementor-element-5998307 .roomcard__desc { opacity: 1; max-height: 160px; transform: translateY(0); pointer-events: auto; } /* Y no desplazar el wrapper para que no tape el botón */ .elementor-2009 .elementor-element.elementor-element-5998307 .roomcard__content { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-fb7d6c1 *//* ===== Tarjeta con fondo fijo (no se mueve) ===== */ .elementor-2009 .elementor-element.elementor-element-fb7d6c1.roomcard { position: relative; overflow: hidden; border-radius: 14px; /* opcional */ } /* Fondo: en Elementor usa Estilo → Fondo (Cover, Center). Si quieres efecto fijo respecto al viewport: Attachment = Fixed (ojo en móviles a veces no funciona). */ /* ===== Wrapper de textos (lo único que se desplaza) ===== */ .elementor-2009 .elementor-element.elementor-element-fb7d6c1 .roomcard__content { position: absolute; left: 0; right: 0; bottom: 24px; display: flex; flex-direction: column; align-items: center; gap: 6px; text-align: center; padding: 0 16px; transition: transform 1.4s cubic-bezier(.16,1,.3,1); will-change: transform; } /* En hover: sube el bloque (título + botón) para dejar sitio al texto */ .elementor-2009 .elementor-element.elementor-element-fb7d6c1:hover .roomcard__content { transform: translateY(-24px); /* ajusta intensidad */ } /* ===== Texto oculto → fade + desplazamiento suave ===== */ .elementor-2009 .elementor-element.elementor-element-fb7d6c1 .roomcard__desc { opacity: 0; max-height: 0; transform: translateY(18px); transition: opacity 1.2s ease, transform 1.4s cubic-bezier(.16,1,.3,1), max-height 1.4s ease; transition-delay: 0.12s; overflow: hidden; pointer-events: none; } .elementor-2009 .elementor-element.elementor-element-fb7d6c1:hover .roomcard__desc { opacity: 1; max-height: 160px; transform: translateY(0); pointer-events: auto; } /* ===== Título y botón también más suaves ===== */ .elementor-2009 .elementor-element.elementor-element-fb7d6c1 .elementor-heading-title, .elementor-2009 .elementor-element.elementor-element-fb7d6c1 .elementor-button { transition: transform 0.9s cubic-bezier(.25,.46,.45,.94); } .elementor-2009 .elementor-element.elementor-element-fb7d6c1:hover .elementor-heading-title, .elementor-2009 .elementor-element.elementor-element-fb7d6c1:hover .elementor-button { transform: translateY(-4px); } /* (Opcional) Overlay para legibilidad */ .elementor-2009 .elementor-element.elementor-element-fb7d6c1::after { content: ""; position: absolute; inset: 0; } /* ===== Móviles (sin hover): mostrar el texto siempre o por tap ===== */ @media (pointer: coarse) { /* Mostrar siempre en táctiles */ .elementor-2009 .elementor-element.elementor-element-fb7d6c1 .roomcard__desc { opacity: 1; max-height: 160px; transform: translateY(0); pointer-events: auto; } /* Y no desplazar el wrapper para que no tape el botón */ .elementor-2009 .elementor-element.elementor-element-fb7d6c1 .roomcard__content { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-99d5d3d *//* ===== Tarjeta con fondo fijo (no se mueve) ===== */ .elementor-2009 .elementor-element.elementor-element-99d5d3d.roomcard { position: relative; overflow: hidden; border-radius: 14px; /* opcional */ } /* Fondo: en Elementor usa Estilo → Fondo (Cover, Center). Si quieres efecto fijo respecto al viewport: Attachment = Fixed (ojo en móviles a veces no funciona). */ /* ===== Wrapper de textos (lo único que se desplaza) ===== */ .elementor-2009 .elementor-element.elementor-element-99d5d3d .roomcard__content { position: absolute; left: 0; right: 0; bottom: 24px; display: flex; flex-direction: column; align-items: center; gap: 6px; text-align: center; padding: 0 16px; transition: transform 1.4s cubic-bezier(.16,1,.3,1); will-change: transform; } /* En hover: sube el bloque (título + botón) para dejar sitio al texto */ .elementor-2009 .elementor-element.elementor-element-99d5d3d:hover .roomcard__content { transform: translateY(-24px); /* ajusta intensidad */ } /* ===== Texto oculto → fade + desplazamiento suave ===== */ .elementor-2009 .elementor-element.elementor-element-99d5d3d .roomcard__desc { opacity: 0; max-height: 0; transform: translateY(18px); transition: opacity 1.2s ease, transform 1.4s cubic-bezier(.16,1,.3,1), max-height 1.4s ease; transition-delay: 0.12s; overflow: hidden; pointer-events: none; } .elementor-2009 .elementor-element.elementor-element-99d5d3d:hover .roomcard__desc { opacity: 1; max-height: 160px; transform: translateY(0); pointer-events: auto; } /* ===== Título y botón también más suaves ===== */ .elementor-2009 .elementor-element.elementor-element-99d5d3d .elementor-heading-title, .elementor-2009 .elementor-element.elementor-element-99d5d3d .elementor-button { transition: transform 0.9s cubic-bezier(.25,.46,.45,.94); } .elementor-2009 .elementor-element.elementor-element-99d5d3d:hover .elementor-heading-title, .elementor-2009 .elementor-element.elementor-element-99d5d3d:hover .elementor-button { transform: translateY(-4px); } /* (Opcional) Overlay para legibilidad */ .elementor-2009 .elementor-element.elementor-element-99d5d3d::after { content: ""; position: absolute; inset: 0; } /* ===== Móviles (sin hover): mostrar el texto siempre o por tap ===== */ @media (pointer: coarse) { /* Mostrar siempre en táctiles */ .elementor-2009 .elementor-element.elementor-element-99d5d3d .roomcard__desc { opacity: 1; max-height: 160px; transform: translateY(0); pointer-events: auto; } /* Y no desplazar el wrapper para que no tape el botón */ .elementor-2009 .elementor-element.elementor-element-99d5d3d .roomcard__content { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8cd01c6 *//* ===== Tarjeta con fondo fijo (no se mueve) ===== */ .elementor-2009 .elementor-element.elementor-element-8cd01c6.roomcard { position: relative; overflow: hidden; border-radius: 14px; /* opcional */ } /* Fondo: en Elementor usa Estilo → Fondo (Cover, Center). Si quieres efecto fijo respecto al viewport: Attachment = Fixed (ojo en móviles a veces no funciona). */ /* ===== Wrapper de textos (lo único que se desplaza) ===== */ .elementor-2009 .elementor-element.elementor-element-8cd01c6 .roomcard__content { position: absolute; left: 0; right: 0; bottom: 24px; display: flex; flex-direction: column; align-items: center; gap: 6px; text-align: center; padding: 0 16px; transition: transform 1.4s cubic-bezier(.16,1,.3,1); will-change: transform; } /* En hover: sube el bloque (título + botón) para dejar sitio al texto */ .elementor-2009 .elementor-element.elementor-element-8cd01c6:hover .roomcard__content { transform: translateY(-24px); /* ajusta intensidad */ } /* ===== Texto oculto → fade + desplazamiento suave ===== */ .elementor-2009 .elementor-element.elementor-element-8cd01c6 .roomcard__desc { opacity: 0; max-height: 0; transform: translateY(18px); transition: opacity 1.2s ease, transform 1.4s cubic-bezier(.16,1,.3,1), max-height 1.4s ease; transition-delay: 0.12s; overflow: hidden; pointer-events: none; } .elementor-2009 .elementor-element.elementor-element-8cd01c6:hover .roomcard__desc { opacity: 1; max-height: 160px; transform: translateY(0); pointer-events: auto; } /* ===== Título y botón también más suaves ===== */ .elementor-2009 .elementor-element.elementor-element-8cd01c6 .elementor-heading-title, .elementor-2009 .elementor-element.elementor-element-8cd01c6 .elementor-button { transition: transform 0.9s cubic-bezier(.25,.46,.45,.94); } .elementor-2009 .elementor-element.elementor-element-8cd01c6:hover .elementor-heading-title, .elementor-2009 .elementor-element.elementor-element-8cd01c6:hover .elementor-button { transform: translateY(-4px); } /* (Opcional) Overlay para legibilidad */ .elementor-2009 .elementor-element.elementor-element-8cd01c6::after { content: ""; position: absolute; inset: 0; } /* ===== Móviles (sin hover): mostrar el texto siempre o por tap ===== */ @media (pointer: coarse) { /* Mostrar siempre en táctiles */ .elementor-2009 .elementor-element.elementor-element-8cd01c6 .roomcard__desc { opacity: 1; max-height: 160px; transform: translateY(0); pointer-events: auto; } /* Y no desplazar el wrapper para que no tape el botón */ .elementor-2009 .elementor-element.elementor-element-8cd01c6 .roomcard__content { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b337d7d *//* ===== Tarjeta con fondo fijo (no se mueve) ===== */ .elementor-2009 .elementor-element.elementor-element-b337d7d.roomcard { position: relative; overflow: hidden; border-radius: 14px; /* opcional */ } /* Fondo: en Elementor usa Estilo → Fondo (Cover, Center). Si quieres efecto fijo respecto al viewport: Attachment = Fixed (ojo en móviles a veces no funciona). */ /* ===== Wrapper de textos (lo único que se desplaza) ===== */ .elementor-2009 .elementor-element.elementor-element-b337d7d .roomcard__content { position: absolute; left: 0; right: 0; bottom: 24px; display: flex; flex-direction: column; align-items: center; gap: 6px; text-align: center; padding: 0 16px; transition: transform 1.4s cubic-bezier(.16,1,.3,1); will-change: transform; } /* En hover: sube el bloque (título + botón) para dejar sitio al texto */ .elementor-2009 .elementor-element.elementor-element-b337d7d:hover .roomcard__content { transform: translateY(-24px); /* ajusta intensidad */ } /* ===== Texto oculto → fade + desplazamiento suave ===== */ .elementor-2009 .elementor-element.elementor-element-b337d7d .roomcard__desc { opacity: 0; max-height: 0; transform: translateY(18px); transition: opacity 1.2s ease, transform 1.4s cubic-bezier(.16,1,.3,1), max-height 1.4s ease; transition-delay: 0.12s; overflow: hidden; pointer-events: none; } .elementor-2009 .elementor-element.elementor-element-b337d7d:hover .roomcard__desc { opacity: 1; max-height: 160px; transform: translateY(0); pointer-events: auto; } /* ===== Título y botón también más suaves ===== */ .elementor-2009 .elementor-element.elementor-element-b337d7d .elementor-heading-title, .elementor-2009 .elementor-element.elementor-element-b337d7d .elementor-button { transition: transform 0.9s cubic-bezier(.25,.46,.45,.94); } .elementor-2009 .elementor-element.elementor-element-b337d7d:hover .elementor-heading-title, .elementor-2009 .elementor-element.elementor-element-b337d7d:hover .elementor-button { transform: translateY(-4px); } /* (Opcional) Overlay para legibilidad */ .elementor-2009 .elementor-element.elementor-element-b337d7d::after { content: ""; position: absolute; inset: 0; } /* ===== Móviles (sin hover): mostrar el texto siempre o por tap ===== */ @media (pointer: coarse) { /* Mostrar siempre en táctiles */ .elementor-2009 .elementor-element.elementor-element-b337d7d .roomcard__desc { opacity: 1; max-height: 160px; transform: translateY(0); pointer-events: auto; } /* Y no desplazar el wrapper para que no tape el botón */ .elementor-2009 .elementor-element.elementor-element-b337d7d .roomcard__content { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5998307 *//* ===== Tarjeta con fondo fijo (no se mueve) ===== */ .elementor-2009 .elementor-element.elementor-element-5998307.roomcard { position: relative; overflow: hidden; border-radius: 14px; /* opcional */ } /* Fondo: en Elementor usa Estilo → Fondo (Cover, Center). Si quieres efecto fijo respecto al viewport: Attachment = Fixed (ojo en móviles a veces no funciona). */ /* ===== Wrapper de textos (lo único que se desplaza) ===== */ .elementor-2009 .elementor-element.elementor-element-5998307 .roomcard__content { position: absolute; left: 0; right: 0; bottom: 24px; display: flex; flex-direction: column; align-items: center; gap: 6px; text-align: center; padding: 0 16px; transition: transform 1.4s cubic-bezier(.16,1,.3,1); will-change: transform; } /* En hover: sube el bloque (título + botón) para dejar sitio al texto */ .elementor-2009 .elementor-element.elementor-element-5998307:hover .roomcard__content { transform: translateY(-24px); /* ajusta intensidad */ } /* ===== Texto oculto → fade + desplazamiento suave ===== */ .elementor-2009 .elementor-element.elementor-element-5998307 .roomcard__desc { opacity: 0; max-height: 0; transform: translateY(18px); transition: opacity 1.2s ease, transform 1.4s cubic-bezier(.16,1,.3,1), max-height 1.4s ease; transition-delay: 0.12s; overflow: hidden; pointer-events: none; } .elementor-2009 .elementor-element.elementor-element-5998307:hover .roomcard__desc { opacity: 1; max-height: 160px; transform: translateY(0); pointer-events: auto; } /* ===== Título y botón también más suaves ===== */ .elementor-2009 .elementor-element.elementor-element-5998307 .elementor-heading-title, .elementor-2009 .elementor-element.elementor-element-5998307 .elementor-button { transition: transform 0.9s cubic-bezier(.25,.46,.45,.94); } .elementor-2009 .elementor-element.elementor-element-5998307:hover .elementor-heading-title, .elementor-2009 .elementor-element.elementor-element-5998307:hover .elementor-button { transform: translateY(-4px); } /* (Opcional) Overlay para legibilidad */ .elementor-2009 .elementor-element.elementor-element-5998307::after { content: ""; position: absolute; inset: 0; } /* ===== Móviles (sin hover): mostrar el texto siempre o por tap ===== */ @media (pointer: coarse) { /* Mostrar siempre en táctiles */ .elementor-2009 .elementor-element.elementor-element-5998307 .roomcard__desc { opacity: 1; max-height: 160px; transform: translateY(0); pointer-events: auto; } /* Y no desplazar el wrapper para que no tape el botón */ .elementor-2009 .elementor-element.elementor-element-5998307 .roomcard__content { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-fb7d6c1 *//* ===== Tarjeta con fondo fijo (no se mueve) ===== */ .elementor-2009 .elementor-element.elementor-element-fb7d6c1.roomcard { position: relative; overflow: hidden; border-radius: 14px; /* opcional */ } /* Fondo: en Elementor usa Estilo → Fondo (Cover, Center). Si quieres efecto fijo respecto al viewport: Attachment = Fixed (ojo en móviles a veces no funciona). */ /* ===== Wrapper de textos (lo único que se desplaza) ===== */ .elementor-2009 .elementor-element.elementor-element-fb7d6c1 .roomcard__content { position: absolute; left: 0; right: 0; bottom: 24px; display: flex; flex-direction: column; align-items: center; gap: 6px; text-align: center; padding: 0 16px; transition: transform 1.4s cubic-bezier(.16,1,.3,1); will-change: transform; } /* En hover: sube el bloque (título + botón) para dejar sitio al texto */ .elementor-2009 .elementor-element.elementor-element-fb7d6c1:hover .roomcard__content { transform: translateY(-24px); /* ajusta intensidad */ } /* ===== Texto oculto → fade + desplazamiento suave ===== */ .elementor-2009 .elementor-element.elementor-element-fb7d6c1 .roomcard__desc { opacity: 0; max-height: 0; transform: translateY(18px); transition: opacity 1.2s ease, transform 1.4s cubic-bezier(.16,1,.3,1), max-height 1.4s ease; transition-delay: 0.12s; overflow: hidden; pointer-events: none; } .elementor-2009 .elementor-element.elementor-element-fb7d6c1:hover .roomcard__desc { opacity: 1; max-height: 160px; transform: translateY(0); pointer-events: auto; } /* ===== Título y botón también más suaves ===== */ .elementor-2009 .elementor-element.elementor-element-fb7d6c1 .elementor-heading-title, .elementor-2009 .elementor-element.elementor-element-fb7d6c1 .elementor-button { transition: transform 0.9s cubic-bezier(.25,.46,.45,.94); } .elementor-2009 .elementor-element.elementor-element-fb7d6c1:hover .elementor-heading-title, .elementor-2009 .elementor-element.elementor-element-fb7d6c1:hover .elementor-button { transform: translateY(-4px); } /* (Opcional) Overlay para legibilidad */ .elementor-2009 .elementor-element.elementor-element-fb7d6c1::after { content: ""; position: absolute; inset: 0; } /* ===== Móviles (sin hover): mostrar el texto siempre o por tap ===== */ @media (pointer: coarse) { /* Mostrar siempre en táctiles */ .elementor-2009 .elementor-element.elementor-element-fb7d6c1 .roomcard__desc { opacity: 1; max-height: 160px; transform: translateY(0); pointer-events: auto; } /* Y no desplazar el wrapper para que no tape el botón */ .elementor-2009 .elementor-element.elementor-element-fb7d6c1 .roomcard__content { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-99d5d3d *//* ===== Tarjeta con fondo fijo (no se mueve) ===== */ .elementor-2009 .elementor-element.elementor-element-99d5d3d.roomcard { position: relative; overflow: hidden; border-radius: 14px; /* opcional */ } /* Fondo: en Elementor usa Estilo → Fondo (Cover, Center). Si quieres efecto fijo respecto al viewport: Attachment = Fixed (ojo en móviles a veces no funciona). */ /* ===== Wrapper de textos (lo único que se desplaza) ===== */ .elementor-2009 .elementor-element.elementor-element-99d5d3d .roomcard__content { position: absolute; left: 0; right: 0; bottom: 24px; display: flex; flex-direction: column; align-items: center; gap: 6px; text-align: center; padding: 0 16px; transition: transform 1.4s cubic-bezier(.16,1,.3,1); will-change: transform; } /* En hover: sube el bloque (título + botón) para dejar sitio al texto */ .elementor-2009 .elementor-element.elementor-element-99d5d3d:hover .roomcard__content { transform: translateY(-24px); /* ajusta intensidad */ } /* ===== Texto oculto → fade + desplazamiento suave ===== */ .elementor-2009 .elementor-element.elementor-element-99d5d3d .roomcard__desc { opacity: 0; max-height: 0; transform: translateY(18px); transition: opacity 1.2s ease, transform 1.4s cubic-bezier(.16,1,.3,1), max-height 1.4s ease; transition-delay: 0.12s; overflow: hidden; pointer-events: none; } .elementor-2009 .elementor-element.elementor-element-99d5d3d:hover .roomcard__desc { opacity: 1; max-height: 160px; transform: translateY(0); pointer-events: auto; } /* ===== Título y botón también más suaves ===== */ .elementor-2009 .elementor-element.elementor-element-99d5d3d .elementor-heading-title, .elementor-2009 .elementor-element.elementor-element-99d5d3d .elementor-button { transition: transform 0.9s cubic-bezier(.25,.46,.45,.94); } .elementor-2009 .elementor-element.elementor-element-99d5d3d:hover .elementor-heading-title, .elementor-2009 .elementor-element.elementor-element-99d5d3d:hover .elementor-button { transform: translateY(-4px); } /* (Opcional) Overlay para legibilidad */ .elementor-2009 .elementor-element.elementor-element-99d5d3d::after { content: ""; position: absolute; inset: 0; } /* ===== Móviles (sin hover): mostrar el texto siempre o por tap ===== */ @media (pointer: coarse) { /* Mostrar siempre en táctiles */ .elementor-2009 .elementor-element.elementor-element-99d5d3d .roomcard__desc { opacity: 1; max-height: 160px; transform: translateY(0); pointer-events: auto; } /* Y no desplazar el wrapper para que no tape el botón */ .elementor-2009 .elementor-element.elementor-element-99d5d3d .roomcard__content { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8cd01c6 *//* ===== Tarjeta con fondo fijo (no se mueve) ===== */ .elementor-2009 .elementor-element.elementor-element-8cd01c6.roomcard { position: relative; overflow: hidden; border-radius: 14px; /* opcional */ } /* Fondo: en Elementor usa Estilo → Fondo (Cover, Center). Si quieres efecto fijo respecto al viewport: Attachment = Fixed (ojo en móviles a veces no funciona). */ /* ===== Wrapper de textos (lo único que se desplaza) ===== */ .elementor-2009 .elementor-element.elementor-element-8cd01c6 .roomcard__content { position: absolute; left: 0; right: 0; bottom: 24px; display: flex; flex-direction: column; align-items: center; gap: 6px; text-align: center; padding: 0 16px; transition: transform 1.4s cubic-bezier(.16,1,.3,1); will-change: transform; } /* En hover: sube el bloque (título + botón) para dejar sitio al texto */ .elementor-2009 .elementor-element.elementor-element-8cd01c6:hover .roomcard__content { transform: translateY(-24px); /* ajusta intensidad */ } /* ===== Texto oculto → fade + desplazamiento suave ===== */ .elementor-2009 .elementor-element.elementor-element-8cd01c6 .roomcard__desc { opacity: 0; max-height: 0; transform: translateY(18px); transition: opacity 1.2s ease, transform 1.4s cubic-bezier(.16,1,.3,1), max-height 1.4s ease; transition-delay: 0.12s; overflow: hidden; pointer-events: none; } .elementor-2009 .elementor-element.elementor-element-8cd01c6:hover .roomcard__desc { opacity: 1; max-height: 160px; transform: translateY(0); pointer-events: auto; } /* ===== Título y botón también más suaves ===== */ .elementor-2009 .elementor-element.elementor-element-8cd01c6 .elementor-heading-title, .elementor-2009 .elementor-element.elementor-element-8cd01c6 .elementor-button { transition: transform 0.9s cubic-bezier(.25,.46,.45,.94); } .elementor-2009 .elementor-element.elementor-element-8cd01c6:hover .elementor-heading-title, .elementor-2009 .elementor-element.elementor-element-8cd01c6:hover .elementor-button { transform: translateY(-4px); } /* (Opcional) Overlay para legibilidad */ .elementor-2009 .elementor-element.elementor-element-8cd01c6::after { content: ""; position: absolute; inset: 0; } /* ===== Móviles (sin hover): mostrar el texto siempre o por tap ===== */ @media (pointer: coarse) { /* Mostrar siempre en táctiles */ .elementor-2009 .elementor-element.elementor-element-8cd01c6 .roomcard__desc { opacity: 1; max-height: 160px; transform: translateY(0); pointer-events: auto; } /* Y no desplazar el wrapper para que no tape el botón */ .elementor-2009 .elementor-element.elementor-element-8cd01c6 .roomcard__content { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b337d7d *//* ===== Tarjeta con fondo fijo (no se mueve) ===== */ .elementor-2009 .elementor-element.elementor-element-b337d7d.roomcard { position: relative; overflow: hidden; border-radius: 14px; /* opcional */ } /* Fondo: en Elementor usa Estilo → Fondo (Cover, Center). Si quieres efecto fijo respecto al viewport: Attachment = Fixed (ojo en móviles a veces no funciona). */ /* ===== Wrapper de textos (lo único que se desplaza) ===== */ .elementor-2009 .elementor-element.elementor-element-b337d7d .roomcard__content { position: absolute; left: 0; right: 0; bottom: 24px; display: flex; flex-direction: column; align-items: center; gap: 6px; text-align: center; padding: 0 16px; transition: transform 1.4s cubic-bezier(.16,1,.3,1); will-change: transform; } /* En hover: sube el bloque (título + botón) para dejar sitio al texto */ .elementor-2009 .elementor-element.elementor-element-b337d7d:hover .roomcard__content { transform: translateY(-24px); /* ajusta intensidad */ } /* ===== Texto oculto → fade + desplazamiento suave ===== */ .elementor-2009 .elementor-element.elementor-element-b337d7d .roomcard__desc { opacity: 0; max-height: 0; transform: translateY(18px); transition: opacity 1.2s ease, transform 1.4s cubic-bezier(.16,1,.3,1), max-height 1.4s ease; transition-delay: 0.12s; overflow: hidden; pointer-events: none; } .elementor-2009 .elementor-element.elementor-element-b337d7d:hover .roomcard__desc { opacity: 1; max-height: 160px; transform: translateY(0); pointer-events: auto; } /* ===== Título y botón también más suaves ===== */ .elementor-2009 .elementor-element.elementor-element-b337d7d .elementor-heading-title, .elementor-2009 .elementor-element.elementor-element-b337d7d .elementor-button { transition: transform 0.9s cubic-bezier(.25,.46,.45,.94); } .elementor-2009 .elementor-element.elementor-element-b337d7d:hover .elementor-heading-title, .elementor-2009 .elementor-element.elementor-element-b337d7d:hover .elementor-button { transform: translateY(-4px); } /* (Opcional) Overlay para legibilidad */ .elementor-2009 .elementor-element.elementor-element-b337d7d::after { content: ""; position: absolute; inset: 0; } /* ===== Móviles (sin hover): mostrar el texto siempre o por tap ===== */ @media (pointer: coarse) { /* Mostrar siempre en táctiles */ .elementor-2009 .elementor-element.elementor-element-b337d7d .roomcard__desc { opacity: 1; max-height: 160px; transform: translateY(0); pointer-events: auto; } /* Y no desplazar el wrapper para que no tape el botón */ .elementor-2009 .elementor-element.elementor-element-b337d7d .roomcard__content { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5998307 *//* ===== Tarjeta con fondo fijo (no se mueve) ===== */ .elementor-2009 .elementor-element.elementor-element-5998307.roomcard { position: relative; overflow: hidden; border-radius: 14px; /* opcional */ } /* Fondo: en Elementor usa Estilo → Fondo (Cover, Center). Si quieres efecto fijo respecto al viewport: Attachment = Fixed (ojo en móviles a veces no funciona). */ /* ===== Wrapper de textos (lo único que se desplaza) ===== */ .elementor-2009 .elementor-element.elementor-element-5998307 .roomcard__content { position: absolute; left: 0; right: 0; bottom: 24px; display: flex; flex-direction: column; align-items: center; gap: 6px; text-align: center; padding: 0 16px; transition: transform 1.4s cubic-bezier(.16,1,.3,1); will-change: transform; } /* En hover: sube el bloque (título + botón) para dejar sitio al texto */ .elementor-2009 .elementor-element.elementor-element-5998307:hover .roomcard__content { transform: translateY(-24px); /* ajusta intensidad */ } /* ===== Texto oculto → fade + desplazamiento suave ===== */ .elementor-2009 .elementor-element.elementor-element-5998307 .roomcard__desc { opacity: 0; max-height: 0; transform: translateY(18px); transition: opacity 1.2s ease, transform 1.4s cubic-bezier(.16,1,.3,1), max-height 1.4s ease; transition-delay: 0.12s; overflow: hidden; pointer-events: none; } .elementor-2009 .elementor-element.elementor-element-5998307:hover .roomcard__desc { opacity: 1; max-height: 160px; transform: translateY(0); pointer-events: auto; } /* ===== Título y botón también más suaves ===== */ .elementor-2009 .elementor-element.elementor-element-5998307 .elementor-heading-title, .elementor-2009 .elementor-element.elementor-element-5998307 .elementor-button { transition: transform 0.9s cubic-bezier(.25,.46,.45,.94); } .elementor-2009 .elementor-element.elementor-element-5998307:hover .elementor-heading-title, .elementor-2009 .elementor-element.elementor-element-5998307:hover .elementor-button { transform: translateY(-4px); } /* (Opcional) Overlay para legibilidad */ .elementor-2009 .elementor-element.elementor-element-5998307::after { content: ""; position: absolute; inset: 0; } /* ===== Móviles (sin hover): mostrar el texto siempre o por tap ===== */ @media (pointer: coarse) { /* Mostrar siempre en táctiles */ .elementor-2009 .elementor-element.elementor-element-5998307 .roomcard__desc { opacity: 1; max-height: 160px; transform: translateY(0); pointer-events: auto; } /* Y no desplazar el wrapper para que no tape el botón */ .elementor-2009 .elementor-element.elementor-element-5998307 .roomcard__content { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-fb7d6c1 *//* ===== Tarjeta con fondo fijo (no se mueve) ===== */ .elementor-2009 .elementor-element.elementor-element-fb7d6c1.roomcard { position: relative; overflow: hidden; border-radius: 14px; /* opcional */ } /* Fondo: en Elementor usa Estilo → Fondo (Cover, Center). Si quieres efecto fijo respecto al viewport: Attachment = Fixed (ojo en móviles a veces no funciona). */ /* ===== Wrapper de textos (lo único que se desplaza) ===== */ .elementor-2009 .elementor-element.elementor-element-fb7d6c1 .roomcard__content { position: absolute; left: 0; right: 0; bottom: 24px; display: flex; flex-direction: column; align-items: center; gap: 6px; text-align: center; padding: 0 16px; transition: transform 1.4s cubic-bezier(.16,1,.3,1); will-change: transform; } /* En hover: sube el bloque (título + botón) para dejar sitio al texto */ .elementor-2009 .elementor-element.elementor-element-fb7d6c1:hover .roomcard__content { transform: translateY(-24px); /* ajusta intensidad */ } /* ===== Texto oculto → fade + desplazamiento suave ===== */ .elementor-2009 .elementor-element.elementor-element-fb7d6c1 .roomcard__desc { opacity: 0; max-height: 0; transform: translateY(18px); transition: opacity 1.2s ease, transform 1.4s cubic-bezier(.16,1,.3,1), max-height 1.4s ease; transition-delay: 0.12s; overflow: hidden; pointer-events: none; } .elementor-2009 .elementor-element.elementor-element-fb7d6c1:hover .roomcard__desc { opacity: 1; max-height: 160px; transform: translateY(0); pointer-events: auto; } /* ===== Título y botón también más suaves ===== */ .elementor-2009 .elementor-element.elementor-element-fb7d6c1 .elementor-heading-title, .elementor-2009 .elementor-element.elementor-element-fb7d6c1 .elementor-button { transition: transform 0.9s cubic-bezier(.25,.46,.45,.94); } .elementor-2009 .elementor-element.elementor-element-fb7d6c1:hover .elementor-heading-title, .elementor-2009 .elementor-element.elementor-element-fb7d6c1:hover .elementor-button { transform: translateY(-4px); } /* (Opcional) Overlay para legibilidad */ .elementor-2009 .elementor-element.elementor-element-fb7d6c1::after { content: ""; position: absolute; inset: 0; } /* ===== Móviles (sin hover): mostrar el texto siempre o por tap ===== */ @media (pointer: coarse) { /* Mostrar siempre en táctiles */ .elementor-2009 .elementor-element.elementor-element-fb7d6c1 .roomcard__desc { opacity: 1; max-height: 160px; transform: translateY(0); pointer-events: auto; } /* Y no desplazar el wrapper para que no tape el botón */ .elementor-2009 .elementor-element.elementor-element-fb7d6c1 .roomcard__content { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-99d5d3d *//* ===== Tarjeta con fondo fijo (no se mueve) ===== */ .elementor-2009 .elementor-element.elementor-element-99d5d3d.roomcard { position: relative; overflow: hidden; border-radius: 14px; /* opcional */ } /* Fondo: en Elementor usa Estilo → Fondo (Cover, Center). Si quieres efecto fijo respecto al viewport: Attachment = Fixed (ojo en móviles a veces no funciona). */ /* ===== Wrapper de textos (lo único que se desplaza) ===== */ .elementor-2009 .elementor-element.elementor-element-99d5d3d .roomcard__content { position: absolute; left: 0; right: 0; bottom: 24px; display: flex; flex-direction: column; align-items: center; gap: 6px; text-align: center; padding: 0 16px; transition: transform 1.4s cubic-bezier(.16,1,.3,1); will-change: transform; } /* En hover: sube el bloque (título + botón) para dejar sitio al texto */ .elementor-2009 .elementor-element.elementor-element-99d5d3d:hover .roomcard__content { transform: translateY(-24px); /* ajusta intensidad */ } /* ===== Texto oculto → fade + desplazamiento suave ===== */ .elementor-2009 .elementor-element.elementor-element-99d5d3d .roomcard__desc { opacity: 0; max-height: 0; transform: translateY(18px); transition: opacity 1.2s ease, transform 1.4s cubic-bezier(.16,1,.3,1), max-height 1.4s ease; transition-delay: 0.12s; overflow: hidden; pointer-events: none; } .elementor-2009 .elementor-element.elementor-element-99d5d3d:hover .roomcard__desc { opacity: 1; max-height: 160px; transform: translateY(0); pointer-events: auto; } /* ===== Título y botón también más suaves ===== */ .elementor-2009 .elementor-element.elementor-element-99d5d3d .elementor-heading-title, .elementor-2009 .elementor-element.elementor-element-99d5d3d .elementor-button { transition: transform 0.9s cubic-bezier(.25,.46,.45,.94); } .elementor-2009 .elementor-element.elementor-element-99d5d3d:hover .elementor-heading-title, .elementor-2009 .elementor-element.elementor-element-99d5d3d:hover .elementor-button { transform: translateY(-4px); } /* (Opcional) Overlay para legibilidad */ .elementor-2009 .elementor-element.elementor-element-99d5d3d::after { content: ""; position: absolute; inset: 0; } /* ===== Móviles (sin hover): mostrar el texto siempre o por tap ===== */ @media (pointer: coarse) { /* Mostrar siempre en táctiles */ .elementor-2009 .elementor-element.elementor-element-99d5d3d .roomcard__desc { opacity: 1; max-height: 160px; transform: translateY(0); pointer-events: auto; } /* Y no desplazar el wrapper para que no tape el botón */ .elementor-2009 .elementor-element.elementor-element-99d5d3d .roomcard__content { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8cd01c6 *//* ===== Tarjeta con fondo fijo (no se mueve) ===== */ .elementor-2009 .elementor-element.elementor-element-8cd01c6.roomcard { position: relative; overflow: hidden; border-radius: 14px; /* opcional */ } /* Fondo: en Elementor usa Estilo → Fondo (Cover, Center). Si quieres efecto fijo respecto al viewport: Attachment = Fixed (ojo en móviles a veces no funciona). */ /* ===== Wrapper de textos (lo único que se desplaza) ===== */ .elementor-2009 .elementor-element.elementor-element-8cd01c6 .roomcard__content { position: absolute; left: 0; right: 0; bottom: 24px; display: flex; flex-direction: column; align-items: center; gap: 6px; text-align: center; padding: 0 16px; transition: transform 1.4s cubic-bezier(.16,1,.3,1); will-change: transform; } /* En hover: sube el bloque (título + botón) para dejar sitio al texto */ .elementor-2009 .elementor-element.elementor-element-8cd01c6:hover .roomcard__content { transform: translateY(-24px); /* ajusta intensidad */ } /* ===== Texto oculto → fade + desplazamiento suave ===== */ .elementor-2009 .elementor-element.elementor-element-8cd01c6 .roomcard__desc { opacity: 0; max-height: 0; transform: translateY(18px); transition: opacity 1.2s ease, transform 1.4s cubic-bezier(.16,1,.3,1), max-height 1.4s ease; transition-delay: 0.12s; overflow: hidden; pointer-events: none; } .elementor-2009 .elementor-element.elementor-element-8cd01c6:hover .roomcard__desc { opacity: 1; max-height: 160px; transform: translateY(0); pointer-events: auto; } /* ===== Título y botón también más suaves ===== */ .elementor-2009 .elementor-element.elementor-element-8cd01c6 .elementor-heading-title, .elementor-2009 .elementor-element.elementor-element-8cd01c6 .elementor-button { transition: transform 0.9s cubic-bezier(.25,.46,.45,.94); } .elementor-2009 .elementor-element.elementor-element-8cd01c6:hover .elementor-heading-title, .elementor-2009 .elementor-element.elementor-element-8cd01c6:hover .elementor-button { transform: translateY(-4px); } /* (Opcional) Overlay para legibilidad */ .elementor-2009 .elementor-element.elementor-element-8cd01c6::after { content: ""; position: absolute; inset: 0; } /* ===== Móviles (sin hover): mostrar el texto siempre o por tap ===== */ @media (pointer: coarse) { /* Mostrar siempre en táctiles */ .elementor-2009 .elementor-element.elementor-element-8cd01c6 .roomcard__desc { opacity: 1; max-height: 160px; transform: translateY(0); pointer-events: auto; } /* Y no desplazar el wrapper para que no tape el botón */ .elementor-2009 .elementor-element.elementor-element-8cd01c6 .roomcard__content { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b337d7d *//* ===== Tarjeta con fondo fijo (no se mueve) ===== */ .elementor-2009 .elementor-element.elementor-element-b337d7d.roomcard { position: relative; overflow: hidden; border-radius: 14px; /* opcional */ } /* Fondo: en Elementor usa Estilo → Fondo (Cover, Center). Si quieres efecto fijo respecto al viewport: Attachment = Fixed (ojo en móviles a veces no funciona). */ /* ===== Wrapper de textos (lo único que se desplaza) ===== */ .elementor-2009 .elementor-element.elementor-element-b337d7d .roomcard__content { position: absolute; left: 0; right: 0; bottom: 24px; display: flex; flex-direction: column; align-items: center; gap: 6px; text-align: center; padding: 0 16px; transition: transform 1.4s cubic-bezier(.16,1,.3,1); will-change: transform; } /* En hover: sube el bloque (título + botón) para dejar sitio al texto */ .elementor-2009 .elementor-element.elementor-element-b337d7d:hover .roomcard__content { transform: translateY(-24px); /* ajusta intensidad */ } /* ===== Texto oculto → fade + desplazamiento suave ===== */ .elementor-2009 .elementor-element.elementor-element-b337d7d .roomcard__desc { opacity: 0; max-height: 0; transform: translateY(18px); transition: opacity 1.2s ease, transform 1.4s cubic-bezier(.16,1,.3,1), max-height 1.4s ease; transition-delay: 0.12s; overflow: hidden; pointer-events: none; } .elementor-2009 .elementor-element.elementor-element-b337d7d:hover .roomcard__desc { opacity: 1; max-height: 160px; transform: translateY(0); pointer-events: auto; } /* ===== Título y botón también más suaves ===== */ .elementor-2009 .elementor-element.elementor-element-b337d7d .elementor-heading-title, .elementor-2009 .elementor-element.elementor-element-b337d7d .elementor-button { transition: transform 0.9s cubic-bezier(.25,.46,.45,.94); } .elementor-2009 .elementor-element.elementor-element-b337d7d:hover .elementor-heading-title, .elementor-2009 .elementor-element.elementor-element-b337d7d:hover .elementor-button { transform: translateY(-4px); } /* (Opcional) Overlay para legibilidad */ .elementor-2009 .elementor-element.elementor-element-b337d7d::after { content: ""; position: absolute; inset: 0; } /* ===== Móviles (sin hover): mostrar el texto siempre o por tap ===== */ @media (pointer: coarse) { /* Mostrar siempre en táctiles */ .elementor-2009 .elementor-element.elementor-element-b337d7d .roomcard__desc { opacity: 1; max-height: 160px; transform: translateY(0); pointer-events: auto; } /* Y no desplazar el wrapper para que no tape el botón */ .elementor-2009 .elementor-element.elementor-element-b337d7d .roomcard__content { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5998307 *//* ===== Tarjeta con fondo fijo (no se mueve) ===== */ .elementor-2009 .elementor-element.elementor-element-5998307.roomcard { position: relative; overflow: hidden; border-radius: 14px; /* opcional */ } /* Fondo: en Elementor usa Estilo → Fondo (Cover, Center). Si quieres efecto fijo respecto al viewport: Attachment = Fixed (ojo en móviles a veces no funciona). */ /* ===== Wrapper de textos (lo único que se desplaza) ===== */ .elementor-2009 .elementor-element.elementor-element-5998307 .roomcard__content { position: absolute; left: 0; right: 0; bottom: 24px; display: flex; flex-direction: column; align-items: center; gap: 6px; text-align: center; padding: 0 16px; transition: transform 1.4s cubic-bezier(.16,1,.3,1); will-change: transform; } /* En hover: sube el bloque (título + botón) para dejar sitio al texto */ .elementor-2009 .elementor-element.elementor-element-5998307:hover .roomcard__content { transform: translateY(-24px); /* ajusta intensidad */ } /* ===== Texto oculto → fade + desplazamiento suave ===== */ .elementor-2009 .elementor-element.elementor-element-5998307 .roomcard__desc { opacity: 0; max-height: 0; transform: translateY(18px); transition: opacity 1.2s ease, transform 1.4s cubic-bezier(.16,1,.3,1), max-height 1.4s ease; transition-delay: 0.12s; overflow: hidden; pointer-events: none; } .elementor-2009 .elementor-element.elementor-element-5998307:hover .roomcard__desc { opacity: 1; max-height: 160px; transform: translateY(0); pointer-events: auto; } /* ===== Título y botón también más suaves ===== */ .elementor-2009 .elementor-element.elementor-element-5998307 .elementor-heading-title, .elementor-2009 .elementor-element.elementor-element-5998307 .elementor-button { transition: transform 0.9s cubic-bezier(.25,.46,.45,.94); } .elementor-2009 .elementor-element.elementor-element-5998307:hover .elementor-heading-title, .elementor-2009 .elementor-element.elementor-element-5998307:hover .elementor-button { transform: translateY(-4px); } /* (Opcional) Overlay para legibilidad */ .elementor-2009 .elementor-element.elementor-element-5998307::after { content: ""; position: absolute; inset: 0; } /* ===== Móviles (sin hover): mostrar el texto siempre o por tap ===== */ @media (pointer: coarse) { /* Mostrar siempre en táctiles */ .elementor-2009 .elementor-element.elementor-element-5998307 .roomcard__desc { opacity: 1; max-height: 160px; transform: translateY(0); pointer-events: auto; } /* Y no desplazar el wrapper para que no tape el botón */ .elementor-2009 .elementor-element.elementor-element-5998307 .roomcard__content { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-fb7d6c1 *//* ===== Tarjeta con fondo fijo (no se mueve) ===== */ .elementor-2009 .elementor-element.elementor-element-fb7d6c1.roomcard { position: relative; overflow: hidden; border-radius: 14px; /* opcional */ } /* Fondo: en Elementor usa Estilo → Fondo (Cover, Center). Si quieres efecto fijo respecto al viewport: Attachment = Fixed (ojo en móviles a veces no funciona). */ /* ===== Wrapper de textos (lo único que se desplaza) ===== */ .elementor-2009 .elementor-element.elementor-element-fb7d6c1 .roomcard__content { position: absolute; left: 0; right: 0; bottom: 24px; display: flex; flex-direction: column; align-items: center; gap: 6px; text-align: center; padding: 0 16px; transition: transform 1.4s cubic-bezier(.16,1,.3,1); will-change: transform; } /* En hover: sube el bloque (título + botón) para dejar sitio al texto */ .elementor-2009 .elementor-element.elementor-element-fb7d6c1:hover .roomcard__content { transform: translateY(-24px); /* ajusta intensidad */ } /* ===== Texto oculto → fade + desplazamiento suave ===== */ .elementor-2009 .elementor-element.elementor-element-fb7d6c1 .roomcard__desc { opacity: 0; max-height: 0; transform: translateY(18px); transition: opacity 1.2s ease, transform 1.4s cubic-bezier(.16,1,.3,1), max-height 1.4s ease; transition-delay: 0.12s; overflow: hidden; pointer-events: none; } .elementor-2009 .elementor-element.elementor-element-fb7d6c1:hover .roomcard__desc { opacity: 1; max-height: 160px; transform: translateY(0); pointer-events: auto; } /* ===== Título y botón también más suaves ===== */ .elementor-2009 .elementor-element.elementor-element-fb7d6c1 .elementor-heading-title, .elementor-2009 .elementor-element.elementor-element-fb7d6c1 .elementor-button { transition: transform 0.9s cubic-bezier(.25,.46,.45,.94); } .elementor-2009 .elementor-element.elementor-element-fb7d6c1:hover .elementor-heading-title, .elementor-2009 .elementor-element.elementor-element-fb7d6c1:hover .elementor-button { transform: translateY(-4px); } /* (Opcional) Overlay para legibilidad */ .elementor-2009 .elementor-element.elementor-element-fb7d6c1::after { content: ""; position: absolute; inset: 0; } /* ===== Móviles (sin hover): mostrar el texto siempre o por tap ===== */ @media (pointer: coarse) { /* Mostrar siempre en táctiles */ .elementor-2009 .elementor-element.elementor-element-fb7d6c1 .roomcard__desc { opacity: 1; max-height: 160px; transform: translateY(0); pointer-events: auto; } /* Y no desplazar el wrapper para que no tape el botón */ .elementor-2009 .elementor-element.elementor-element-fb7d6c1 .roomcard__content { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-99d5d3d *//* ===== Tarjeta con fondo fijo (no se mueve) ===== */ .elementor-2009 .elementor-element.elementor-element-99d5d3d.roomcard { position: relative; overflow: hidden; border-radius: 14px; /* opcional */ } /* Fondo: en Elementor usa Estilo → Fondo (Cover, Center). Si quieres efecto fijo respecto al viewport: Attachment = Fixed (ojo en móviles a veces no funciona). */ /* ===== Wrapper de textos (lo único que se desplaza) ===== */ .elementor-2009 .elementor-element.elementor-element-99d5d3d .roomcard__content { position: absolute; left: 0; right: 0; bottom: 24px; display: flex; flex-direction: column; align-items: center; gap: 6px; text-align: center; padding: 0 16px; transition: transform 1.4s cubic-bezier(.16,1,.3,1); will-change: transform; } /* En hover: sube el bloque (título + botón) para dejar sitio al texto */ .elementor-2009 .elementor-element.elementor-element-99d5d3d:hover .roomcard__content { transform: translateY(-24px); /* ajusta intensidad */ } /* ===== Texto oculto → fade + desplazamiento suave ===== */ .elementor-2009 .elementor-element.elementor-element-99d5d3d .roomcard__desc { opacity: 0; max-height: 0; transform: translateY(18px); transition: opacity 1.2s ease, transform 1.4s cubic-bezier(.16,1,.3,1), max-height 1.4s ease; transition-delay: 0.12s; overflow: hidden; pointer-events: none; } .elementor-2009 .elementor-element.elementor-element-99d5d3d:hover .roomcard__desc { opacity: 1; max-height: 160px; transform: translateY(0); pointer-events: auto; } /* ===== Título y botón también más suaves ===== */ .elementor-2009 .elementor-element.elementor-element-99d5d3d .elementor-heading-title, .elementor-2009 .elementor-element.elementor-element-99d5d3d .elementor-button { transition: transform 0.9s cubic-bezier(.25,.46,.45,.94); } .elementor-2009 .elementor-element.elementor-element-99d5d3d:hover .elementor-heading-title, .elementor-2009 .elementor-element.elementor-element-99d5d3d:hover .elementor-button { transform: translateY(-4px); } /* (Opcional) Overlay para legibilidad */ .elementor-2009 .elementor-element.elementor-element-99d5d3d::after { content: ""; position: absolute; inset: 0; } /* ===== Móviles (sin hover): mostrar el texto siempre o por tap ===== */ @media (pointer: coarse) { /* Mostrar siempre en táctiles */ .elementor-2009 .elementor-element.elementor-element-99d5d3d .roomcard__desc { opacity: 1; max-height: 160px; transform: translateY(0); pointer-events: auto; } /* Y no desplazar el wrapper para que no tape el botón */ .elementor-2009 .elementor-element.elementor-element-99d5d3d .roomcard__content { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8cd01c6 *//* ===== Tarjeta con fondo fijo (no se mueve) ===== */ .elementor-2009 .elementor-element.elementor-element-8cd01c6.roomcard { position: relative; overflow: hidden; border-radius: 14px; /* opcional */ } /* Fondo: en Elementor usa Estilo → Fondo (Cover, Center). Si quieres efecto fijo respecto al viewport: Attachment = Fixed (ojo en móviles a veces no funciona). */ /* ===== Wrapper de textos (lo único que se desplaza) ===== */ .elementor-2009 .elementor-element.elementor-element-8cd01c6 .roomcard__content { position: absolute; left: 0; right: 0; bottom: 24px; display: flex; flex-direction: column; align-items: center; gap: 6px; text-align: center; padding: 0 16px; transition: transform 1.4s cubic-bezier(.16,1,.3,1); will-change: transform; } /* En hover: sube el bloque (título + botón) para dejar sitio al texto */ .elementor-2009 .elementor-element.elementor-element-8cd01c6:hover .roomcard__content { transform: translateY(-24px); /* ajusta intensidad */ } /* ===== Texto oculto → fade + desplazamiento suave ===== */ .elementor-2009 .elementor-element.elementor-element-8cd01c6 .roomcard__desc { opacity: 0; max-height: 0; transform: translateY(18px); transition: opacity 1.2s ease, transform 1.4s cubic-bezier(.16,1,.3,1), max-height 1.4s ease; transition-delay: 0.12s; overflow: hidden; pointer-events: none; } .elementor-2009 .elementor-element.elementor-element-8cd01c6:hover .roomcard__desc { opacity: 1; max-height: 160px; transform: translateY(0); pointer-events: auto; } /* ===== Título y botón también más suaves ===== */ .elementor-2009 .elementor-element.elementor-element-8cd01c6 .elementor-heading-title, .elementor-2009 .elementor-element.elementor-element-8cd01c6 .elementor-button { transition: transform 0.9s cubic-bezier(.25,.46,.45,.94); } .elementor-2009 .elementor-element.elementor-element-8cd01c6:hover .elementor-heading-title, .elementor-2009 .elementor-element.elementor-element-8cd01c6:hover .elementor-button { transform: translateY(-4px); } /* (Opcional) Overlay para legibilidad */ .elementor-2009 .elementor-element.elementor-element-8cd01c6::after { content: ""; position: absolute; inset: 0; } /* ===== Móviles (sin hover): mostrar el texto siempre o por tap ===== */ @media (pointer: coarse) { /* Mostrar siempre en táctiles */ .elementor-2009 .elementor-element.elementor-element-8cd01c6 .roomcard__desc { opacity: 1; max-height: 160px; transform: translateY(0); pointer-events: auto; } /* Y no desplazar el wrapper para que no tape el botón */ .elementor-2009 .elementor-element.elementor-element-8cd01c6 .roomcard__content { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b337d7d *//* ===== Tarjeta con fondo fijo (no se mueve) ===== */ .elementor-2009 .elementor-element.elementor-element-b337d7d.roomcard { position: relative; overflow: hidden; border-radius: 14px; /* opcional */ } /* Fondo: en Elementor usa Estilo → Fondo (Cover, Center). Si quieres efecto fijo respecto al viewport: Attachment = Fixed (ojo en móviles a veces no funciona). */ /* ===== Wrapper de textos (lo único que se desplaza) ===== */ .elementor-2009 .elementor-element.elementor-element-b337d7d .roomcard__content { position: absolute; left: 0; right: 0; bottom: 24px; display: flex; flex-direction: column; align-items: center; gap: 6px; text-align: center; padding: 0 16px; transition: transform 1.4s cubic-bezier(.16,1,.3,1); will-change: transform; } /* En hover: sube el bloque (título + botón) para dejar sitio al texto */ .elementor-2009 .elementor-element.elementor-element-b337d7d:hover .roomcard__content { transform: translateY(-24px); /* ajusta intensidad */ } /* ===== Texto oculto → fade + desplazamiento suave ===== */ .elementor-2009 .elementor-element.elementor-element-b337d7d .roomcard__desc { opacity: 0; max-height: 0; transform: translateY(18px); transition: opacity 1.2s ease, transform 1.4s cubic-bezier(.16,1,.3,1), max-height 1.4s ease; transition-delay: 0.12s; overflow: hidden; pointer-events: none; } .elementor-2009 .elementor-element.elementor-element-b337d7d:hover .roomcard__desc { opacity: 1; max-height: 160px; transform: translateY(0); pointer-events: auto; } /* ===== Título y botón también más suaves ===== */ .elementor-2009 .elementor-element.elementor-element-b337d7d .elementor-heading-title, .elementor-2009 .elementor-element.elementor-element-b337d7d .elementor-button { transition: transform 0.9s cubic-bezier(.25,.46,.45,.94); } .elementor-2009 .elementor-element.elementor-element-b337d7d:hover .elementor-heading-title, .elementor-2009 .elementor-element.elementor-element-b337d7d:hover .elementor-button { transform: translateY(-4px); } /* (Opcional) Overlay para legibilidad */ .elementor-2009 .elementor-element.elementor-element-b337d7d::after { content: ""; position: absolute; inset: 0; } /* ===== Móviles (sin hover): mostrar el texto siempre o por tap ===== */ @media (pointer: coarse) { /* Mostrar siempre en táctiles */ .elementor-2009 .elementor-element.elementor-element-b337d7d .roomcard__desc { opacity: 1; max-height: 160px; transform: translateY(0); pointer-events: auto; } /* Y no desplazar el wrapper para que no tape el botón */ .elementor-2009 .elementor-element.elementor-element-b337d7d .roomcard__content { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5998307 *//* ===== Tarjeta con fondo fijo (no se mueve) ===== */ .elementor-2009 .elementor-element.elementor-element-5998307.roomcard { position: relative; overflow: hidden; border-radius: 14px; /* opcional */ } /* Fondo: en Elementor usa Estilo → Fondo (Cover, Center). Si quieres efecto fijo respecto al viewport: Attachment = Fixed (ojo en móviles a veces no funciona). */ /* ===== Wrapper de textos (lo único que se desplaza) ===== */ .elementor-2009 .elementor-element.elementor-element-5998307 .roomcard__content { position: absolute; left: 0; right: 0; bottom: 24px; display: flex; flex-direction: column; align-items: center; gap: 6px; text-align: center; padding: 0 16px; transition: transform 1.4s cubic-bezier(.16,1,.3,1); will-change: transform; } /* En hover: sube el bloque (título + botón) para dejar sitio al texto */ .elementor-2009 .elementor-element.elementor-element-5998307:hover .roomcard__content { transform: translateY(-24px); /* ajusta intensidad */ } /* ===== Texto oculto → fade + desplazamiento suave ===== */ .elementor-2009 .elementor-element.elementor-element-5998307 .roomcard__desc { opacity: 0; max-height: 0; transform: translateY(18px); transition: opacity 1.2s ease, transform 1.4s cubic-bezier(.16,1,.3,1), max-height 1.4s ease; transition-delay: 0.12s; overflow: hidden; pointer-events: none; } .elementor-2009 .elementor-element.elementor-element-5998307:hover .roomcard__desc { opacity: 1; max-height: 160px; transform: translateY(0); pointer-events: auto; } /* ===== Título y botón también más suaves ===== */ .elementor-2009 .elementor-element.elementor-element-5998307 .elementor-heading-title, .elementor-2009 .elementor-element.elementor-element-5998307 .elementor-button { transition: transform 0.9s cubic-bezier(.25,.46,.45,.94); } .elementor-2009 .elementor-element.elementor-element-5998307:hover .elementor-heading-title, .elementor-2009 .elementor-element.elementor-element-5998307:hover .elementor-button { transform: translateY(-4px); } /* (Opcional) Overlay para legibilidad */ .elementor-2009 .elementor-element.elementor-element-5998307::after { content: ""; position: absolute; inset: 0; } /* ===== Móviles (sin hover): mostrar el texto siempre o por tap ===== */ @media (pointer: coarse) { /* Mostrar siempre en táctiles */ .elementor-2009 .elementor-element.elementor-element-5998307 .roomcard__desc { opacity: 1; max-height: 160px; transform: translateY(0); pointer-events: auto; } /* Y no desplazar el wrapper para que no tape el botón */ .elementor-2009 .elementor-element.elementor-element-5998307 .roomcard__content { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-fb7d6c1 *//* ===== Tarjeta con fondo fijo (no se mueve) ===== */ .elementor-2009 .elementor-element.elementor-element-fb7d6c1.roomcard { position: relative; overflow: hidden; border-radius: 14px; /* opcional */ } /* Fondo: en Elementor usa Estilo → Fondo (Cover, Center). Si quieres efecto fijo respecto al viewport: Attachment = Fixed (ojo en móviles a veces no funciona). */ /* ===== Wrapper de textos (lo único que se desplaza) ===== */ .elementor-2009 .elementor-element.elementor-element-fb7d6c1 .roomcard__content { position: absolute; left: 0; right: 0; bottom: 24px; display: flex; flex-direction: column; align-items: center; gap: 6px; text-align: center; padding: 0 16px; transition: transform 1.4s cubic-bezier(.16,1,.3,1); will-change: transform; } /* En hover: sube el bloque (título + botón) para dejar sitio al texto */ .elementor-2009 .elementor-element.elementor-element-fb7d6c1:hover .roomcard__content { transform: translateY(-24px); /* ajusta intensidad */ } /* ===== Texto oculto → fade + desplazamiento suave ===== */ .elementor-2009 .elementor-element.elementor-element-fb7d6c1 .roomcard__desc { opacity: 0; max-height: 0; transform: translateY(18px); transition: opacity 1.2s ease, transform 1.4s cubic-bezier(.16,1,.3,1), max-height 1.4s ease; transition-delay: 0.12s; overflow: hidden; pointer-events: none; } .elementor-2009 .elementor-element.elementor-element-fb7d6c1:hover .roomcard__desc { opacity: 1; max-height: 160px; transform: translateY(0); pointer-events: auto; } /* ===== Título y botón también más suaves ===== */ .elementor-2009 .elementor-element.elementor-element-fb7d6c1 .elementor-heading-title, .elementor-2009 .elementor-element.elementor-element-fb7d6c1 .elementor-button { transition: transform 0.9s cubic-bezier(.25,.46,.45,.94); } .elementor-2009 .elementor-element.elementor-element-fb7d6c1:hover .elementor-heading-title, .elementor-2009 .elementor-element.elementor-element-fb7d6c1:hover .elementor-button { transform: translateY(-4px); } /* (Opcional) Overlay para legibilidad */ .elementor-2009 .elementor-element.elementor-element-fb7d6c1::after { content: ""; position: absolute; inset: 0; } /* ===== Móviles (sin hover): mostrar el texto siempre o por tap ===== */ @media (pointer: coarse) { /* Mostrar siempre en táctiles */ .elementor-2009 .elementor-element.elementor-element-fb7d6c1 .roomcard__desc { opacity: 1; max-height: 160px; transform: translateY(0); pointer-events: auto; } /* Y no desplazar el wrapper para que no tape el botón */ .elementor-2009 .elementor-element.elementor-element-fb7d6c1 .roomcard__content { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-99d5d3d *//* ===== Tarjeta con fondo fijo (no se mueve) ===== */ .elementor-2009 .elementor-element.elementor-element-99d5d3d.roomcard { position: relative; overflow: hidden; border-radius: 14px; /* opcional */ } /* Fondo: en Elementor usa Estilo → Fondo (Cover, Center). Si quieres efecto fijo respecto al viewport: Attachment = Fixed (ojo en móviles a veces no funciona). */ /* ===== Wrapper de textos (lo único que se desplaza) ===== */ .elementor-2009 .elementor-element.elementor-element-99d5d3d .roomcard__content { position: absolute; left: 0; right: 0; bottom: 24px; display: flex; flex-direction: column; align-items: center; gap: 6px; text-align: center; padding: 0 16px; transition: transform 1.4s cubic-bezier(.16,1,.3,1); will-change: transform; } /* En hover: sube el bloque (título + botón) para dejar sitio al texto */ .elementor-2009 .elementor-element.elementor-element-99d5d3d:hover .roomcard__content { transform: translateY(-24px); /* ajusta intensidad */ } /* ===== Texto oculto → fade + desplazamiento suave ===== */ .elementor-2009 .elementor-element.elementor-element-99d5d3d .roomcard__desc { opacity: 0; max-height: 0; transform: translateY(18px); transition: opacity 1.2s ease, transform 1.4s cubic-bezier(.16,1,.3,1), max-height 1.4s ease; transition-delay: 0.12s; overflow: hidden; pointer-events: none; } .elementor-2009 .elementor-element.elementor-element-99d5d3d:hover .roomcard__desc { opacity: 1; max-height: 160px; transform: translateY(0); pointer-events: auto; } /* ===== Título y botón también más suaves ===== */ .elementor-2009 .elementor-element.elementor-element-99d5d3d .elementor-heading-title, .elementor-2009 .elementor-element.elementor-element-99d5d3d .elementor-button { transition: transform 0.9s cubic-bezier(.25,.46,.45,.94); } .elementor-2009 .elementor-element.elementor-element-99d5d3d:hover .elementor-heading-title, .elementor-2009 .elementor-element.elementor-element-99d5d3d:hover .elementor-button { transform: translateY(-4px); } /* (Opcional) Overlay para legibilidad */ .elementor-2009 .elementor-element.elementor-element-99d5d3d::after { content: ""; position: absolute; inset: 0; } /* ===== Móviles (sin hover): mostrar el texto siempre o por tap ===== */ @media (pointer: coarse) { /* Mostrar siempre en táctiles */ .elementor-2009 .elementor-element.elementor-element-99d5d3d .roomcard__desc { opacity: 1; max-height: 160px; transform: translateY(0); pointer-events: auto; } /* Y no desplazar el wrapper para que no tape el botón */ .elementor-2009 .elementor-element.elementor-element-99d5d3d .roomcard__content { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8cd01c6 *//* ===== Tarjeta con fondo fijo (no se mueve) ===== */ .elementor-2009 .elementor-element.elementor-element-8cd01c6.roomcard { position: relative; overflow: hidden; border-radius: 14px; /* opcional */ } /* Fondo: en Elementor usa Estilo → Fondo (Cover, Center). Si quieres efecto fijo respecto al viewport: Attachment = Fixed (ojo en móviles a veces no funciona). */ /* ===== Wrapper de textos (lo único que se desplaza) ===== */ .elementor-2009 .elementor-element.elementor-element-8cd01c6 .roomcard__content { position: absolute; left: 0; right: 0; bottom: 24px; display: flex; flex-direction: column; align-items: center; gap: 6px; text-align: center; padding: 0 16px; transition: transform 1.4s cubic-bezier(.16,1,.3,1); will-change: transform; } /* En hover: sube el bloque (título + botón) para dejar sitio al texto */ .elementor-2009 .elementor-element.elementor-element-8cd01c6:hover .roomcard__content { transform: translateY(-24px); /* ajusta intensidad */ } /* ===== Texto oculto → fade + desplazamiento suave ===== */ .elementor-2009 .elementor-element.elementor-element-8cd01c6 .roomcard__desc { opacity: 0; max-height: 0; transform: translateY(18px); transition: opacity 1.2s ease, transform 1.4s cubic-bezier(.16,1,.3,1), max-height 1.4s ease; transition-delay: 0.12s; overflow: hidden; pointer-events: none; } .elementor-2009 .elementor-element.elementor-element-8cd01c6:hover .roomcard__desc { opacity: 1; max-height: 160px; transform: translateY(0); pointer-events: auto; } /* ===== Título y botón también más suaves ===== */ .elementor-2009 .elementor-element.elementor-element-8cd01c6 .elementor-heading-title, .elementor-2009 .elementor-element.elementor-element-8cd01c6 .elementor-button { transition: transform 0.9s cubic-bezier(.25,.46,.45,.94); } .elementor-2009 .elementor-element.elementor-element-8cd01c6:hover .elementor-heading-title, .elementor-2009 .elementor-element.elementor-element-8cd01c6:hover .elementor-button { transform: translateY(-4px); } /* (Opcional) Overlay para legibilidad */ .elementor-2009 .elementor-element.elementor-element-8cd01c6::after { content: ""; position: absolute; inset: 0; } /* ===== Móviles (sin hover): mostrar el texto siempre o por tap ===== */ @media (pointer: coarse) { /* Mostrar siempre en táctiles */ .elementor-2009 .elementor-element.elementor-element-8cd01c6 .roomcard__desc { opacity: 1; max-height: 160px; transform: translateY(0); pointer-events: auto; } /* Y no desplazar el wrapper para que no tape el botón */ .elementor-2009 .elementor-element.elementor-element-8cd01c6 .roomcard__content { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b337d7d *//* ===== Tarjeta con fondo fijo (no se mueve) ===== */ .elementor-2009 .elementor-element.elementor-element-b337d7d.roomcard { position: relative; overflow: hidden; border-radius: 14px; /* opcional */ } /* Fondo: en Elementor usa Estilo → Fondo (Cover, Center). Si quieres efecto fijo respecto al viewport: Attachment = Fixed (ojo en móviles a veces no funciona). */ /* ===== Wrapper de textos (lo único que se desplaza) ===== */ .elementor-2009 .elementor-element.elementor-element-b337d7d .roomcard__content { position: absolute; left: 0; right: 0; bottom: 24px; display: flex; flex-direction: column; align-items: center; gap: 6px; text-align: center; padding: 0 16px; transition: transform 1.4s cubic-bezier(.16,1,.3,1); will-change: transform; } /* En hover: sube el bloque (título + botón) para dejar sitio al texto */ .elementor-2009 .elementor-element.elementor-element-b337d7d:hover .roomcard__content { transform: translateY(-24px); /* ajusta intensidad */ } /* ===== Texto oculto → fade + desplazamiento suave ===== */ .elementor-2009 .elementor-element.elementor-element-b337d7d .roomcard__desc { opacity: 0; max-height: 0; transform: translateY(18px); transition: opacity 1.2s ease, transform 1.4s cubic-bezier(.16,1,.3,1), max-height 1.4s ease; transition-delay: 0.12s; overflow: hidden; pointer-events: none; } .elementor-2009 .elementor-element.elementor-element-b337d7d:hover .roomcard__desc { opacity: 1; max-height: 160px; transform: translateY(0); pointer-events: auto; } /* ===== Título y botón también más suaves ===== */ .elementor-2009 .elementor-element.elementor-element-b337d7d .elementor-heading-title, .elementor-2009 .elementor-element.elementor-element-b337d7d .elementor-button { transition: transform 0.9s cubic-bezier(.25,.46,.45,.94); } .elementor-2009 .elementor-element.elementor-element-b337d7d:hover .elementor-heading-title, .elementor-2009 .elementor-element.elementor-element-b337d7d:hover .elementor-button { transform: translateY(-4px); } /* (Opcional) Overlay para legibilidad */ .elementor-2009 .elementor-element.elementor-element-b337d7d::after { content: ""; position: absolute; inset: 0; } /* ===== Móviles (sin hover): mostrar el texto siempre o por tap ===== */ @media (pointer: coarse) { /* Mostrar siempre en táctiles */ .elementor-2009 .elementor-element.elementor-element-b337d7d .roomcard__desc { opacity: 1; max-height: 160px; transform: translateY(0); pointer-events: auto; } /* Y no desplazar el wrapper para que no tape el botón */ .elementor-2009 .elementor-element.elementor-element-b337d7d .roomcard__content { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5998307 *//* ===== Tarjeta con fondo fijo (no se mueve) ===== */ .elementor-2009 .elementor-element.elementor-element-5998307.roomcard { position: relative; overflow: hidden; border-radius: 14px; /* opcional */ } /* Fondo: en Elementor usa Estilo → Fondo (Cover, Center). Si quieres efecto fijo respecto al viewport: Attachment = Fixed (ojo en móviles a veces no funciona). */ /* ===== Wrapper de textos (lo único que se desplaza) ===== */ .elementor-2009 .elementor-element.elementor-element-5998307 .roomcard__content { position: absolute; left: 0; right: 0; bottom: 24px; display: flex; flex-direction: column; align-items: center; gap: 6px; text-align: center; padding: 0 16px; transition: transform 1.4s cubic-bezier(.16,1,.3,1); will-change: transform; } /* En hover: sube el bloque (título + botón) para dejar sitio al texto */ .elementor-2009 .elementor-element.elementor-element-5998307:hover .roomcard__content { transform: translateY(-24px); /* ajusta intensidad */ } /* ===== Texto oculto → fade + desplazamiento suave ===== */ .elementor-2009 .elementor-element.elementor-element-5998307 .roomcard__desc { opacity: 0; max-height: 0; transform: translateY(18px); transition: opacity 1.2s ease, transform 1.4s cubic-bezier(.16,1,.3,1), max-height 1.4s ease; transition-delay: 0.12s; overflow: hidden; pointer-events: none; } .elementor-2009 .elementor-element.elementor-element-5998307:hover .roomcard__desc { opacity: 1; max-height: 160px; transform: translateY(0); pointer-events: auto; } /* ===== Título y botón también más suaves ===== */ .elementor-2009 .elementor-element.elementor-element-5998307 .elementor-heading-title, .elementor-2009 .elementor-element.elementor-element-5998307 .elementor-button { transition: transform 0.9s cubic-bezier(.25,.46,.45,.94); } .elementor-2009 .elementor-element.elementor-element-5998307:hover .elementor-heading-title, .elementor-2009 .elementor-element.elementor-element-5998307:hover .elementor-button { transform: translateY(-4px); } /* (Opcional) Overlay para legibilidad */ .elementor-2009 .elementor-element.elementor-element-5998307::after { content: ""; position: absolute; inset: 0; } /* ===== Móviles (sin hover): mostrar el texto siempre o por tap ===== */ @media (pointer: coarse) { /* Mostrar siempre en táctiles */ .elementor-2009 .elementor-element.elementor-element-5998307 .roomcard__desc { opacity: 1; max-height: 160px; transform: translateY(0); pointer-events: auto; } /* Y no desplazar el wrapper para que no tape el botón */ .elementor-2009 .elementor-element.elementor-element-5998307 .roomcard__content { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-fb7d6c1 *//* ===== Tarjeta con fondo fijo (no se mueve) ===== */ .elementor-2009 .elementor-element.elementor-element-fb7d6c1.roomcard { position: relative; overflow: hidden; border-radius: 14px; /* opcional */ } /* Fondo: en Elementor usa Estilo → Fondo (Cover, Center). Si quieres efecto fijo respecto al viewport: Attachment = Fixed (ojo en móviles a veces no funciona). */ /* ===== Wrapper de textos (lo único que se desplaza) ===== */ .elementor-2009 .elementor-element.elementor-element-fb7d6c1 .roomcard__content { position: absolute; left: 0; right: 0; bottom: 24px; display: flex; flex-direction: column; align-items: center; gap: 6px; text-align: center; padding: 0 16px; transition: transform 1.4s cubic-bezier(.16,1,.3,1); will-change: transform; } /* En hover: sube el bloque (título + botón) para dejar sitio al texto */ .elementor-2009 .elementor-element.elementor-element-fb7d6c1:hover .roomcard__content { transform: translateY(-24px); /* ajusta intensidad */ } /* ===== Texto oculto → fade + desplazamiento suave ===== */ .elementor-2009 .elementor-element.elementor-element-fb7d6c1 .roomcard__desc { opacity: 0; max-height: 0; transform: translateY(18px); transition: opacity 1.2s ease, transform 1.4s cubic-bezier(.16,1,.3,1), max-height 1.4s ease; transition-delay: 0.12s; overflow: hidden; pointer-events: none; } .elementor-2009 .elementor-element.elementor-element-fb7d6c1:hover .roomcard__desc { opacity: 1; max-height: 160px; transform: translateY(0); pointer-events: auto; } /* ===== Título y botón también más suaves ===== */ .elementor-2009 .elementor-element.elementor-element-fb7d6c1 .elementor-heading-title, .elementor-2009 .elementor-element.elementor-element-fb7d6c1 .elementor-button { transition: transform 0.9s cubic-bezier(.25,.46,.45,.94); } .elementor-2009 .elementor-element.elementor-element-fb7d6c1:hover .elementor-heading-title, .elementor-2009 .elementor-element.elementor-element-fb7d6c1:hover .elementor-button { transform: translateY(-4px); } /* (Opcional) Overlay para legibilidad */ .elementor-2009 .elementor-element.elementor-element-fb7d6c1::after { content: ""; position: absolute; inset: 0; } /* ===== Móviles (sin hover): mostrar el texto siempre o por tap ===== */ @media (pointer: coarse) { /* Mostrar siempre en táctiles */ .elementor-2009 .elementor-element.elementor-element-fb7d6c1 .roomcard__desc { opacity: 1; max-height: 160px; transform: translateY(0); pointer-events: auto; } /* Y no desplazar el wrapper para que no tape el botón */ .elementor-2009 .elementor-element.elementor-element-fb7d6c1 .roomcard__content { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-99d5d3d *//* ===== Tarjeta con fondo fijo (no se mueve) ===== */ .elementor-2009 .elementor-element.elementor-element-99d5d3d.roomcard { position: relative; overflow: hidden; border-radius: 14px; /* opcional */ } /* Fondo: en Elementor usa Estilo → Fondo (Cover, Center). Si quieres efecto fijo respecto al viewport: Attachment = Fixed (ojo en móviles a veces no funciona). */ /* ===== Wrapper de textos (lo único que se desplaza) ===== */ .elementor-2009 .elementor-element.elementor-element-99d5d3d .roomcard__content { position: absolute; left: 0; right: 0; bottom: 24px; display: flex; flex-direction: column; align-items: center; gap: 6px; text-align: center; padding: 0 16px; transition: transform 1.4s cubic-bezier(.16,1,.3,1); will-change: transform; } /* En hover: sube el bloque (título + botón) para dejar sitio al texto */ .elementor-2009 .elementor-element.elementor-element-99d5d3d:hover .roomcard__content { transform: translateY(-24px); /* ajusta intensidad */ } /* ===== Texto oculto → fade + desplazamiento suave ===== */ .elementor-2009 .elementor-element.elementor-element-99d5d3d .roomcard__desc { opacity: 0; max-height: 0; transform: translateY(18px); transition: opacity 1.2s ease, transform 1.4s cubic-bezier(.16,1,.3,1), max-height 1.4s ease; transition-delay: 0.12s; overflow: hidden; pointer-events: none; } .elementor-2009 .elementor-element.elementor-element-99d5d3d:hover .roomcard__desc { opacity: 1; max-height: 160px; transform: translateY(0); pointer-events: auto; } /* ===== Título y botón también más suaves ===== */ .elementor-2009 .elementor-element.elementor-element-99d5d3d .elementor-heading-title, .elementor-2009 .elementor-element.elementor-element-99d5d3d .elementor-button { transition: transform 0.9s cubic-bezier(.25,.46,.45,.94); } .elementor-2009 .elementor-element.elementor-element-99d5d3d:hover .elementor-heading-title, .elementor-2009 .elementor-element.elementor-element-99d5d3d:hover .elementor-button { transform: translateY(-4px); } /* (Opcional) Overlay para legibilidad */ .elementor-2009 .elementor-element.elementor-element-99d5d3d::after { content: ""; position: absolute; inset: 0; } /* ===== Móviles (sin hover): mostrar el texto siempre o por tap ===== */ @media (pointer: coarse) { /* Mostrar siempre en táctiles */ .elementor-2009 .elementor-element.elementor-element-99d5d3d .roomcard__desc { opacity: 1; max-height: 160px; transform: translateY(0); pointer-events: auto; } /* Y no desplazar el wrapper para que no tape el botón */ .elementor-2009 .elementor-element.elementor-element-99d5d3d .roomcard__content { transform: none !important; } }/* End custom CSS */