ctt-babylon 0.0.13 → 0.0.15
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/lib/components/core/babylon-info-zig-zag/babylon-info-zig-zag.component.mjs +3 -3
- package/esm2022/lib/components/core/babylon-rooms-list/babylon-rooms-list.component.mjs +3 -3
- package/esm2022/lib/components/core/babylon-slider2col/babylon-slider2col.component.mjs +30 -5
- package/esm2022/lib/components/core/babylon-top-slider/babylon-top-slider.component.mjs +36 -5
- package/fesm2022/ctt-babylon.mjs +64 -10
- package/fesm2022/ctt-babylon.mjs.map +1 -1
- package/lib/components/core/babylon-slider2col/babylon-slider2col.component.d.ts +8 -1
- package/lib/components/core/babylon-top-slider/babylon-top-slider.component.d.ts +8 -1
- package/package.json +1 -1
package/fesm2022/ctt-babylon.mjs
CHANGED
|
@@ -217,11 +217,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
|
|
|
217
217
|
|
|
218
218
|
class BabylonInfoZigZagComponent {
|
|
219
219
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: BabylonInfoZigZagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
220
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: BabylonInfoZigZagComponent, isStandalone: true, selector: "lib-babylon-info-zig-zag", ngImport: i0, template: "<!-- <section class=\"container-fluid p-0\"> -->\r\n <section class=\"babylon__offers-list margin-main pt-175\"> \r\n <div class=\"container\">\r\n <div class=\"intro_info align--center no-align\">\r\n <h2 class=\"pretitle mb--10\">Destino</h2>\r\n <h3 class=\"title\" >Descubre el destino ideal</h3> \r\n </div> \r\n </div> \r\n <div class=\"container-fluid\">\r\n <div class=\"row align-items-center cs_gap_y_40\">\r\n <div class=\"col-lg-6\">\r\n <div class=\"cs_slider cs_style_1 \"> \r\n <div class=\"cs_slider_container\" data-autoplay=\"0\" data-loop=\"1\" data-speed=\"600\" data-center=\"0\" data-variable-width=\"0\" \r\n data-slides-per-view=\"responsive\" data-xs-slides=\"1\" data-sm-slides=\"1\" data-md-slides=\"1\" data-lg-slides=\"1\" data-add-slides=\"1\">\r\n <div class=\"cs_slider_wrapper\">\r\n <div class=\"cs_slide\"> \r\n <div class=\"cs_image_layer cs_style_4 position-relative cs_bg_filed cs_width_left_50_vw cs--radius\" data-src=\"/assets/babylon/fotos/zigzag-1.jpg\"></div>\r\n </div> \r\n <div class=\"cs_slide\"> \r\n <div class=\"cs_image_layer cs_style_4 position-relative cs_bg_filed cs_width_left_50_vw cs--radius\" data-src=\"/assets/babylon/fotos/zigzag-2.jpg\"></div>\r\n </div> \r\n </div>\r\n </div>\r\n <div class=\"cs_pagination cs_style_1 cs_type_3\"></div>\r\n </div> \r\n </div>\r\n <div class=\"col-lg-6\">\r\n <div class=\"cs_pl_110 cs_pr_110 cs_plr_movil\">\r\n <div class=\"cs_section_heading cs_style_1\">\r\n <div class=\"intro_info \">\r\n <h3 class=\"pretitle \" ></h3> \r\n <h2 class=\"title \" >Arena blanca y aguas cristalinas</h2> \r\n <p class=\"text\">Descubre playas v\u00EDrgenes y poco concurridas, donde la naturaleza se mantiene intacta. Rodeadas de aguas turquesas y palmeras ondulantes, son el lugar perfecto para relajarte, tomar el sol y disfrutar de un d\u00EDa inolvidable frente al mar. Cada playa en Babylon es un peque\u00F1o para\u00EDso esperando ser explorado</p>\r\n <div class=\"btns__box \">\r\n <a href=\" \" class=\"btn btn_primary\" >\r\n <b>ir a</b>\r\n <span class=\"babylon-arrow-right-big\"></span> \r\n </a>\r\n </div> \r\n </div> \r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"cs_height_80 cs_height_lg_80\"></div>\r\n <div class=\"container-fluid \">\r\n <div class=\"row align-items-center cs_mobile_reverse cs_gap_y_40\">\r\n <div class=\"col-lg-6\">\r\n <div class=\"cs_pr_110 cs_pl_110 cs_plr_movil\">\r\n <div class=\"cs_section_heading cs_style_1\">\r\n <div class=\"intro_info \">\r\n <h3 class=\"pretitle \"></h3> \r\n <h2 class=\"title\" >Navega hacia la aventura</h2> \r\n <p class=\"text\">\u00DAnete a nuestras excursiones en barco y explora rincones ocultos de la costa, cuevas marinas y calas secretas. Siente la brisa marina, contempla impresionantes vistas y vive momentos m\u00E1gicos al atardecer. Esta experiencia es perfecta para quienes buscan aventura o un instante rom\u00E1ntico en el mar.</p>\r\n <div class=\"btns__box \">\r\n <a href=\" \" class=\"btn btn_primary\" >\r\n <b>ir a</b>\r\n <span class=\"babylon-arrow-right-big\"></span> \r\n </a>\r\n </div> \r\n </div> \r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"col-lg-6\">\r\n <div class=\"cs_slider cs_style_1 cs_slider_gap_24\"> \r\n <div class=\"cs_slider_container\" data-autoplay=\"0\" data-loop=\"1\" data-speed=\"600\" data-center=\"0\" data-variable-width=\"0\" \r\n data-slides-per-view=\"responsive\" data-xs-slides=\"1\" data-sm-slides=\"1\" data-md-slides=\"1\" data-lg-slides=\"1\" data-add-slides=\"1\">\r\n <div class=\"cs_slider_wrapper\">\r\n <div class=\"cs_slide\"> \r\n <div class=\"cs_image_layer cs_style_4 position-relative cs_bg_filed cs_width_right_50_vw cs--radius\" data-src=\"/assets/babylon/fotos/zigzag2-1.jpg\"></div>\r\n </div> \r\n <div class=\"cs_slide\"> \r\n <div class=\"cs_image_layer cs_style_4 position-relative cs_bg_filed cs_width_right_50_vw cs--radius\" data-src=\"/assets/babylon/fotos/zigzag2-2.jpg\"></div>\r\n </div> \r\n </div>\r\n </div>\r\n <div class=\"cs_pagination cs_style_1 cs_type_3 cs_type_3--left\"></div>\r\n </div> \r\n </div>\r\n </div>\r\n </div>\r\n </section>", styles: [":root{--font-title: \"the-seasons\", Helvetica, sans-serif;--font-pretitle:\"Poppins\", Helvetica, sans-serif;--font-text: \"Poppins\", Helvetica, sans-serif;--font-claim: \"turbinado-pro\", Helvetica, sans-serif;--cl_corp: #24262d;--cl_accent: #aa8453;--cl_icon: #978667;--cl_icon-light: #fff;--cl_border-light: #ededed;--cl_border-dark: #d9e1e6;--cl_shadow: rgba(0, 0, 0, .1);--cl_breadcrumb: #24262d;--cl_breadcrumb-hover: #978667;--cl_preload-bg:#ededed;--cl_preload:#24262d;--cl_background_body: #fdfbf8;--cl_background_white: #fff;--cl_background_dark: #19314b;--cl_background_gray: #eee;--cl_title: #978667;--cl_subtitle: #19314b;--cl_pretitle: #19314b;--cl_text: #3c3b3b;--cl_title-light: #fff;--cl_subtitle-light: #fff;--cl_pretitle-light: #fff;--cl_text-light: #fff;--w_title: 600;--w_text: 300;--w_subtitle: 300;--w_pretitle: 300;--cl_header-bg: #494949;--cl_header-text-light: #fff;--cl_menu-bg: #19314b;--cl_menu-text: #fff;--w_btn: 400;--cl_btn-box: #19314b;--cl_btn-box-text: #19314b;--cl_btn-box-hover: #978667;--cl_btn-box-text-hover: #fff;--cl_btn-call: #19314bf2;--cl_btn-call-text: white;--cl_btn-call-hover: #978667;--cl_btn-call-text-hover: #fff;--cl_btn-link: #19314b;--cl_btn-link-hover: #978667;--cl_btn-arrow: #19314b;--cl_btn-arrow-icon: #fff;--cl_btn-arrow-hover: #978667;--cl_btn-arrow-icon-hover: #fff;--cl_btn-dots: #24262d;--cl_btn-dots-active: #978667;--cl_btn-dots-hover: #978667;--cl_btn-light: #fff;--cl_btn-light-text: #fff;--cl_btn-light-hover: #978667;--cl_btn-light-text-hover: #978667;--cl_footer-bg: #19314b;--cl_footer-bg-bottom:#0a1d31;--cl_footer-scroll:#978667;--cl_footer-text: #fff;--cl_footer-text-hover: #978667;--btn_radius: 5px;--img_radius: 5px;--img_border: #fff;--img_border-whidth:1px}.cs_dark{--cl_corp: #181818;--cl_accent: #aa8453;--cl_icon: #aa8453;--cl_icon-light: #fff;--cl_border-light: #ededed;--cl_border-dark: #d9e1e6;--cl_shadow: rgba(0, 0, 0, .1);--cl_breadcrumb: #fff;--cl_breadcrumb-hover: #aa8453;--cl_preload-bg:#ededed;--cl_preload:#24262d;--cl_background_body: #181818;--cl_background_white: transparent;--cl_background_dark: #aa8453;--cl_background_gray: #333;--cl_title: #fff;--cl_subtitle: #aa8453;--cl_pretitle: #aa8453;--cl_text: #fff;--cl_title-light: #fff;--cl_subtitle-light: #fff;--cl_pretitle-light: #fff;--cl_text-light: #fff;--cl_header-bg: #aa8453;--cl_header-text-light: #fff;--cl_menu-bg: #79582c;--cl_menu-text: #fff;--cl_btn-box: #aa8453;--cl_btn-box-text: #aa8453;--cl_btn-box-hover: #79582c;--cl_btn-box-text-hover: #fff;--cl_btn-call: #aa8453;--cl_btn-call-text: white;--cl_btn-call-hover: #79582c;--cl_btn-call-text-hover: #fff;--cl_btn-link: #aa8453;--cl_btn-link-hover: #79582c;--cl_btn-arrow: #ffffff3a;--cl_btn-arrow-icon: #fff;--cl_btn-arrow-hover: #79582c;--cl_btn-arrow-icon-hover: #fff;--cl_btn-dots: #eee;--cl_btn-dots-active: #79582c;--cl_btn-dots-hover: #79582c;--cl_btn-light: #fff;--cl_btn-light-text: #fff;--cl_btn-light-hover: #79582c;--cl_btn-light-text-hover: #79582c;--cl_footer-bg: #aa8453;--cl_footer-bg-bottom:#79582c;--cl_footer-scroll:#aa8453;--cl_footer-text: #fff;--cl_footer-text-hover: #aa8453;--btn_radius: 1px;--img_radius: 0px;--img_border: #fff;--img_border-whidth:2px}.mt--0{margin-top:0!important}.mb--0{margin-bottom:0!important}.mr--0{margin-right:0!important}.ml--0{margin-left:0!important}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.pl--0{padding-left:0!important}.mblock--0{margin-block:0px}.pblock--0{padding-block:0px}.mt--10{margin-top:10px!important}.mb--10{margin-bottom:10px!important}.mr--10{margin-right:10px!important}.ml--10{margin-left:10px!important}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.pl--10{padding-left:10px!important}.mblock--10{margin-block:10px}.pblock--10{padding-block:10px}.mt--20{margin-top:20px!important}.mb--20{margin-bottom:20px!important}.mr--20{margin-right:20px!important}.ml--20{margin-left:20px!important}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.pl--20{padding-left:20px!important}.mblock--20{margin-block:20px}.pblock--20{padding-block:20px}.mt--25{margin-top:25px!important}.mb--25{margin-bottom:25px!important}.mr--25{margin-right:25px!important}.ml--25{margin-left:25px!important}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.pl--25{padding-left:25px!important}.mblock--25{margin-block:25px}.pblock--25{padding-block:25px}.mt--30{margin-top:30px!important}.mb--30{margin-bottom:30px!important}.mr--30{margin-right:30px!important}.ml--30{margin-left:30px!important}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.pl--30{padding-left:30px!important}.mblock--30{margin-block:30px}.pblock--30{padding-block:30px}.mt--40{margin-top:40px!important}.mb--40{margin-bottom:40px!important}.mr--40{margin-right:40px!important}.ml--40{margin-left:40px!important}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.pl--40{padding-left:40px!important}.mblock--40{margin-block:40px}.pblock--40{padding-block:40px}.mt--50{margin-top:50px!important}.mb--50{margin-bottom:50px!important}.mr--50{margin-right:50px!important}.ml--50{margin-left:50px!important}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.pl--50{padding-left:50px!important}.mblock--50{margin-block:50px}.pblock--50{padding-block:50px}.mt--60{margin-top:60px!important}.mb--60{margin-bottom:60px!important}.mr--60{margin-right:60px!important}.ml--60{margin-left:60px!important}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.pl--60{padding-left:60px!important}.mblock--60{margin-block:60px}.pblock--60{padding-block:60px}.mt--70{margin-top:70px!important}.mb--70{margin-bottom:70px!important}.mr--70{margin-right:70px!important}.ml--70{margin-left:70px!important}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.pl--70{padding-left:70px!important}.mblock--70{margin-block:70px}.pblock--70{padding-block:70px}.mt--80{margin-top:80px!important}.mb--80{margin-bottom:80px!important}.mr--80{margin-right:80px!important}.ml--80{margin-left:80px!important}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.pl--80{padding-left:80px!important}.mblock--80{margin-block:80px}.pblock--80{padding-block:80px}.mt--90{margin-top:90px!important}.mb--90{margin-bottom:90px!important}.mr--90{margin-right:90px!important}.ml--90{margin-left:90px!important}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.pl--90{padding-left:90px!important}.mblock--90{margin-block:90px}.pblock--90{padding-block:90px}.mt--100{margin-top:100px!important}.mb--100{margin-bottom:100px!important}.mr--100{margin-right:100px!important}.ml--100{margin-left:100px!important}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.pl--100{padding-left:100px!important}.mblock--100{margin-block:100px}.pblock--100{padding-block:100px}.cs_image_layer.cs_style_4{min-height:600px}@media (max-width: 575px){.cs_image_layer.cs_style_4{min-height:400px}}.cs_image_layer.cs_style_3.cs_type_1,.cs_image_layer.cs_style_4.cs_type_1{border-radius:250px 0}.cs_image_layer.cs_style_3.cs_type_1 img,.cs_image_layer.cs_style_4.cs_type_1 img{border-radius:inherit}.cs_image_layer.cs_style_3.cs_type_1:before,.cs_image_layer.cs_style_4.cs_type_1:before{border-radius:225px 0}.pt-175{padding-top:175px}\n"] }); }
|
|
220
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: BabylonInfoZigZagComponent, isStandalone: true, selector: "lib-babylon-info-zig-zag", ngImport: i0, template: "<!-- <section class=\"container-fluid p-0\"> -->\r\n <section class=\"babylon__offers-list margin-main pt-175\"> \r\n <div class=\"container\">\r\n <div class=\"intro_info align--center no-align\">\r\n <h2 class=\"pretitle mb--10\">Destino</h2>\r\n <h3 class=\"title\" >Descubre el destino ideal</h3> \r\n </div> \r\n </div> \r\n <div class=\"container-fluid\">\r\n <div class=\"row align-items-center cs_gap_y_40\">\r\n <div class=\"col-lg-6\">\r\n <div class=\"cs_slider cs_style_1 \"> \r\n <div class=\"cs_slider_container\" data-autoplay=\"0\" data-loop=\"1\" data-speed=\"600\" data-center=\"0\" data-variable-width=\"0\" \r\n data-slides-per-view=\"responsive\" data-xs-slides=\"1\" data-sm-slides=\"1\" data-md-slides=\"1\" data-lg-slides=\"1\" data-add-slides=\"1\">\r\n <div class=\"cs_slider_wrapper\">\r\n <div class=\"cs_slide\"> \r\n <div class=\"cs_image_layer cs_style_4 position-relative cs_bg_filed cs_width_left_50_vw cs--radius\" data-src=\"/assets/babylon/fotos/zigzag-1.jpg\"></div>\r\n </div> \r\n <div class=\"cs_slide\"> \r\n <div class=\"cs_image_layer cs_style_4 position-relative cs_bg_filed cs_width_left_50_vw cs--radius\" data-src=\"/assets/babylon/fotos/zigzag-2.jpg\"></div>\r\n </div> \r\n </div>\r\n </div>\r\n <div class=\"cs_pagination cs_style_1 cs_type_3\"></div>\r\n </div> \r\n </div>\r\n <div class=\"col-lg-6\">\r\n <div class=\"cs_pl_110 cs_pr_110 cs_plr_movil\">\r\n <div class=\"cs_section_heading cs_style_1\">\r\n <div class=\"intro_info \">\r\n <h3 class=\"pretitle \" ></h3> \r\n <h2 class=\"title \" >Arena blanca y aguas cristalinas</h2> \r\n <p class=\"text\">Descubre playas v\u00EDrgenes y poco concurridas, donde la naturaleza se mantiene intacta. Rodeadas de aguas turquesas y palmeras ondulantes, son el lugar perfecto para relajarte, tomar el sol y disfrutar de un d\u00EDa inolvidable frente al mar. Cada playa en Babylon es un peque\u00F1o para\u00EDso esperando ser explorado</p>\r\n <div class=\"btns__box \">\r\n <a href=\" \" class=\"btn btn_primary\" >\r\n <b>ir a</b>\r\n <span class=\"babylon-arrow-right-big\"></span> \r\n </a>\r\n </div> \r\n </div> \r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"cs_height_80 cs_height_lg_80\"></div>\r\n <div class=\"container-fluid \">\r\n <div class=\"row align-items-center cs_mobile_reverse cs_gap_y_40\">\r\n <div class=\"col-lg-6\">\r\n <div class=\"cs_pr_110 cs_pl_110 cs_plr_movil\">\r\n <div class=\"cs_section_heading cs_style_1\">\r\n <div class=\"intro_info \">\r\n <h3 class=\"pretitle \"></h3> \r\n <h2 class=\"title\" >Navega hacia la aventura</h2> \r\n <p class=\"text\">\u00DAnete a nuestras excursiones en barco y explora rincones ocultos de la costa, cuevas marinas y calas secretas. Siente la brisa marina, contempla impresionantes vistas y vive momentos m\u00E1gicos al atardecer. Esta experiencia es perfecta para quienes buscan aventura o un instante rom\u00E1ntico en el mar.</p>\r\n <div class=\"btns__box \">\r\n <a href=\" \" class=\"btn btn_primary\" >\r\n <b>ir a</b>\r\n <span class=\"babylon-arrow-right-big\"></span> \r\n </a>\r\n </div> \r\n </div> \r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"col-lg-6\">\r\n <div class=\"cs_slider cs_style_1 cs_slider_gap_24\"> \r\n <div class=\"cs_slider_container\" data-autoplay=\"0\" data-loop=\"1\" data-speed=\"600\" data-center=\"0\" data-variable-width=\"0\" \r\n data-slides-per-view=\"responsive\" data-xs-slides=\"1\" data-sm-slides=\"1\" data-md-slides=\"1\" data-lg-slides=\"1\" data-add-slides=\"1\">\r\n <div class=\"cs_slider_wrapper\">\r\n <div class=\"cs_slide\"> \r\n <div class=\"cs_image_layer cs_style_4 position-relative cs_bg_filed cs_width_right_50_vw cs--radius\" data-src=\"/assets/babylon/fotos/zigzag2-1.jpg\"></div>\r\n </div> \r\n <div class=\"cs_slide\"> \r\n <div class=\"cs_image_layer cs_style_4 position-relative cs_bg_filed cs_width_right_50_vw cs--radius\" data-src=\"/assets/babylon/fotos/zigzag2-2.jpg\"></div>\r\n </div> \r\n </div>\r\n </div>\r\n <div class=\"cs_pagination cs_style_1 cs_type_3 cs_type_3--left\"></div>\r\n </div> \r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"cs_height_80 cs_height_lg_80\"></div>\r\n <div class=\"container-fluid\">\r\n <div class=\"row align-items-center cs_gap_y_40\">\r\n <div class=\"col-lg-6\">\r\n <div class=\"cs_slider cs_style_1 \"> \r\n <div class=\"cs_slider_container\" data-autoplay=\"0\" data-loop=\"1\" data-speed=\"600\" data-center=\"0\" data-variable-width=\"0\" \r\n data-slides-per-view=\"responsive\" data-xs-slides=\"1\" data-sm-slides=\"1\" data-md-slides=\"1\" data-lg-slides=\"1\" data-add-slides=\"1\">\r\n <div class=\"cs_slider_wrapper\">\r\n <div class=\"cs_slide\"> \r\n <div class=\"cs_image_layer cs_style_4 position-relative cs_bg_filed cs_width_left_50_vw cs--radius\" data-src=\"/assets/babylon/fotos/zigzag-1.jpg\"></div>\r\n </div> \r\n <div class=\"cs_slide\"> \r\n <div class=\"cs_image_layer cs_style_4 position-relative cs_bg_filed cs_width_left_50_vw cs--radius\" data-src=\"/assets/babylon/fotos/zigzag-2.jpg\"></div>\r\n </div> \r\n </div>\r\n </div>\r\n <div class=\"cs_pagination cs_style_1 cs_type_3\"></div>\r\n </div> \r\n </div>\r\n <div class=\"col-lg-6\">\r\n <div class=\"cs_pl_110 cs_pr_110 cs_plr_movil\">\r\n <div class=\"cs_section_heading cs_style_1\">\r\n <div class=\"intro_info \">\r\n <h3 class=\"pretitle \" ></h3> \r\n <h2 class=\"title \" >Un universo bajo el agua</h2> \r\n <p class=\"text\">Las aguas cristalinas de Babylon son el hogar de arrecifes de coral llenos de vida. Sum\u00E9rgete y descubre peces ex\u00F3ticos, jardines submarinos y una biodiversidad impresionante. Tanto si eres principiante como experto, el snorkel en este destino es una experiencia que no te puedes perder</p>\r\n <div class=\"btns__box \">\r\n <a href=\" \" class=\"btn btn_primary\" >\r\n <b>ir a</b>\r\n <span class=\"babylon-arrow-right-big\"></span> \r\n </a>\r\n </div> \r\n </div> \r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"cs_height_80 cs_height_lg_80\"></div>\r\n <div class=\"container-fluid \">\r\n <div class=\"row align-items-center cs_mobile_reverse cs_gap_y_40\">\r\n <div class=\"col-lg-6\">\r\n <div class=\"cs_pr_110 cs_pl_110 cs_plr_movil\">\r\n <div class=\"cs_section_heading cs_style_1\">\r\n <div class=\"intro_info \">\r\n <h3 class=\"pretitle \"></h3> \r\n <h2 class=\"title\" >Encanto y autenticidad a cada paso</h2> \r\n <p class=\"text\">Pasea por los mercados locales y sum\u00E9rgete en un mundo de colores, aromas y tradiciones. Aqu\u00ED encontrar\u00E1s artesan\u00EDas \u00FAnicas, productos frescos y la calidez de los lugare\u00F1os. Los mercados son el lugar ideal para llevarte un recuerdo aut\u00E9ntico y conectar con la cultura del destino</p>\r\n <div class=\"btns__box \">\r\n <a href=\" \" class=\"btn btn_primary\" >\r\n <b>ir a</b>\r\n <span class=\"babylon-arrow-right-big\"></span> \r\n </a>\r\n </div> \r\n </div> \r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"col-lg-6\">\r\n <div class=\"cs_slider cs_style_1 cs_slider_gap_24\"> \r\n <div class=\"cs_slider_container\" data-autoplay=\"0\" data-loop=\"1\" data-speed=\"600\" data-center=\"0\" data-variable-width=\"0\" \r\n data-slides-per-view=\"responsive\" data-xs-slides=\"1\" data-sm-slides=\"1\" data-md-slides=\"1\" data-lg-slides=\"1\" data-add-slides=\"1\">\r\n <div class=\"cs_slider_wrapper\">\r\n <div class=\"cs_slide\"> \r\n <div class=\"cs_image_layer cs_style_4 position-relative cs_bg_filed cs_width_right_50_vw cs--radius\" data-src=\"/assets/babylon/fotos/zigzag2-1.jpg\"></div>\r\n </div> \r\n <div class=\"cs_slide\"> \r\n <div class=\"cs_image_layer cs_style_4 position-relative cs_bg_filed cs_width_right_50_vw cs--radius\" data-src=\"/assets/babylon/fotos/zigzag2-2.jpg\"></div>\r\n </div> \r\n </div>\r\n </div>\r\n <div class=\"cs_pagination cs_style_1 cs_type_3 cs_type_3--left\"></div>\r\n </div> \r\n </div>\r\n </div>\r\n </div>\r\n </section>", styles: [":root{--font-title: \"the-seasons\", Helvetica, sans-serif;--font-pretitle:\"Poppins\", Helvetica, sans-serif;--font-text: \"Poppins\", Helvetica, sans-serif;--font-claim: \"turbinado-pro\", Helvetica, sans-serif;--cl_corp: #24262d;--cl_accent: #aa8453;--cl_icon: #978667;--cl_icon-light: #fff;--cl_border-light: #ededed;--cl_border-dark: #d9e1e6;--cl_shadow: rgba(0, 0, 0, .1);--cl_breadcrumb: #24262d;--cl_breadcrumb-hover: #978667;--cl_preload-bg:#ededed;--cl_preload:#24262d;--cl_background_body: #fdfbf8;--cl_background_white: #fff;--cl_background_dark: #19314b;--cl_background_gray: #eee;--cl_title: #978667;--cl_subtitle: #19314b;--cl_pretitle: #19314b;--cl_text: #3c3b3b;--cl_title-light: #fff;--cl_subtitle-light: #fff;--cl_pretitle-light: #fff;--cl_text-light: #fff;--w_title: 600;--w_text: 300;--w_subtitle: 300;--w_pretitle: 300;--cl_header-bg: #494949;--cl_header-text-light: #fff;--cl_menu-bg: #19314b;--cl_menu-text: #fff;--w_btn: 400;--cl_btn-box: #19314b;--cl_btn-box-text: #19314b;--cl_btn-box-hover: #978667;--cl_btn-box-text-hover: #fff;--cl_btn-call: #19314bf2;--cl_btn-call-text: white;--cl_btn-call-hover: #978667;--cl_btn-call-text-hover: #fff;--cl_btn-link: #19314b;--cl_btn-link-hover: #978667;--cl_btn-arrow: #19314b;--cl_btn-arrow-icon: #fff;--cl_btn-arrow-hover: #978667;--cl_btn-arrow-icon-hover: #fff;--cl_btn-dots: #24262d;--cl_btn-dots-active: #978667;--cl_btn-dots-hover: #978667;--cl_btn-light: #fff;--cl_btn-light-text: #fff;--cl_btn-light-hover: #978667;--cl_btn-light-text-hover: #978667;--cl_footer-bg: #19314b;--cl_footer-bg-bottom:#0a1d31;--cl_footer-scroll:#978667;--cl_footer-text: #fff;--cl_footer-text-hover: #978667;--btn_radius: 5px;--img_radius: 5px;--img_border: #fff;--img_border-whidth:1px}.cs_dark{--cl_corp: #181818;--cl_accent: #aa8453;--cl_icon: #aa8453;--cl_icon-light: #fff;--cl_border-light: #ededed;--cl_border-dark: #d9e1e6;--cl_shadow: rgba(0, 0, 0, .1);--cl_breadcrumb: #fff;--cl_breadcrumb-hover: #aa8453;--cl_preload-bg:#ededed;--cl_preload:#24262d;--cl_background_body: #181818;--cl_background_white: transparent;--cl_background_dark: #aa8453;--cl_background_gray: #333;--cl_title: #fff;--cl_subtitle: #aa8453;--cl_pretitle: #aa8453;--cl_text: #fff;--cl_title-light: #fff;--cl_subtitle-light: #fff;--cl_pretitle-light: #fff;--cl_text-light: #fff;--cl_header-bg: #aa8453;--cl_header-text-light: #fff;--cl_menu-bg: #79582c;--cl_menu-text: #fff;--cl_btn-box: #aa8453;--cl_btn-box-text: #aa8453;--cl_btn-box-hover: #79582c;--cl_btn-box-text-hover: #fff;--cl_btn-call: #aa8453;--cl_btn-call-text: white;--cl_btn-call-hover: #79582c;--cl_btn-call-text-hover: #fff;--cl_btn-link: #aa8453;--cl_btn-link-hover: #79582c;--cl_btn-arrow: #ffffff3a;--cl_btn-arrow-icon: #fff;--cl_btn-arrow-hover: #79582c;--cl_btn-arrow-icon-hover: #fff;--cl_btn-dots: #eee;--cl_btn-dots-active: #79582c;--cl_btn-dots-hover: #79582c;--cl_btn-light: #fff;--cl_btn-light-text: #fff;--cl_btn-light-hover: #79582c;--cl_btn-light-text-hover: #79582c;--cl_footer-bg: #aa8453;--cl_footer-bg-bottom:#79582c;--cl_footer-scroll:#aa8453;--cl_footer-text: #fff;--cl_footer-text-hover: #aa8453;--btn_radius: 1px;--img_radius: 0px;--img_border: #fff;--img_border-whidth:2px}.mt--0{margin-top:0!important}.mb--0{margin-bottom:0!important}.mr--0{margin-right:0!important}.ml--0{margin-left:0!important}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.pl--0{padding-left:0!important}.mblock--0{margin-block:0px}.pblock--0{padding-block:0px}.mt--10{margin-top:10px!important}.mb--10{margin-bottom:10px!important}.mr--10{margin-right:10px!important}.ml--10{margin-left:10px!important}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.pl--10{padding-left:10px!important}.mblock--10{margin-block:10px}.pblock--10{padding-block:10px}.mt--20{margin-top:20px!important}.mb--20{margin-bottom:20px!important}.mr--20{margin-right:20px!important}.ml--20{margin-left:20px!important}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.pl--20{padding-left:20px!important}.mblock--20{margin-block:20px}.pblock--20{padding-block:20px}.mt--25{margin-top:25px!important}.mb--25{margin-bottom:25px!important}.mr--25{margin-right:25px!important}.ml--25{margin-left:25px!important}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.pl--25{padding-left:25px!important}.mblock--25{margin-block:25px}.pblock--25{padding-block:25px}.mt--30{margin-top:30px!important}.mb--30{margin-bottom:30px!important}.mr--30{margin-right:30px!important}.ml--30{margin-left:30px!important}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.pl--30{padding-left:30px!important}.mblock--30{margin-block:30px}.pblock--30{padding-block:30px}.mt--40{margin-top:40px!important}.mb--40{margin-bottom:40px!important}.mr--40{margin-right:40px!important}.ml--40{margin-left:40px!important}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.pl--40{padding-left:40px!important}.mblock--40{margin-block:40px}.pblock--40{padding-block:40px}.mt--50{margin-top:50px!important}.mb--50{margin-bottom:50px!important}.mr--50{margin-right:50px!important}.ml--50{margin-left:50px!important}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.pl--50{padding-left:50px!important}.mblock--50{margin-block:50px}.pblock--50{padding-block:50px}.mt--60{margin-top:60px!important}.mb--60{margin-bottom:60px!important}.mr--60{margin-right:60px!important}.ml--60{margin-left:60px!important}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.pl--60{padding-left:60px!important}.mblock--60{margin-block:60px}.pblock--60{padding-block:60px}.mt--70{margin-top:70px!important}.mb--70{margin-bottom:70px!important}.mr--70{margin-right:70px!important}.ml--70{margin-left:70px!important}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.pl--70{padding-left:70px!important}.mblock--70{margin-block:70px}.pblock--70{padding-block:70px}.mt--80{margin-top:80px!important}.mb--80{margin-bottom:80px!important}.mr--80{margin-right:80px!important}.ml--80{margin-left:80px!important}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.pl--80{padding-left:80px!important}.mblock--80{margin-block:80px}.pblock--80{padding-block:80px}.mt--90{margin-top:90px!important}.mb--90{margin-bottom:90px!important}.mr--90{margin-right:90px!important}.ml--90{margin-left:90px!important}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.pl--90{padding-left:90px!important}.mblock--90{margin-block:90px}.pblock--90{padding-block:90px}.mt--100{margin-top:100px!important}.mb--100{margin-bottom:100px!important}.mr--100{margin-right:100px!important}.ml--100{margin-left:100px!important}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.pl--100{padding-left:100px!important}.mblock--100{margin-block:100px}.pblock--100{padding-block:100px}.cs_image_layer.cs_style_4{min-height:600px}@media (max-width: 575px){.cs_image_layer.cs_style_4{min-height:400px}}.cs_image_layer.cs_style_3.cs_type_1,.cs_image_layer.cs_style_4.cs_type_1{border-radius:250px 0}.cs_image_layer.cs_style_3.cs_type_1 img,.cs_image_layer.cs_style_4.cs_type_1 img{border-radius:inherit}.cs_image_layer.cs_style_3.cs_type_1:before,.cs_image_layer.cs_style_4.cs_type_1:before{border-radius:225px 0}.pt-175{padding-top:175px}\n"] }); }
|
|
221
221
|
}
|
|
222
222
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: BabylonInfoZigZagComponent, decorators: [{
|
|
223
223
|
type: Component,
|
|
224
|
-
args: [{ selector: 'lib-babylon-info-zig-zag', standalone: true, imports: [], template: "<!-- <section class=\"container-fluid p-0\"> -->\r\n <section class=\"babylon__offers-list margin-main pt-175\"> \r\n <div class=\"container\">\r\n <div class=\"intro_info align--center no-align\">\r\n <h2 class=\"pretitle mb--10\">Destino</h2>\r\n <h3 class=\"title\" >Descubre el destino ideal</h3> \r\n </div> \r\n </div> \r\n <div class=\"container-fluid\">\r\n <div class=\"row align-items-center cs_gap_y_40\">\r\n <div class=\"col-lg-6\">\r\n <div class=\"cs_slider cs_style_1 \"> \r\n <div class=\"cs_slider_container\" data-autoplay=\"0\" data-loop=\"1\" data-speed=\"600\" data-center=\"0\" data-variable-width=\"0\" \r\n data-slides-per-view=\"responsive\" data-xs-slides=\"1\" data-sm-slides=\"1\" data-md-slides=\"1\" data-lg-slides=\"1\" data-add-slides=\"1\">\r\n <div class=\"cs_slider_wrapper\">\r\n <div class=\"cs_slide\"> \r\n <div class=\"cs_image_layer cs_style_4 position-relative cs_bg_filed cs_width_left_50_vw cs--radius\" data-src=\"/assets/babylon/fotos/zigzag-1.jpg\"></div>\r\n </div> \r\n <div class=\"cs_slide\"> \r\n <div class=\"cs_image_layer cs_style_4 position-relative cs_bg_filed cs_width_left_50_vw cs--radius\" data-src=\"/assets/babylon/fotos/zigzag-2.jpg\"></div>\r\n </div> \r\n </div>\r\n </div>\r\n <div class=\"cs_pagination cs_style_1 cs_type_3\"></div>\r\n </div> \r\n </div>\r\n <div class=\"col-lg-6\">\r\n <div class=\"cs_pl_110 cs_pr_110 cs_plr_movil\">\r\n <div class=\"cs_section_heading cs_style_1\">\r\n <div class=\"intro_info \">\r\n <h3 class=\"pretitle \" ></h3> \r\n <h2 class=\"title \" >Arena blanca y aguas cristalinas</h2> \r\n <p class=\"text\">Descubre playas v\u00EDrgenes y poco concurridas, donde la naturaleza se mantiene intacta. Rodeadas de aguas turquesas y palmeras ondulantes, son el lugar perfecto para relajarte, tomar el sol y disfrutar de un d\u00EDa inolvidable frente al mar. Cada playa en Babylon es un peque\u00F1o para\u00EDso esperando ser explorado</p>\r\n <div class=\"btns__box \">\r\n <a href=\" \" class=\"btn btn_primary\" >\r\n <b>ir a</b>\r\n <span class=\"babylon-arrow-right-big\"></span> \r\n </a>\r\n </div> \r\n </div> \r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"cs_height_80 cs_height_lg_80\"></div>\r\n <div class=\"container-fluid \">\r\n <div class=\"row align-items-center cs_mobile_reverse cs_gap_y_40\">\r\n <div class=\"col-lg-6\">\r\n <div class=\"cs_pr_110 cs_pl_110 cs_plr_movil\">\r\n <div class=\"cs_section_heading cs_style_1\">\r\n <div class=\"intro_info \">\r\n <h3 class=\"pretitle \"></h3> \r\n <h2 class=\"title\" >Navega hacia la aventura</h2> \r\n <p class=\"text\">\u00DAnete a nuestras excursiones en barco y explora rincones ocultos de la costa, cuevas marinas y calas secretas. Siente la brisa marina, contempla impresionantes vistas y vive momentos m\u00E1gicos al atardecer. Esta experiencia es perfecta para quienes buscan aventura o un instante rom\u00E1ntico en el mar.</p>\r\n <div class=\"btns__box \">\r\n <a href=\" \" class=\"btn btn_primary\" >\r\n <b>ir a</b>\r\n <span class=\"babylon-arrow-right-big\"></span> \r\n </a>\r\n </div> \r\n </div> \r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"col-lg-6\">\r\n <div class=\"cs_slider cs_style_1 cs_slider_gap_24\"> \r\n <div class=\"cs_slider_container\" data-autoplay=\"0\" data-loop=\"1\" data-speed=\"600\" data-center=\"0\" data-variable-width=\"0\" \r\n data-slides-per-view=\"responsive\" data-xs-slides=\"1\" data-sm-slides=\"1\" data-md-slides=\"1\" data-lg-slides=\"1\" data-add-slides=\"1\">\r\n <div class=\"cs_slider_wrapper\">\r\n <div class=\"cs_slide\"> \r\n <div class=\"cs_image_layer cs_style_4 position-relative cs_bg_filed cs_width_right_50_vw cs--radius\" data-src=\"/assets/babylon/fotos/zigzag2-1.jpg\"></div>\r\n </div> \r\n <div class=\"cs_slide\"> \r\n <div class=\"cs_image_layer cs_style_4 position-relative cs_bg_filed cs_width_right_50_vw cs--radius\" data-src=\"/assets/babylon/fotos/zigzag2-2.jpg\"></div>\r\n </div> \r\n </div>\r\n </div>\r\n <div class=\"cs_pagination cs_style_1 cs_type_3 cs_type_3--left\"></div>\r\n </div> \r\n </div>\r\n </div>\r\n </div>\r\n </section>", styles: [":root{--font-title: \"the-seasons\", Helvetica, sans-serif;--font-pretitle:\"Poppins\", Helvetica, sans-serif;--font-text: \"Poppins\", Helvetica, sans-serif;--font-claim: \"turbinado-pro\", Helvetica, sans-serif;--cl_corp: #24262d;--cl_accent: #aa8453;--cl_icon: #978667;--cl_icon-light: #fff;--cl_border-light: #ededed;--cl_border-dark: #d9e1e6;--cl_shadow: rgba(0, 0, 0, .1);--cl_breadcrumb: #24262d;--cl_breadcrumb-hover: #978667;--cl_preload-bg:#ededed;--cl_preload:#24262d;--cl_background_body: #fdfbf8;--cl_background_white: #fff;--cl_background_dark: #19314b;--cl_background_gray: #eee;--cl_title: #978667;--cl_subtitle: #19314b;--cl_pretitle: #19314b;--cl_text: #3c3b3b;--cl_title-light: #fff;--cl_subtitle-light: #fff;--cl_pretitle-light: #fff;--cl_text-light: #fff;--w_title: 600;--w_text: 300;--w_subtitle: 300;--w_pretitle: 300;--cl_header-bg: #494949;--cl_header-text-light: #fff;--cl_menu-bg: #19314b;--cl_menu-text: #fff;--w_btn: 400;--cl_btn-box: #19314b;--cl_btn-box-text: #19314b;--cl_btn-box-hover: #978667;--cl_btn-box-text-hover: #fff;--cl_btn-call: #19314bf2;--cl_btn-call-text: white;--cl_btn-call-hover: #978667;--cl_btn-call-text-hover: #fff;--cl_btn-link: #19314b;--cl_btn-link-hover: #978667;--cl_btn-arrow: #19314b;--cl_btn-arrow-icon: #fff;--cl_btn-arrow-hover: #978667;--cl_btn-arrow-icon-hover: #fff;--cl_btn-dots: #24262d;--cl_btn-dots-active: #978667;--cl_btn-dots-hover: #978667;--cl_btn-light: #fff;--cl_btn-light-text: #fff;--cl_btn-light-hover: #978667;--cl_btn-light-text-hover: #978667;--cl_footer-bg: #19314b;--cl_footer-bg-bottom:#0a1d31;--cl_footer-scroll:#978667;--cl_footer-text: #fff;--cl_footer-text-hover: #978667;--btn_radius: 5px;--img_radius: 5px;--img_border: #fff;--img_border-whidth:1px}.cs_dark{--cl_corp: #181818;--cl_accent: #aa8453;--cl_icon: #aa8453;--cl_icon-light: #fff;--cl_border-light: #ededed;--cl_border-dark: #d9e1e6;--cl_shadow: rgba(0, 0, 0, .1);--cl_breadcrumb: #fff;--cl_breadcrumb-hover: #aa8453;--cl_preload-bg:#ededed;--cl_preload:#24262d;--cl_background_body: #181818;--cl_background_white: transparent;--cl_background_dark: #aa8453;--cl_background_gray: #333;--cl_title: #fff;--cl_subtitle: #aa8453;--cl_pretitle: #aa8453;--cl_text: #fff;--cl_title-light: #fff;--cl_subtitle-light: #fff;--cl_pretitle-light: #fff;--cl_text-light: #fff;--cl_header-bg: #aa8453;--cl_header-text-light: #fff;--cl_menu-bg: #79582c;--cl_menu-text: #fff;--cl_btn-box: #aa8453;--cl_btn-box-text: #aa8453;--cl_btn-box-hover: #79582c;--cl_btn-box-text-hover: #fff;--cl_btn-call: #aa8453;--cl_btn-call-text: white;--cl_btn-call-hover: #79582c;--cl_btn-call-text-hover: #fff;--cl_btn-link: #aa8453;--cl_btn-link-hover: #79582c;--cl_btn-arrow: #ffffff3a;--cl_btn-arrow-icon: #fff;--cl_btn-arrow-hover: #79582c;--cl_btn-arrow-icon-hover: #fff;--cl_btn-dots: #eee;--cl_btn-dots-active: #79582c;--cl_btn-dots-hover: #79582c;--cl_btn-light: #fff;--cl_btn-light-text: #fff;--cl_btn-light-hover: #79582c;--cl_btn-light-text-hover: #79582c;--cl_footer-bg: #aa8453;--cl_footer-bg-bottom:#79582c;--cl_footer-scroll:#aa8453;--cl_footer-text: #fff;--cl_footer-text-hover: #aa8453;--btn_radius: 1px;--img_radius: 0px;--img_border: #fff;--img_border-whidth:2px}.mt--0{margin-top:0!important}.mb--0{margin-bottom:0!important}.mr--0{margin-right:0!important}.ml--0{margin-left:0!important}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.pl--0{padding-left:0!important}.mblock--0{margin-block:0px}.pblock--0{padding-block:0px}.mt--10{margin-top:10px!important}.mb--10{margin-bottom:10px!important}.mr--10{margin-right:10px!important}.ml--10{margin-left:10px!important}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.pl--10{padding-left:10px!important}.mblock--10{margin-block:10px}.pblock--10{padding-block:10px}.mt--20{margin-top:20px!important}.mb--20{margin-bottom:20px!important}.mr--20{margin-right:20px!important}.ml--20{margin-left:20px!important}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.pl--20{padding-left:20px!important}.mblock--20{margin-block:20px}.pblock--20{padding-block:20px}.mt--25{margin-top:25px!important}.mb--25{margin-bottom:25px!important}.mr--25{margin-right:25px!important}.ml--25{margin-left:25px!important}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.pl--25{padding-left:25px!important}.mblock--25{margin-block:25px}.pblock--25{padding-block:25px}.mt--30{margin-top:30px!important}.mb--30{margin-bottom:30px!important}.mr--30{margin-right:30px!important}.ml--30{margin-left:30px!important}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.pl--30{padding-left:30px!important}.mblock--30{margin-block:30px}.pblock--30{padding-block:30px}.mt--40{margin-top:40px!important}.mb--40{margin-bottom:40px!important}.mr--40{margin-right:40px!important}.ml--40{margin-left:40px!important}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.pl--40{padding-left:40px!important}.mblock--40{margin-block:40px}.pblock--40{padding-block:40px}.mt--50{margin-top:50px!important}.mb--50{margin-bottom:50px!important}.mr--50{margin-right:50px!important}.ml--50{margin-left:50px!important}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.pl--50{padding-left:50px!important}.mblock--50{margin-block:50px}.pblock--50{padding-block:50px}.mt--60{margin-top:60px!important}.mb--60{margin-bottom:60px!important}.mr--60{margin-right:60px!important}.ml--60{margin-left:60px!important}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.pl--60{padding-left:60px!important}.mblock--60{margin-block:60px}.pblock--60{padding-block:60px}.mt--70{margin-top:70px!important}.mb--70{margin-bottom:70px!important}.mr--70{margin-right:70px!important}.ml--70{margin-left:70px!important}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.pl--70{padding-left:70px!important}.mblock--70{margin-block:70px}.pblock--70{padding-block:70px}.mt--80{margin-top:80px!important}.mb--80{margin-bottom:80px!important}.mr--80{margin-right:80px!important}.ml--80{margin-left:80px!important}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.pl--80{padding-left:80px!important}.mblock--80{margin-block:80px}.pblock--80{padding-block:80px}.mt--90{margin-top:90px!important}.mb--90{margin-bottom:90px!important}.mr--90{margin-right:90px!important}.ml--90{margin-left:90px!important}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.pl--90{padding-left:90px!important}.mblock--90{margin-block:90px}.pblock--90{padding-block:90px}.mt--100{margin-top:100px!important}.mb--100{margin-bottom:100px!important}.mr--100{margin-right:100px!important}.ml--100{margin-left:100px!important}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.pl--100{padding-left:100px!important}.mblock--100{margin-block:100px}.pblock--100{padding-block:100px}.cs_image_layer.cs_style_4{min-height:600px}@media (max-width: 575px){.cs_image_layer.cs_style_4{min-height:400px}}.cs_image_layer.cs_style_3.cs_type_1,.cs_image_layer.cs_style_4.cs_type_1{border-radius:250px 0}.cs_image_layer.cs_style_3.cs_type_1 img,.cs_image_layer.cs_style_4.cs_type_1 img{border-radius:inherit}.cs_image_layer.cs_style_3.cs_type_1:before,.cs_image_layer.cs_style_4.cs_type_1:before{border-radius:225px 0}.pt-175{padding-top:175px}\n"] }]
|
|
224
|
+
args: [{ selector: 'lib-babylon-info-zig-zag', standalone: true, imports: [], template: "<!-- <section class=\"container-fluid p-0\"> -->\r\n <section class=\"babylon__offers-list margin-main pt-175\"> \r\n <div class=\"container\">\r\n <div class=\"intro_info align--center no-align\">\r\n <h2 class=\"pretitle mb--10\">Destino</h2>\r\n <h3 class=\"title\" >Descubre el destino ideal</h3> \r\n </div> \r\n </div> \r\n <div class=\"container-fluid\">\r\n <div class=\"row align-items-center cs_gap_y_40\">\r\n <div class=\"col-lg-6\">\r\n <div class=\"cs_slider cs_style_1 \"> \r\n <div class=\"cs_slider_container\" data-autoplay=\"0\" data-loop=\"1\" data-speed=\"600\" data-center=\"0\" data-variable-width=\"0\" \r\n data-slides-per-view=\"responsive\" data-xs-slides=\"1\" data-sm-slides=\"1\" data-md-slides=\"1\" data-lg-slides=\"1\" data-add-slides=\"1\">\r\n <div class=\"cs_slider_wrapper\">\r\n <div class=\"cs_slide\"> \r\n <div class=\"cs_image_layer cs_style_4 position-relative cs_bg_filed cs_width_left_50_vw cs--radius\" data-src=\"/assets/babylon/fotos/zigzag-1.jpg\"></div>\r\n </div> \r\n <div class=\"cs_slide\"> \r\n <div class=\"cs_image_layer cs_style_4 position-relative cs_bg_filed cs_width_left_50_vw cs--radius\" data-src=\"/assets/babylon/fotos/zigzag-2.jpg\"></div>\r\n </div> \r\n </div>\r\n </div>\r\n <div class=\"cs_pagination cs_style_1 cs_type_3\"></div>\r\n </div> \r\n </div>\r\n <div class=\"col-lg-6\">\r\n <div class=\"cs_pl_110 cs_pr_110 cs_plr_movil\">\r\n <div class=\"cs_section_heading cs_style_1\">\r\n <div class=\"intro_info \">\r\n <h3 class=\"pretitle \" ></h3> \r\n <h2 class=\"title \" >Arena blanca y aguas cristalinas</h2> \r\n <p class=\"text\">Descubre playas v\u00EDrgenes y poco concurridas, donde la naturaleza se mantiene intacta. Rodeadas de aguas turquesas y palmeras ondulantes, son el lugar perfecto para relajarte, tomar el sol y disfrutar de un d\u00EDa inolvidable frente al mar. Cada playa en Babylon es un peque\u00F1o para\u00EDso esperando ser explorado</p>\r\n <div class=\"btns__box \">\r\n <a href=\" \" class=\"btn btn_primary\" >\r\n <b>ir a</b>\r\n <span class=\"babylon-arrow-right-big\"></span> \r\n </a>\r\n </div> \r\n </div> \r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"cs_height_80 cs_height_lg_80\"></div>\r\n <div class=\"container-fluid \">\r\n <div class=\"row align-items-center cs_mobile_reverse cs_gap_y_40\">\r\n <div class=\"col-lg-6\">\r\n <div class=\"cs_pr_110 cs_pl_110 cs_plr_movil\">\r\n <div class=\"cs_section_heading cs_style_1\">\r\n <div class=\"intro_info \">\r\n <h3 class=\"pretitle \"></h3> \r\n <h2 class=\"title\" >Navega hacia la aventura</h2> \r\n <p class=\"text\">\u00DAnete a nuestras excursiones en barco y explora rincones ocultos de la costa, cuevas marinas y calas secretas. Siente la brisa marina, contempla impresionantes vistas y vive momentos m\u00E1gicos al atardecer. Esta experiencia es perfecta para quienes buscan aventura o un instante rom\u00E1ntico en el mar.</p>\r\n <div class=\"btns__box \">\r\n <a href=\" \" class=\"btn btn_primary\" >\r\n <b>ir a</b>\r\n <span class=\"babylon-arrow-right-big\"></span> \r\n </a>\r\n </div> \r\n </div> \r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"col-lg-6\">\r\n <div class=\"cs_slider cs_style_1 cs_slider_gap_24\"> \r\n <div class=\"cs_slider_container\" data-autoplay=\"0\" data-loop=\"1\" data-speed=\"600\" data-center=\"0\" data-variable-width=\"0\" \r\n data-slides-per-view=\"responsive\" data-xs-slides=\"1\" data-sm-slides=\"1\" data-md-slides=\"1\" data-lg-slides=\"1\" data-add-slides=\"1\">\r\n <div class=\"cs_slider_wrapper\">\r\n <div class=\"cs_slide\"> \r\n <div class=\"cs_image_layer cs_style_4 position-relative cs_bg_filed cs_width_right_50_vw cs--radius\" data-src=\"/assets/babylon/fotos/zigzag2-1.jpg\"></div>\r\n </div> \r\n <div class=\"cs_slide\"> \r\n <div class=\"cs_image_layer cs_style_4 position-relative cs_bg_filed cs_width_right_50_vw cs--radius\" data-src=\"/assets/babylon/fotos/zigzag2-2.jpg\"></div>\r\n </div> \r\n </div>\r\n </div>\r\n <div class=\"cs_pagination cs_style_1 cs_type_3 cs_type_3--left\"></div>\r\n </div> \r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"cs_height_80 cs_height_lg_80\"></div>\r\n <div class=\"container-fluid\">\r\n <div class=\"row align-items-center cs_gap_y_40\">\r\n <div class=\"col-lg-6\">\r\n <div class=\"cs_slider cs_style_1 \"> \r\n <div class=\"cs_slider_container\" data-autoplay=\"0\" data-loop=\"1\" data-speed=\"600\" data-center=\"0\" data-variable-width=\"0\" \r\n data-slides-per-view=\"responsive\" data-xs-slides=\"1\" data-sm-slides=\"1\" data-md-slides=\"1\" data-lg-slides=\"1\" data-add-slides=\"1\">\r\n <div class=\"cs_slider_wrapper\">\r\n <div class=\"cs_slide\"> \r\n <div class=\"cs_image_layer cs_style_4 position-relative cs_bg_filed cs_width_left_50_vw cs--radius\" data-src=\"/assets/babylon/fotos/zigzag-1.jpg\"></div>\r\n </div> \r\n <div class=\"cs_slide\"> \r\n <div class=\"cs_image_layer cs_style_4 position-relative cs_bg_filed cs_width_left_50_vw cs--radius\" data-src=\"/assets/babylon/fotos/zigzag-2.jpg\"></div>\r\n </div> \r\n </div>\r\n </div>\r\n <div class=\"cs_pagination cs_style_1 cs_type_3\"></div>\r\n </div> \r\n </div>\r\n <div class=\"col-lg-6\">\r\n <div class=\"cs_pl_110 cs_pr_110 cs_plr_movil\">\r\n <div class=\"cs_section_heading cs_style_1\">\r\n <div class=\"intro_info \">\r\n <h3 class=\"pretitle \" ></h3> \r\n <h2 class=\"title \" >Un universo bajo el agua</h2> \r\n <p class=\"text\">Las aguas cristalinas de Babylon son el hogar de arrecifes de coral llenos de vida. Sum\u00E9rgete y descubre peces ex\u00F3ticos, jardines submarinos y una biodiversidad impresionante. Tanto si eres principiante como experto, el snorkel en este destino es una experiencia que no te puedes perder</p>\r\n <div class=\"btns__box \">\r\n <a href=\" \" class=\"btn btn_primary\" >\r\n <b>ir a</b>\r\n <span class=\"babylon-arrow-right-big\"></span> \r\n </a>\r\n </div> \r\n </div> \r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"cs_height_80 cs_height_lg_80\"></div>\r\n <div class=\"container-fluid \">\r\n <div class=\"row align-items-center cs_mobile_reverse cs_gap_y_40\">\r\n <div class=\"col-lg-6\">\r\n <div class=\"cs_pr_110 cs_pl_110 cs_plr_movil\">\r\n <div class=\"cs_section_heading cs_style_1\">\r\n <div class=\"intro_info \">\r\n <h3 class=\"pretitle \"></h3> \r\n <h2 class=\"title\" >Encanto y autenticidad a cada paso</h2> \r\n <p class=\"text\">Pasea por los mercados locales y sum\u00E9rgete en un mundo de colores, aromas y tradiciones. Aqu\u00ED encontrar\u00E1s artesan\u00EDas \u00FAnicas, productos frescos y la calidez de los lugare\u00F1os. Los mercados son el lugar ideal para llevarte un recuerdo aut\u00E9ntico y conectar con la cultura del destino</p>\r\n <div class=\"btns__box \">\r\n <a href=\" \" class=\"btn btn_primary\" >\r\n <b>ir a</b>\r\n <span class=\"babylon-arrow-right-big\"></span> \r\n </a>\r\n </div> \r\n </div> \r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"col-lg-6\">\r\n <div class=\"cs_slider cs_style_1 cs_slider_gap_24\"> \r\n <div class=\"cs_slider_container\" data-autoplay=\"0\" data-loop=\"1\" data-speed=\"600\" data-center=\"0\" data-variable-width=\"0\" \r\n data-slides-per-view=\"responsive\" data-xs-slides=\"1\" data-sm-slides=\"1\" data-md-slides=\"1\" data-lg-slides=\"1\" data-add-slides=\"1\">\r\n <div class=\"cs_slider_wrapper\">\r\n <div class=\"cs_slide\"> \r\n <div class=\"cs_image_layer cs_style_4 position-relative cs_bg_filed cs_width_right_50_vw cs--radius\" data-src=\"/assets/babylon/fotos/zigzag2-1.jpg\"></div>\r\n </div> \r\n <div class=\"cs_slide\"> \r\n <div class=\"cs_image_layer cs_style_4 position-relative cs_bg_filed cs_width_right_50_vw cs--radius\" data-src=\"/assets/babylon/fotos/zigzag2-2.jpg\"></div>\r\n </div> \r\n </div>\r\n </div>\r\n <div class=\"cs_pagination cs_style_1 cs_type_3 cs_type_3--left\"></div>\r\n </div> \r\n </div>\r\n </div>\r\n </div>\r\n </section>", styles: [":root{--font-title: \"the-seasons\", Helvetica, sans-serif;--font-pretitle:\"Poppins\", Helvetica, sans-serif;--font-text: \"Poppins\", Helvetica, sans-serif;--font-claim: \"turbinado-pro\", Helvetica, sans-serif;--cl_corp: #24262d;--cl_accent: #aa8453;--cl_icon: #978667;--cl_icon-light: #fff;--cl_border-light: #ededed;--cl_border-dark: #d9e1e6;--cl_shadow: rgba(0, 0, 0, .1);--cl_breadcrumb: #24262d;--cl_breadcrumb-hover: #978667;--cl_preload-bg:#ededed;--cl_preload:#24262d;--cl_background_body: #fdfbf8;--cl_background_white: #fff;--cl_background_dark: #19314b;--cl_background_gray: #eee;--cl_title: #978667;--cl_subtitle: #19314b;--cl_pretitle: #19314b;--cl_text: #3c3b3b;--cl_title-light: #fff;--cl_subtitle-light: #fff;--cl_pretitle-light: #fff;--cl_text-light: #fff;--w_title: 600;--w_text: 300;--w_subtitle: 300;--w_pretitle: 300;--cl_header-bg: #494949;--cl_header-text-light: #fff;--cl_menu-bg: #19314b;--cl_menu-text: #fff;--w_btn: 400;--cl_btn-box: #19314b;--cl_btn-box-text: #19314b;--cl_btn-box-hover: #978667;--cl_btn-box-text-hover: #fff;--cl_btn-call: #19314bf2;--cl_btn-call-text: white;--cl_btn-call-hover: #978667;--cl_btn-call-text-hover: #fff;--cl_btn-link: #19314b;--cl_btn-link-hover: #978667;--cl_btn-arrow: #19314b;--cl_btn-arrow-icon: #fff;--cl_btn-arrow-hover: #978667;--cl_btn-arrow-icon-hover: #fff;--cl_btn-dots: #24262d;--cl_btn-dots-active: #978667;--cl_btn-dots-hover: #978667;--cl_btn-light: #fff;--cl_btn-light-text: #fff;--cl_btn-light-hover: #978667;--cl_btn-light-text-hover: #978667;--cl_footer-bg: #19314b;--cl_footer-bg-bottom:#0a1d31;--cl_footer-scroll:#978667;--cl_footer-text: #fff;--cl_footer-text-hover: #978667;--btn_radius: 5px;--img_radius: 5px;--img_border: #fff;--img_border-whidth:1px}.cs_dark{--cl_corp: #181818;--cl_accent: #aa8453;--cl_icon: #aa8453;--cl_icon-light: #fff;--cl_border-light: #ededed;--cl_border-dark: #d9e1e6;--cl_shadow: rgba(0, 0, 0, .1);--cl_breadcrumb: #fff;--cl_breadcrumb-hover: #aa8453;--cl_preload-bg:#ededed;--cl_preload:#24262d;--cl_background_body: #181818;--cl_background_white: transparent;--cl_background_dark: #aa8453;--cl_background_gray: #333;--cl_title: #fff;--cl_subtitle: #aa8453;--cl_pretitle: #aa8453;--cl_text: #fff;--cl_title-light: #fff;--cl_subtitle-light: #fff;--cl_pretitle-light: #fff;--cl_text-light: #fff;--cl_header-bg: #aa8453;--cl_header-text-light: #fff;--cl_menu-bg: #79582c;--cl_menu-text: #fff;--cl_btn-box: #aa8453;--cl_btn-box-text: #aa8453;--cl_btn-box-hover: #79582c;--cl_btn-box-text-hover: #fff;--cl_btn-call: #aa8453;--cl_btn-call-text: white;--cl_btn-call-hover: #79582c;--cl_btn-call-text-hover: #fff;--cl_btn-link: #aa8453;--cl_btn-link-hover: #79582c;--cl_btn-arrow: #ffffff3a;--cl_btn-arrow-icon: #fff;--cl_btn-arrow-hover: #79582c;--cl_btn-arrow-icon-hover: #fff;--cl_btn-dots: #eee;--cl_btn-dots-active: #79582c;--cl_btn-dots-hover: #79582c;--cl_btn-light: #fff;--cl_btn-light-text: #fff;--cl_btn-light-hover: #79582c;--cl_btn-light-text-hover: #79582c;--cl_footer-bg: #aa8453;--cl_footer-bg-bottom:#79582c;--cl_footer-scroll:#aa8453;--cl_footer-text: #fff;--cl_footer-text-hover: #aa8453;--btn_radius: 1px;--img_radius: 0px;--img_border: #fff;--img_border-whidth:2px}.mt--0{margin-top:0!important}.mb--0{margin-bottom:0!important}.mr--0{margin-right:0!important}.ml--0{margin-left:0!important}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.pl--0{padding-left:0!important}.mblock--0{margin-block:0px}.pblock--0{padding-block:0px}.mt--10{margin-top:10px!important}.mb--10{margin-bottom:10px!important}.mr--10{margin-right:10px!important}.ml--10{margin-left:10px!important}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.pl--10{padding-left:10px!important}.mblock--10{margin-block:10px}.pblock--10{padding-block:10px}.mt--20{margin-top:20px!important}.mb--20{margin-bottom:20px!important}.mr--20{margin-right:20px!important}.ml--20{margin-left:20px!important}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.pl--20{padding-left:20px!important}.mblock--20{margin-block:20px}.pblock--20{padding-block:20px}.mt--25{margin-top:25px!important}.mb--25{margin-bottom:25px!important}.mr--25{margin-right:25px!important}.ml--25{margin-left:25px!important}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.pl--25{padding-left:25px!important}.mblock--25{margin-block:25px}.pblock--25{padding-block:25px}.mt--30{margin-top:30px!important}.mb--30{margin-bottom:30px!important}.mr--30{margin-right:30px!important}.ml--30{margin-left:30px!important}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.pl--30{padding-left:30px!important}.mblock--30{margin-block:30px}.pblock--30{padding-block:30px}.mt--40{margin-top:40px!important}.mb--40{margin-bottom:40px!important}.mr--40{margin-right:40px!important}.ml--40{margin-left:40px!important}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.pl--40{padding-left:40px!important}.mblock--40{margin-block:40px}.pblock--40{padding-block:40px}.mt--50{margin-top:50px!important}.mb--50{margin-bottom:50px!important}.mr--50{margin-right:50px!important}.ml--50{margin-left:50px!important}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.pl--50{padding-left:50px!important}.mblock--50{margin-block:50px}.pblock--50{padding-block:50px}.mt--60{margin-top:60px!important}.mb--60{margin-bottom:60px!important}.mr--60{margin-right:60px!important}.ml--60{margin-left:60px!important}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.pl--60{padding-left:60px!important}.mblock--60{margin-block:60px}.pblock--60{padding-block:60px}.mt--70{margin-top:70px!important}.mb--70{margin-bottom:70px!important}.mr--70{margin-right:70px!important}.ml--70{margin-left:70px!important}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.pl--70{padding-left:70px!important}.mblock--70{margin-block:70px}.pblock--70{padding-block:70px}.mt--80{margin-top:80px!important}.mb--80{margin-bottom:80px!important}.mr--80{margin-right:80px!important}.ml--80{margin-left:80px!important}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.pl--80{padding-left:80px!important}.mblock--80{margin-block:80px}.pblock--80{padding-block:80px}.mt--90{margin-top:90px!important}.mb--90{margin-bottom:90px!important}.mr--90{margin-right:90px!important}.ml--90{margin-left:90px!important}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.pl--90{padding-left:90px!important}.mblock--90{margin-block:90px}.pblock--90{padding-block:90px}.mt--100{margin-top:100px!important}.mb--100{margin-bottom:100px!important}.mr--100{margin-right:100px!important}.ml--100{margin-left:100px!important}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.pl--100{padding-left:100px!important}.mblock--100{margin-block:100px}.pblock--100{padding-block:100px}.cs_image_layer.cs_style_4{min-height:600px}@media (max-width: 575px){.cs_image_layer.cs_style_4{min-height:400px}}.cs_image_layer.cs_style_3.cs_type_1,.cs_image_layer.cs_style_4.cs_type_1{border-radius:250px 0}.cs_image_layer.cs_style_3.cs_type_1 img,.cs_image_layer.cs_style_4.cs_type_1 img{border-radius:inherit}.cs_image_layer.cs_style_3.cs_type_1:before,.cs_image_layer.cs_style_4.cs_type_1:before{border-radius:225px 0}.pt-175{padding-top:175px}\n"] }]
|
|
225
225
|
}] });
|
|
226
226
|
|
|
227
227
|
class BabylonInfo2imgComponent {
|
|
@@ -342,11 +342,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
|
|
|
342
342
|
|
|
343
343
|
class BabylonRoomsListComponent {
|
|
344
344
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: BabylonRoomsListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
345
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: BabylonRoomsListComponent, isStandalone: true, selector: "lib-babylon-rooms-list", ngImport: i0, template: "<section class=\"babylon__rooms-list margin-main pt-175\"> \r\n <div class=\"container\">\r\n <div class=\"intro_info align--center no-align\">\r\n <h2 class=\"pretitle mb--10\">Habitaciones</h2>\r\n <h3 class=\"title\">Espacios dise\u00F1ados para tu m\u00E1ximo confort</h3> \r\n </div> \r\n </div>\r\n <div class=\"container-fluid cs_plr_100\">\r\n <div class=\"row cs_gap_y_50\">\r\n <div class=\"col-lg-12\">\r\n <div class=\"cs_card cs_style_7 cs_type_1 cs--radius overflow-hidden\">\r\n <div class=\"cs_card_thumb d-block overflow-hidden position-relative cs_primary_bg no-border cs--radius cs_pl_20\"> \r\n <div class=\"cs_slider cs_style_1 cs_slider_gap_24\"> \r\n <div class=\"cs_slider_container\" data-autoplay=\"0\" data-loop=\"1\" data-speed=\"600\" data-center=\"0\" data-variable-width=\"0\" \r\n data-slides-per-view=\"responsive\" data-xs-slides=\"1\" data-sm-slides=\"1\" data-md-slides=\"1\" data-lg-slides=\"1\" data-add-slides=\"1\">\r\n <div class=\"cs_slider_wrapper\">\r\n <div class=\"cs_slide cs--radius\"> \r\n <img src=\"assets/babylon/fotos/room1-1.jpg\" alt=\"Room\" class=\"cs--radius\"> \r\n </div> \r\n <div class=\"cs_slide\"> \r\n <img src=\"assets/babylon/fotos/room1-2.jpg\" alt=\"Room\" class=\"cs--radius\"> \r\n </div> \r\n </div>\r\n </div>\r\n <div class=\"cs_pagination cs_style_1 cs_type_3 cs_type_3 cs_type_3--left\"></div>\r\n </div> \r\n </div>\r\n <div class=\"cs_card_info position-relative\">\r\n <div class=\"intro_info \">\r\n <h2 class=\"title--small mb--10\">Suite Presidencial</h2> \r\n <h3 class=\"subtitle \"><span class=\"text\">From</span> 320\u20AC</h3> \r\n <p class=\"text\">Vive el lujo absoluto en nuestra Suite Presidencial. Con vistas panor\u00E1micas al oc\u00E9ano, jacuzzi privado, sala de estar separada y un dise\u00F1o que combina elegancia y confort, es ideal para quienes buscan una experiencia exclusiva y personalizada.</p>\r\n <div class=\"cs_mb_20\"> \r\n <ul class=\"cs_card_list cs_mp_0\">\r\n <li>\r\n <div class=\"info--icon \">\r\n <i class=\"icon--svg icon-nuevo_pax_ico_small \"></i> \r\n </div> \r\n <p class=\"text--small\">110 Sq </p>\r\n </li>\r\n <li>\r\n <div class=\"info--icon \">\r\n <i class=\"icon--svg icon-nuevo_pax_ico_small \"></i> \r\n </div> \r\n <p class=\"text--small\">3-5 Guests </p>\r\n </li>\r\n \r\n </ul> \r\n </div>\r\n <div class=\"btns__box \">\r\n <a href=\" \" class=\"btn btn_primary\">\r\n <b>Learn More</b>\r\n <span class=\"babylon-arrow-right-big\"></span> \r\n </a>\r\n <a href=\" \" class=\"btn btn_primary btn_call\">\r\n <b>reservar</b>\r\n <span class=\"babylon-arrow-right-big\"></span> \r\n </a>\r\n </div> \r\n </div> \r\n </div>\r\n </div>\r\n </div> \r\n <div class=\"col-lg-12\">\r\n <div class=\"cs_card cs_style_7 cs_type_1 cs--radius overflow-hidden\"> \r\n <div class=\"cs_card_info position-relative\">\r\n <div class=\"intro_info \">\r\n <h2 class=\"title--small mb--10\">Suite Deluxe</h2> \r\n <h3 class=\"subtitle \"><span class=\"text\">From</span> 320\u20AC</h3> \r\n <p class=\"text\">La Suite Deluxe ofrece un ambiente amplio y sofisticado, con una terraza privada para disfrutar de la brisa marina. Perfecta para parejas o viajeros que desean un espacio lleno de confort con un toque de exclusividad</p>\r\n <div class=\"cs_mb_20\"> \r\n <ul class=\"cs_card_list cs_mp_0\">\r\n <li>\r\n <div class=\"info--icon \">\r\n <i class=\"icon--svg icon-nuevo_pax_ico_small \"></i> \r\n </div> \r\n <p class=\"text--small\">110 Sq </p>\r\n </li>\r\n <li>\r\n <div class=\"info--icon \">\r\n <i class=\"icon--svg icon-nuevo_pax_ico_small \"></i> \r\n </div> \r\n <p class=\"text--small\">3-5 Guests </p>\r\n </li>\r\n \r\n </ul> \r\n </div>\r\n <div class=\"btns__box \">\r\n <a href=\" \" class=\"btn btn_primary\">\r\n <b>Learn More</b>\r\n <span class=\"babylon-arrow-right-big\"></span> \r\n </a>\r\n <a href=\" \" class=\"btn btn_primary btn_call\">\r\n <b>reservar</b>\r\n <span class=\"babylon-arrow-right-big\"></span> \r\n </a>\r\n </div> \r\n </div> \r\n </div>\r\n <div class=\"cs_card_thumb d-block overflow-hidden position-relative cs_primary_bg no-border cs--radius cs_pr_20\">\r\n <div class=\"cs_slider cs_style_1 cs_slider_gap_24\"> \r\n <div class=\"cs_slider_container\" data-autoplay=\"0\" data-loop=\"1\" data-speed=\"600\" data-center=\"0\" data-variable-width=\"0\" \r\n data-slides-per-view=\"responsive\" data-xs-slides=\"1\" data-sm-slides=\"1\" data-md-slides=\"1\" data-lg-slides=\"1\" data-add-slides=\"1\">\r\n <div class=\"cs_slider_wrapper\">\r\n <div class=\"cs_slide cs--radius\"> \r\n <img src=\"assets/babylon/fotos/room2-1.jpg\" alt=\"Room\" class=\"cs--radius\"> \r\n </div> \r\n <div class=\"cs_slide\"> \r\n <img src=\"assets/babylon/fotos/room2-2.jpg\" alt=\"Room\" class=\"cs--radius\"> \r\n </div> \r\n </div>\r\n </div>\r\n <div class=\"cs_pagination cs_style_1 cs_type_3 cs_type_3 cs_type_3\"></div>\r\n </div> \r\n </div>\r\n </div>\r\n </div>\r\n \r\n </div>\r\n </div>\r\n </section>", styles: [":root{--font-title: \"the-seasons\", Helvetica, sans-serif;--font-pretitle:\"Poppins\", Helvetica, sans-serif;--font-text: \"Poppins\", Helvetica, sans-serif;--font-claim: \"turbinado-pro\", Helvetica, sans-serif;--cl_corp: #24262d;--cl_accent: #aa8453;--cl_icon: #978667;--cl_icon-light: #fff;--cl_border-light: #ededed;--cl_border-dark: #d9e1e6;--cl_shadow: rgba(0, 0, 0, .1);--cl_breadcrumb: #24262d;--cl_breadcrumb-hover: #978667;--cl_preload-bg:#ededed;--cl_preload:#24262d;--cl_background_body: #fdfbf8;--cl_background_white: #fff;--cl_background_dark: #19314b;--cl_background_gray: #eee;--cl_title: #978667;--cl_subtitle: #19314b;--cl_pretitle: #19314b;--cl_text: #3c3b3b;--cl_title-light: #fff;--cl_subtitle-light: #fff;--cl_pretitle-light: #fff;--cl_text-light: #fff;--w_title: 600;--w_text: 300;--w_subtitle: 300;--w_pretitle: 300;--cl_header-bg: #494949;--cl_header-text-light: #fff;--cl_menu-bg: #19314b;--cl_menu-text: #fff;--w_btn: 400;--cl_btn-box: #19314b;--cl_btn-box-text: #19314b;--cl_btn-box-hover: #978667;--cl_btn-box-text-hover: #fff;--cl_btn-call: #19314bf2;--cl_btn-call-text: white;--cl_btn-call-hover: #978667;--cl_btn-call-text-hover: #fff;--cl_btn-link: #19314b;--cl_btn-link-hover: #978667;--cl_btn-arrow: #19314b;--cl_btn-arrow-icon: #fff;--cl_btn-arrow-hover: #978667;--cl_btn-arrow-icon-hover: #fff;--cl_btn-dots: #24262d;--cl_btn-dots-active: #978667;--cl_btn-dots-hover: #978667;--cl_btn-light: #fff;--cl_btn-light-text: #fff;--cl_btn-light-hover: #978667;--cl_btn-light-text-hover: #978667;--cl_footer-bg: #19314b;--cl_footer-bg-bottom:#0a1d31;--cl_footer-scroll:#978667;--cl_footer-text: #fff;--cl_footer-text-hover: #978667;--btn_radius: 5px;--img_radius: 5px;--img_border: #fff;--img_border-whidth:1px}.cs_dark{--cl_corp: #181818;--cl_accent: #aa8453;--cl_icon: #aa8453;--cl_icon-light: #fff;--cl_border-light: #ededed;--cl_border-dark: #d9e1e6;--cl_shadow: rgba(0, 0, 0, .1);--cl_breadcrumb: #fff;--cl_breadcrumb-hover: #aa8453;--cl_preload-bg:#ededed;--cl_preload:#24262d;--cl_background_body: #181818;--cl_background_white: transparent;--cl_background_dark: #aa8453;--cl_background_gray: #333;--cl_title: #fff;--cl_subtitle: #aa8453;--cl_pretitle: #aa8453;--cl_text: #fff;--cl_title-light: #fff;--cl_subtitle-light: #fff;--cl_pretitle-light: #fff;--cl_text-light: #fff;--cl_header-bg: #aa8453;--cl_header-text-light: #fff;--cl_menu-bg: #79582c;--cl_menu-text: #fff;--cl_btn-box: #aa8453;--cl_btn-box-text: #aa8453;--cl_btn-box-hover: #79582c;--cl_btn-box-text-hover: #fff;--cl_btn-call: #aa8453;--cl_btn-call-text: white;--cl_btn-call-hover: #79582c;--cl_btn-call-text-hover: #fff;--cl_btn-link: #aa8453;--cl_btn-link-hover: #79582c;--cl_btn-arrow: #ffffff3a;--cl_btn-arrow-icon: #fff;--cl_btn-arrow-hover: #79582c;--cl_btn-arrow-icon-hover: #fff;--cl_btn-dots: #eee;--cl_btn-dots-active: #79582c;--cl_btn-dots-hover: #79582c;--cl_btn-light: #fff;--cl_btn-light-text: #fff;--cl_btn-light-hover: #79582c;--cl_btn-light-text-hover: #79582c;--cl_footer-bg: #aa8453;--cl_footer-bg-bottom:#79582c;--cl_footer-scroll:#aa8453;--cl_footer-text: #fff;--cl_footer-text-hover: #aa8453;--btn_radius: 1px;--img_radius: 0px;--img_border: #fff;--img_border-whidth:2px}.mt--0{margin-top:0!important}.mb--0{margin-bottom:0!important}.mr--0{margin-right:0!important}.ml--0{margin-left:0!important}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.pl--0{padding-left:0!important}.mblock--0{margin-block:0px}.pblock--0{padding-block:0px}.mt--10{margin-top:10px!important}.mb--10{margin-bottom:10px!important}.mr--10{margin-right:10px!important}.ml--10{margin-left:10px!important}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.pl--10{padding-left:10px!important}.mblock--10{margin-block:10px}.pblock--10{padding-block:10px}.mt--20{margin-top:20px!important}.mb--20{margin-bottom:20px!important}.mr--20{margin-right:20px!important}.ml--20{margin-left:20px!important}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.pl--20{padding-left:20px!important}.mblock--20{margin-block:20px}.pblock--20{padding-block:20px}.mt--25{margin-top:25px!important}.mb--25{margin-bottom:25px!important}.mr--25{margin-right:25px!important}.ml--25{margin-left:25px!important}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.pl--25{padding-left:25px!important}.mblock--25{margin-block:25px}.pblock--25{padding-block:25px}.mt--30{margin-top:30px!important}.mb--30{margin-bottom:30px!important}.mr--30{margin-right:30px!important}.ml--30{margin-left:30px!important}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.pl--30{padding-left:30px!important}.mblock--30{margin-block:30px}.pblock--30{padding-block:30px}.mt--40{margin-top:40px!important}.mb--40{margin-bottom:40px!important}.mr--40{margin-right:40px!important}.ml--40{margin-left:40px!important}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.pl--40{padding-left:40px!important}.mblock--40{margin-block:40px}.pblock--40{padding-block:40px}.mt--50{margin-top:50px!important}.mb--50{margin-bottom:50px!important}.mr--50{margin-right:50px!important}.ml--50{margin-left:50px!important}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.pl--50{padding-left:50px!important}.mblock--50{margin-block:50px}.pblock--50{padding-block:50px}.mt--60{margin-top:60px!important}.mb--60{margin-bottom:60px!important}.mr--60{margin-right:60px!important}.ml--60{margin-left:60px!important}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.pl--60{padding-left:60px!important}.mblock--60{margin-block:60px}.pblock--60{padding-block:60px}.mt--70{margin-top:70px!important}.mb--70{margin-bottom:70px!important}.mr--70{margin-right:70px!important}.ml--70{margin-left:70px!important}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.pl--70{padding-left:70px!important}.mblock--70{margin-block:70px}.pblock--70{padding-block:70px}.mt--80{margin-top:80px!important}.mb--80{margin-bottom:80px!important}.mr--80{margin-right:80px!important}.ml--80{margin-left:80px!important}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.pl--80{padding-left:80px!important}.mblock--80{margin-block:80px}.pblock--80{padding-block:80px}.mt--90{margin-top:90px!important}.mb--90{margin-bottom:90px!important}.mr--90{margin-right:90px!important}.ml--90{margin-left:90px!important}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.pl--90{padding-left:90px!important}.mblock--90{margin-block:90px}.pblock--90{padding-block:90px}.mt--100{margin-top:100px!important}.mb--100{margin-bottom:100px!important}.mr--100{margin-right:100px!important}.ml--100{margin-left:100px!important}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.pl--100{padding-left:100px!important}.mblock--100{margin-block:100px}.pblock--100{padding-block:100px}.cs_card.cs_style_1 .cs_card_list,.cs_card.cs_style_2 .cs_card_list,.cs_card.cs_style_3 .cs_card_list,.cs_card.cs_style_4 .cs_card_list,.cs_card.cs_style_5 .cs_card_list,.cs_card.cs_style_7 .cs_card_list{display:inline-flex;flex-wrap:wrap}.cs_card.cs_style_1 .cs_card_list li,.cs_card.cs_style_2 .cs_card_list li,.cs_card.cs_style_3 .cs_card_list li,.cs_card.cs_style_4 .cs_card_list li,.cs_card.cs_style_5 .cs_card_list li,.cs_card.cs_style_7 .cs_card_list li{position:relative}.cs_card.cs_style_1 .cs_card_list li:not(:last-child),.cs_card.cs_style_2 .cs_card_list li:not(:last-child),.cs_card.cs_style_3 .cs_card_list li:not(:last-child),.cs_card.cs_style_4 .cs_card_list li:not(:last-child),.cs_card.cs_style_5 .cs_card_list li:not(:last-child),.cs_card.cs_style_7 .cs_card_list li:not(:last-child){padding-right:15px;margin-right:14px}@media (max-width: 374px){.cs_card.cs_style_1 .cs_card_list li:not(:last-child),.cs_card.cs_style_2 .cs_card_list li:not(:last-child),.cs_card.cs_style_3 .cs_card_list li:not(:last-child),.cs_card.cs_style_4 .cs_card_list li:not(:last-child),.cs_card.cs_style_5 .cs_card_list li:not(:last-child),.cs_card.cs_style_7 .cs_card_list li:not(:last-child){padding-right:9px;margin-right:8px}}.cs_card.cs_style_1 .cs_card_list li:not(:last-child):after,.cs_card.cs_style_2 .cs_card_list li:not(:last-child):after,.cs_card.cs_style_3 .cs_card_list li:not(:last-child):after,.cs_card.cs_style_4 .cs_card_list li:not(:last-child):after,.cs_card.cs_style_5 .cs_card_list li:not(:last-child):after,.cs_card.cs_style_7 .cs_card_list li:not(:last-child):after{content:\"\";position:absolute;right:0;top:50%;margin-top:-10px;height:20px;width:1px;background-color:var(--secondary)}.cs_card.cs_style_1 .cs_card_price,.cs_card.cs_style_2 .cs_card_price,.cs_card.cs_style_3 .cs_card_price,.cs_card.cs_style_4 .cs_card_price,.cs_card.cs_style_5 .cs_card_price,.cs_card.cs_style_7 .cs_card_price{display:flex;align-items:center;gap:20px}.cs_card.cs_style_1.text-center .cs_card_price,.cs_card.cs_style_1.text-center .cs_card_list,.cs_card.cs_style_2.text-center .cs_card_price,.cs_card.cs_style_2.text-center .cs_card_list,.cs_card.cs_style_3.text-center .cs_card_price,.cs_card.cs_style_3.text-center .cs_card_list,.cs_card.cs_style_4.text-center .cs_card_price,.cs_card.cs_style_4.text-center .cs_card_list,.cs_card.cs_style_5.text-center .cs_card_price,.cs_card.cs_style_5.text-center .cs_card_list,.cs_card.cs_style_7.text-center .cs_card_price,.cs_card.cs_style_7.text-center .cs_card_list{justify-content:center}.cs_card.cs_style_7{border:1px solid var(--ternary);transition:all .4s ease}.cs_card.cs_style_7 .cs_card_btn{top:50%;left:50%;transform:translate(-50%,-50%);transition:all .4s ease;margin-top:30px;opacity:0;display:block}.cs_card.cs_style_7 .cs_card_info{padding:35px 50px 45px}@media (max-width: 991px){.cs_card.cs_style_7 .cs_card_info{padding:25px 35px 35px}}@media (max-width: 374px){.cs_card.cs_style_7 .cs_card_info{padding:25px 25px 35px}}.cs_card.cs_style_7 .cs_card_thumb img{transition:all .4s ease}.cs_card.cs_style_7:hover{transform:translateY(-5px)}.cs_card.cs_style_7:hover .cs_card_btn{margin-top:0;opacity:1}.cs_card.cs_style_7:hover .cs_card_thumb img{transform:scale(1.03)}.cs_card.cs_style_7.cs_type_1 .cs_card_info p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}@media (min-width: 768px){.cs_card.cs_style_7.cs_type_1{display:flex;align-items:center}.cs_card.cs_style_7.cs_type_1 .cs_card_thumb{flex:none;width:45%;height:415px}.cs_card.cs_style_7.cs_type_1 .cs_card_thumb img{height:100%;width:100%;object-fit:cover}}.pt-175{padding-top:175px}\n"] }); }
|
|
345
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: BabylonRoomsListComponent, isStandalone: true, selector: "lib-babylon-rooms-list", ngImport: i0, template: "<section class=\"babylon__rooms-list margin-main pt-175\"> \r\n <div class=\"container\">\r\n <div class=\"intro_info align--center no-align\">\r\n <h2 class=\"pretitle mb--10\">Habitaciones</h2>\r\n <h3 class=\"title\">Espacios dise\u00F1ados para tu m\u00E1ximo confort</h3> \r\n </div> \r\n </div>\r\n <div class=\"container-fluid cs_plr_100\">\r\n <div class=\"row cs_gap_y_50\">\r\n <div class=\"col-lg-12\">\r\n <div class=\"cs_card cs_style_7 cs_type_1 cs--radius overflow-hidden\">\r\n <div class=\"cs_card_thumb d-block overflow-hidden position-relative cs_primary_bg no-border cs--radius cs_pl_20\"> \r\n <div class=\"cs_slider cs_style_1 cs_slider_gap_24\"> \r\n <div class=\"cs_slider_container\" data-autoplay=\"0\" data-loop=\"1\" data-speed=\"600\" data-center=\"0\" data-variable-width=\"0\" \r\n data-slides-per-view=\"responsive\" data-xs-slides=\"1\" data-sm-slides=\"1\" data-md-slides=\"1\" data-lg-slides=\"1\" data-add-slides=\"1\">\r\n <div class=\"cs_slider_wrapper\">\r\n <div class=\"cs_slide cs--radius\"> \r\n <img src=\"assets/babylon/fotos/room1-1.jpg\" alt=\"Room\" class=\"cs--radius\"> \r\n </div> \r\n <div class=\"cs_slide\"> \r\n <img src=\"assets/babylon/fotos/room1-2.jpg\" alt=\"Room\" class=\"cs--radius\"> \r\n </div> \r\n </div>\r\n </div>\r\n <div class=\"cs_pagination cs_style_1 cs_type_3 cs_type_3 cs_type_3--left\"></div>\r\n </div> \r\n </div>\r\n <div class=\"cs_card_info position-relative\">\r\n <div class=\"intro_info \">\r\n <h2 class=\"title--small mb--10\">Suite Presidencial</h2> \r\n <h3 class=\"subtitle \"><span class=\"text\">From</span> 320\u20AC</h3> \r\n <p class=\"text\">Vive el lujo absoluto en nuestra Suite Presidencial. Con vistas panor\u00E1micas al oc\u00E9ano, jacuzzi privado, sala de estar separada y un dise\u00F1o que combina elegancia y confort, es ideal para quienes buscan una experiencia exclusiva y personalizada.</p>\r\n <div class=\"cs_mb_20\"> \r\n <ul class=\"cs_card_list cs_mp_0\">\r\n <li>\r\n <div class=\"info--icon \">\r\n <i class=\"icon--svg icon-nuevo_pax_ico_small \"></i> \r\n </div> \r\n <p class=\"text--small\">110 Sq </p>\r\n </li>\r\n <li>\r\n <div class=\"info--icon \">\r\n <i class=\"icon--svg icon-nuevo_pax_ico_small \"></i> \r\n </div> \r\n <p class=\"text--small\">3-5 Guests </p>\r\n </li>\r\n \r\n </ul> \r\n </div>\r\n <div class=\"btns__box \">\r\n <a href=\" \" class=\"btn btn_primary\">\r\n <b>Learn More</b>\r\n <span class=\"babylon-arrow-right-big\"></span> \r\n </a>\r\n <a href=\" \" class=\"btn btn_primary btn_call\">\r\n <b>reservar</b>\r\n <span class=\"babylon-arrow-right-big\"></span> \r\n </a>\r\n </div> \r\n </div> \r\n </div>\r\n </div>\r\n </div> \r\n <div class=\"col-lg-12\">\r\n <div class=\"cs_card cs_style_7 cs_type_1 cs--radius overflow-hidden\"> \r\n <div class=\"cs_card_info position-relative\">\r\n <div class=\"intro_info \">\r\n <h2 class=\"title--small mb--10\">Suite Deluxe</h2> \r\n <h3 class=\"subtitle \"><span class=\"text\">From</span> 320\u20AC</h3> \r\n <p class=\"text\">La Suite Deluxe ofrece un ambiente amplio y sofisticado, con una terraza privada para disfrutar de la brisa marina. Perfecta para parejas o viajeros que desean un espacio lleno de confort con un toque de exclusividad</p>\r\n <div class=\"cs_mb_20\"> \r\n <ul class=\"cs_card_list cs_mp_0\">\r\n <li>\r\n <div class=\"info--icon \">\r\n <i class=\"icon--svg icon-nuevo_pax_ico_small \"></i> \r\n </div> \r\n <p class=\"text--small\">110 Sq </p>\r\n </li>\r\n <li>\r\n <div class=\"info--icon \">\r\n <i class=\"icon--svg icon-nuevo_pax_ico_small \"></i> \r\n </div> \r\n <p class=\"text--small\">3-5 Guests </p>\r\n </li>\r\n \r\n </ul> \r\n </div>\r\n <div class=\"btns__box \">\r\n <a href=\" \" class=\"btn btn_primary\">\r\n <b>Learn More</b>\r\n <span class=\"babylon-arrow-right-big\"></span> \r\n </a>\r\n <a href=\" \" class=\"btn btn_primary btn_call\">\r\n <b>reservar</b>\r\n <span class=\"babylon-arrow-right-big\"></span> \r\n </a>\r\n </div> \r\n </div> \r\n </div>\r\n <div class=\"cs_card_thumb d-block overflow-hidden position-relative cs_primary_bg no-border cs--radius cs_pr_20\">\r\n <div class=\"cs_slider cs_style_1 cs_slider_gap_24\"> \r\n <div class=\"cs_slider_container\" data-autoplay=\"0\" data-loop=\"1\" data-speed=\"600\" data-center=\"0\" data-variable-width=\"0\" \r\n data-slides-per-view=\"responsive\" data-xs-slides=\"1\" data-sm-slides=\"1\" data-md-slides=\"1\" data-lg-slides=\"1\" data-add-slides=\"1\">\r\n <div class=\"cs_slider_wrapper\">\r\n <div class=\"cs_slide cs--radius\"> \r\n <img src=\"assets/babylon/fotos/room2-1.jpg\" alt=\"Room\" class=\"cs--radius\"> \r\n </div> \r\n <div class=\"cs_slide\"> \r\n <img src=\"assets/babylon/fotos/room2-2.jpg\" alt=\"Room\" class=\"cs--radius\"> \r\n </div> \r\n </div>\r\n </div>\r\n <div class=\"cs_pagination cs_style_1 cs_type_3 cs_type_3 cs_type_3\"></div>\r\n </div> \r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"col-lg-12\">\r\n <div class=\"cs_card cs_style_7 cs_type_1 cs--radius overflow-hidden\">\r\n <div class=\"cs_card_thumb d-block overflow-hidden position-relative cs_primary_bg no-border cs--radius cs_pl_20\"> \r\n <div class=\"cs_slider cs_style_1 cs_slider_gap_24\"> \r\n <div class=\"cs_slider_container\" data-autoplay=\"0\" data-loop=\"1\" data-speed=\"600\" data-center=\"0\" data-variable-width=\"0\" \r\n data-slides-per-view=\"responsive\" data-xs-slides=\"1\" data-sm-slides=\"1\" data-md-slides=\"1\" data-lg-slides=\"1\" data-add-slides=\"1\">\r\n <div class=\"cs_slider_wrapper\">\r\n <div class=\"cs_slide cs--radius\"> \r\n <img src=\"assets/babylon/fotos/room1-1.jpg\" alt=\"Room\" class=\"cs--radius\"> \r\n </div> \r\n <div class=\"cs_slide\"> \r\n <img src=\"assets/babylon/fotos/room1-2.jpg\" alt=\"Room\" class=\"cs--radius\"> \r\n </div> \r\n </div>\r\n </div>\r\n <div class=\"cs_pagination cs_style_1 cs_type_3 cs_type_3 cs_type_3--left\"></div>\r\n </div> \r\n </div>\r\n <div class=\"cs_card_info position-relative\">\r\n <div class=\"intro_info \">\r\n <h2 class=\"title--small mb--10\">Habitaci\u00F3n Premium</h2> \r\n <h3 class=\"subtitle \"><span class=\"text\">From</span> 220\u20AC</h3> \r\n <p class=\"text\">Nuestra Habitaci\u00F3n Premium combina un dise\u00F1o moderno con acceso directo a la piscina. Es el lugar perfecto para quienes desean relajarse al m\u00E1ximo sin renunciar a la conexi\u00F3n directa con las instalaciones principales del resort.</p>\r\n <div class=\"cs_mb_20\"> \r\n <ul class=\"cs_card_list cs_mp_0\">\r\n <li>\r\n <div class=\"info--icon \">\r\n <i class=\"icon--svg icon-nuevo_pax_ico_small \"></i> \r\n </div> \r\n <p class=\"text--small\">110 Sq </p>\r\n </li>\r\n <li>\r\n <div class=\"info--icon \">\r\n <i class=\"icon--svg icon-nuevo_pax_ico_small \"></i> \r\n </div> \r\n <p class=\"text--small\">3-4 Guests </p>\r\n </li>\r\n \r\n </ul> \r\n </div>\r\n <div class=\"btns__box \">\r\n <a href=\" \" class=\"btn btn_primary\">\r\n <b>Learn More</b>\r\n <span class=\"babylon-arrow-right-big\"></span> \r\n </a>\r\n <a href=\" \" class=\"btn btn_primary btn_call\">\r\n <b>reservar</b>\r\n <span class=\"babylon-arrow-right-big\"></span> \r\n </a>\r\n </div> \r\n </div> \r\n </div>\r\n </div>\r\n </div> \r\n <div class=\"col-lg-12\">\r\n <div class=\"cs_card cs_style_7 cs_type_1 cs--radius overflow-hidden\"> \r\n <div class=\"cs_card_info position-relative\">\r\n <div class=\"intro_info \">\r\n <h2 class=\"title--small mb--10\">Habitaci\u00F3n Principal</h2> \r\n <h3 class=\"subtitle \"><span class=\"text\">From</span> 320\u20AC</h3> \r\n <p class=\"text\"> Dise\u00F1ada para parejas que buscan intimidad y romance, la Habitaci\u00F3n Principal ofrece un ambiente sereno con espectaculares vistas al oc\u00E9ano. Ideal para disfrutar de momentos inolvidables frente a un paisaje de ensue\u00F1o.</p>\r\n <div class=\"cs_mb_20\"> \r\n <ul class=\"cs_card_list cs_mp_0\">\r\n <li>\r\n <div class=\"info--icon \">\r\n <i class=\"icon--svg icon-nuevo_pax_ico_small \"></i> \r\n </div> \r\n <p class=\"text--small\">110 Sq </p>\r\n </li>\r\n <li>\r\n <div class=\"info--icon \">\r\n <i class=\"icon--svg icon-nuevo_pax_ico_small \"></i> \r\n </div> \r\n <p class=\"text--small\">3-5 Guests </p>\r\n </li>\r\n \r\n </ul> \r\n </div>\r\n <div class=\"btns__box \">\r\n <a href=\" \" class=\"btn btn_primary\">\r\n <b>Learn More</b>\r\n <span class=\"babylon-arrow-right-big\"></span> \r\n </a>\r\n <a href=\" \" class=\"btn btn_primary btn_call\">\r\n <b>reservar</b>\r\n <span class=\"babylon-arrow-right-big\"></span> \r\n </a>\r\n </div> \r\n </div> \r\n </div>\r\n <div class=\"cs_card_thumb d-block overflow-hidden position-relative cs_primary_bg no-border cs--radius cs_pr_20\">\r\n <div class=\"cs_slider cs_style_1 cs_slider_gap_24\"> \r\n <div class=\"cs_slider_container\" data-autoplay=\"0\" data-loop=\"1\" data-speed=\"600\" data-center=\"0\" data-variable-width=\"0\" \r\n data-slides-per-view=\"responsive\" data-xs-slides=\"1\" data-sm-slides=\"1\" data-md-slides=\"1\" data-lg-slides=\"1\" data-add-slides=\"1\">\r\n <div class=\"cs_slider_wrapper\">\r\n <div class=\"cs_slide cs--radius\"> \r\n <img src=\"assets/babylon/fotos/room2-1.jpg\" alt=\"Room\" class=\"cs--radius\"> \r\n </div> \r\n <div class=\"cs_slide\"> \r\n <img src=\"assets/babylon/fotos/room2-2.jpg\" alt=\"Room\" class=\"cs--radius\"> \r\n </div> \r\n </div>\r\n </div>\r\n <div class=\"cs_pagination cs_style_1 cs_type_3 cs_type_3 cs_type_3\"></div>\r\n </div> \r\n </div>\r\n </div>\r\n </div>\r\n \r\n </div>\r\n </div>\r\n </section>", styles: [":root{--font-title: \"the-seasons\", Helvetica, sans-serif;--font-pretitle:\"Poppins\", Helvetica, sans-serif;--font-text: \"Poppins\", Helvetica, sans-serif;--font-claim: \"turbinado-pro\", Helvetica, sans-serif;--cl_corp: #24262d;--cl_accent: #aa8453;--cl_icon: #978667;--cl_icon-light: #fff;--cl_border-light: #ededed;--cl_border-dark: #d9e1e6;--cl_shadow: rgba(0, 0, 0, .1);--cl_breadcrumb: #24262d;--cl_breadcrumb-hover: #978667;--cl_preload-bg:#ededed;--cl_preload:#24262d;--cl_background_body: #fdfbf8;--cl_background_white: #fff;--cl_background_dark: #19314b;--cl_background_gray: #eee;--cl_title: #978667;--cl_subtitle: #19314b;--cl_pretitle: #19314b;--cl_text: #3c3b3b;--cl_title-light: #fff;--cl_subtitle-light: #fff;--cl_pretitle-light: #fff;--cl_text-light: #fff;--w_title: 600;--w_text: 300;--w_subtitle: 300;--w_pretitle: 300;--cl_header-bg: #494949;--cl_header-text-light: #fff;--cl_menu-bg: #19314b;--cl_menu-text: #fff;--w_btn: 400;--cl_btn-box: #19314b;--cl_btn-box-text: #19314b;--cl_btn-box-hover: #978667;--cl_btn-box-text-hover: #fff;--cl_btn-call: #19314bf2;--cl_btn-call-text: white;--cl_btn-call-hover: #978667;--cl_btn-call-text-hover: #fff;--cl_btn-link: #19314b;--cl_btn-link-hover: #978667;--cl_btn-arrow: #19314b;--cl_btn-arrow-icon: #fff;--cl_btn-arrow-hover: #978667;--cl_btn-arrow-icon-hover: #fff;--cl_btn-dots: #24262d;--cl_btn-dots-active: #978667;--cl_btn-dots-hover: #978667;--cl_btn-light: #fff;--cl_btn-light-text: #fff;--cl_btn-light-hover: #978667;--cl_btn-light-text-hover: #978667;--cl_footer-bg: #19314b;--cl_footer-bg-bottom:#0a1d31;--cl_footer-scroll:#978667;--cl_footer-text: #fff;--cl_footer-text-hover: #978667;--btn_radius: 5px;--img_radius: 5px;--img_border: #fff;--img_border-whidth:1px}.cs_dark{--cl_corp: #181818;--cl_accent: #aa8453;--cl_icon: #aa8453;--cl_icon-light: #fff;--cl_border-light: #ededed;--cl_border-dark: #d9e1e6;--cl_shadow: rgba(0, 0, 0, .1);--cl_breadcrumb: #fff;--cl_breadcrumb-hover: #aa8453;--cl_preload-bg:#ededed;--cl_preload:#24262d;--cl_background_body: #181818;--cl_background_white: transparent;--cl_background_dark: #aa8453;--cl_background_gray: #333;--cl_title: #fff;--cl_subtitle: #aa8453;--cl_pretitle: #aa8453;--cl_text: #fff;--cl_title-light: #fff;--cl_subtitle-light: #fff;--cl_pretitle-light: #fff;--cl_text-light: #fff;--cl_header-bg: #aa8453;--cl_header-text-light: #fff;--cl_menu-bg: #79582c;--cl_menu-text: #fff;--cl_btn-box: #aa8453;--cl_btn-box-text: #aa8453;--cl_btn-box-hover: #79582c;--cl_btn-box-text-hover: #fff;--cl_btn-call: #aa8453;--cl_btn-call-text: white;--cl_btn-call-hover: #79582c;--cl_btn-call-text-hover: #fff;--cl_btn-link: #aa8453;--cl_btn-link-hover: #79582c;--cl_btn-arrow: #ffffff3a;--cl_btn-arrow-icon: #fff;--cl_btn-arrow-hover: #79582c;--cl_btn-arrow-icon-hover: #fff;--cl_btn-dots: #eee;--cl_btn-dots-active: #79582c;--cl_btn-dots-hover: #79582c;--cl_btn-light: #fff;--cl_btn-light-text: #fff;--cl_btn-light-hover: #79582c;--cl_btn-light-text-hover: #79582c;--cl_footer-bg: #aa8453;--cl_footer-bg-bottom:#79582c;--cl_footer-scroll:#aa8453;--cl_footer-text: #fff;--cl_footer-text-hover: #aa8453;--btn_radius: 1px;--img_radius: 0px;--img_border: #fff;--img_border-whidth:2px}.mt--0{margin-top:0!important}.mb--0{margin-bottom:0!important}.mr--0{margin-right:0!important}.ml--0{margin-left:0!important}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.pl--0{padding-left:0!important}.mblock--0{margin-block:0px}.pblock--0{padding-block:0px}.mt--10{margin-top:10px!important}.mb--10{margin-bottom:10px!important}.mr--10{margin-right:10px!important}.ml--10{margin-left:10px!important}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.pl--10{padding-left:10px!important}.mblock--10{margin-block:10px}.pblock--10{padding-block:10px}.mt--20{margin-top:20px!important}.mb--20{margin-bottom:20px!important}.mr--20{margin-right:20px!important}.ml--20{margin-left:20px!important}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.pl--20{padding-left:20px!important}.mblock--20{margin-block:20px}.pblock--20{padding-block:20px}.mt--25{margin-top:25px!important}.mb--25{margin-bottom:25px!important}.mr--25{margin-right:25px!important}.ml--25{margin-left:25px!important}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.pl--25{padding-left:25px!important}.mblock--25{margin-block:25px}.pblock--25{padding-block:25px}.mt--30{margin-top:30px!important}.mb--30{margin-bottom:30px!important}.mr--30{margin-right:30px!important}.ml--30{margin-left:30px!important}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.pl--30{padding-left:30px!important}.mblock--30{margin-block:30px}.pblock--30{padding-block:30px}.mt--40{margin-top:40px!important}.mb--40{margin-bottom:40px!important}.mr--40{margin-right:40px!important}.ml--40{margin-left:40px!important}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.pl--40{padding-left:40px!important}.mblock--40{margin-block:40px}.pblock--40{padding-block:40px}.mt--50{margin-top:50px!important}.mb--50{margin-bottom:50px!important}.mr--50{margin-right:50px!important}.ml--50{margin-left:50px!important}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.pl--50{padding-left:50px!important}.mblock--50{margin-block:50px}.pblock--50{padding-block:50px}.mt--60{margin-top:60px!important}.mb--60{margin-bottom:60px!important}.mr--60{margin-right:60px!important}.ml--60{margin-left:60px!important}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.pl--60{padding-left:60px!important}.mblock--60{margin-block:60px}.pblock--60{padding-block:60px}.mt--70{margin-top:70px!important}.mb--70{margin-bottom:70px!important}.mr--70{margin-right:70px!important}.ml--70{margin-left:70px!important}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.pl--70{padding-left:70px!important}.mblock--70{margin-block:70px}.pblock--70{padding-block:70px}.mt--80{margin-top:80px!important}.mb--80{margin-bottom:80px!important}.mr--80{margin-right:80px!important}.ml--80{margin-left:80px!important}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.pl--80{padding-left:80px!important}.mblock--80{margin-block:80px}.pblock--80{padding-block:80px}.mt--90{margin-top:90px!important}.mb--90{margin-bottom:90px!important}.mr--90{margin-right:90px!important}.ml--90{margin-left:90px!important}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.pl--90{padding-left:90px!important}.mblock--90{margin-block:90px}.pblock--90{padding-block:90px}.mt--100{margin-top:100px!important}.mb--100{margin-bottom:100px!important}.mr--100{margin-right:100px!important}.ml--100{margin-left:100px!important}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.pl--100{padding-left:100px!important}.mblock--100{margin-block:100px}.pblock--100{padding-block:100px}.cs_card.cs_style_1 .cs_card_list,.cs_card.cs_style_2 .cs_card_list,.cs_card.cs_style_3 .cs_card_list,.cs_card.cs_style_4 .cs_card_list,.cs_card.cs_style_5 .cs_card_list,.cs_card.cs_style_7 .cs_card_list{display:inline-flex;flex-wrap:wrap}.cs_card.cs_style_1 .cs_card_list li,.cs_card.cs_style_2 .cs_card_list li,.cs_card.cs_style_3 .cs_card_list li,.cs_card.cs_style_4 .cs_card_list li,.cs_card.cs_style_5 .cs_card_list li,.cs_card.cs_style_7 .cs_card_list li{position:relative}.cs_card.cs_style_1 .cs_card_list li:not(:last-child),.cs_card.cs_style_2 .cs_card_list li:not(:last-child),.cs_card.cs_style_3 .cs_card_list li:not(:last-child),.cs_card.cs_style_4 .cs_card_list li:not(:last-child),.cs_card.cs_style_5 .cs_card_list li:not(:last-child),.cs_card.cs_style_7 .cs_card_list li:not(:last-child){padding-right:15px;margin-right:14px}@media (max-width: 374px){.cs_card.cs_style_1 .cs_card_list li:not(:last-child),.cs_card.cs_style_2 .cs_card_list li:not(:last-child),.cs_card.cs_style_3 .cs_card_list li:not(:last-child),.cs_card.cs_style_4 .cs_card_list li:not(:last-child),.cs_card.cs_style_5 .cs_card_list li:not(:last-child),.cs_card.cs_style_7 .cs_card_list li:not(:last-child){padding-right:9px;margin-right:8px}}.cs_card.cs_style_1 .cs_card_list li:not(:last-child):after,.cs_card.cs_style_2 .cs_card_list li:not(:last-child):after,.cs_card.cs_style_3 .cs_card_list li:not(:last-child):after,.cs_card.cs_style_4 .cs_card_list li:not(:last-child):after,.cs_card.cs_style_5 .cs_card_list li:not(:last-child):after,.cs_card.cs_style_7 .cs_card_list li:not(:last-child):after{content:\"\";position:absolute;right:0;top:50%;margin-top:-10px;height:20px;width:1px;background-color:var(--secondary)}.cs_card.cs_style_1 .cs_card_price,.cs_card.cs_style_2 .cs_card_price,.cs_card.cs_style_3 .cs_card_price,.cs_card.cs_style_4 .cs_card_price,.cs_card.cs_style_5 .cs_card_price,.cs_card.cs_style_7 .cs_card_price{display:flex;align-items:center;gap:20px}.cs_card.cs_style_1.text-center .cs_card_price,.cs_card.cs_style_1.text-center .cs_card_list,.cs_card.cs_style_2.text-center .cs_card_price,.cs_card.cs_style_2.text-center .cs_card_list,.cs_card.cs_style_3.text-center .cs_card_price,.cs_card.cs_style_3.text-center .cs_card_list,.cs_card.cs_style_4.text-center .cs_card_price,.cs_card.cs_style_4.text-center .cs_card_list,.cs_card.cs_style_5.text-center .cs_card_price,.cs_card.cs_style_5.text-center .cs_card_list,.cs_card.cs_style_7.text-center .cs_card_price,.cs_card.cs_style_7.text-center .cs_card_list{justify-content:center}.cs_card.cs_style_7{border:1px solid var(--ternary);transition:all .4s ease}.cs_card.cs_style_7 .cs_card_btn{top:50%;left:50%;transform:translate(-50%,-50%);transition:all .4s ease;margin-top:30px;opacity:0;display:block}.cs_card.cs_style_7 .cs_card_info{padding:35px 50px 45px}@media (max-width: 991px){.cs_card.cs_style_7 .cs_card_info{padding:25px 35px 35px}}@media (max-width: 374px){.cs_card.cs_style_7 .cs_card_info{padding:25px 25px 35px}}.cs_card.cs_style_7 .cs_card_thumb img{transition:all .4s ease}.cs_card.cs_style_7:hover{transform:translateY(-5px)}.cs_card.cs_style_7:hover .cs_card_btn{margin-top:0;opacity:1}.cs_card.cs_style_7:hover .cs_card_thumb img{transform:scale(1.03)}.cs_card.cs_style_7.cs_type_1 .cs_card_info p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}@media (min-width: 768px){.cs_card.cs_style_7.cs_type_1{display:flex;align-items:center}.cs_card.cs_style_7.cs_type_1 .cs_card_thumb{flex:none;width:45%;height:415px}.cs_card.cs_style_7.cs_type_1 .cs_card_thumb img{height:100%;width:100%;object-fit:cover}}.pt-175{padding-top:175px}\n"] }); }
|
|
346
346
|
}
|
|
347
347
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: BabylonRoomsListComponent, decorators: [{
|
|
348
348
|
type: Component,
|
|
349
|
-
args: [{ selector: 'lib-babylon-rooms-list', standalone: true, imports: [], template: "<section class=\"babylon__rooms-list margin-main pt-175\"> \r\n <div class=\"container\">\r\n <div class=\"intro_info align--center no-align\">\r\n <h2 class=\"pretitle mb--10\">Habitaciones</h2>\r\n <h3 class=\"title\">Espacios dise\u00F1ados para tu m\u00E1ximo confort</h3> \r\n </div> \r\n </div>\r\n <div class=\"container-fluid cs_plr_100\">\r\n <div class=\"row cs_gap_y_50\">\r\n <div class=\"col-lg-12\">\r\n <div class=\"cs_card cs_style_7 cs_type_1 cs--radius overflow-hidden\">\r\n <div class=\"cs_card_thumb d-block overflow-hidden position-relative cs_primary_bg no-border cs--radius cs_pl_20\"> \r\n <div class=\"cs_slider cs_style_1 cs_slider_gap_24\"> \r\n <div class=\"cs_slider_container\" data-autoplay=\"0\" data-loop=\"1\" data-speed=\"600\" data-center=\"0\" data-variable-width=\"0\" \r\n data-slides-per-view=\"responsive\" data-xs-slides=\"1\" data-sm-slides=\"1\" data-md-slides=\"1\" data-lg-slides=\"1\" data-add-slides=\"1\">\r\n <div class=\"cs_slider_wrapper\">\r\n <div class=\"cs_slide cs--radius\"> \r\n <img src=\"assets/babylon/fotos/room1-1.jpg\" alt=\"Room\" class=\"cs--radius\"> \r\n </div> \r\n <div class=\"cs_slide\"> \r\n <img src=\"assets/babylon/fotos/room1-2.jpg\" alt=\"Room\" class=\"cs--radius\"> \r\n </div> \r\n </div>\r\n </div>\r\n <div class=\"cs_pagination cs_style_1 cs_type_3 cs_type_3 cs_type_3--left\"></div>\r\n </div> \r\n </div>\r\n <div class=\"cs_card_info position-relative\">\r\n <div class=\"intro_info \">\r\n <h2 class=\"title--small mb--10\">Suite Presidencial</h2> \r\n <h3 class=\"subtitle \"><span class=\"text\">From</span> 320\u20AC</h3> \r\n <p class=\"text\">Vive el lujo absoluto en nuestra Suite Presidencial. Con vistas panor\u00E1micas al oc\u00E9ano, jacuzzi privado, sala de estar separada y un dise\u00F1o que combina elegancia y confort, es ideal para quienes buscan una experiencia exclusiva y personalizada.</p>\r\n <div class=\"cs_mb_20\"> \r\n <ul class=\"cs_card_list cs_mp_0\">\r\n <li>\r\n <div class=\"info--icon \">\r\n <i class=\"icon--svg icon-nuevo_pax_ico_small \"></i> \r\n </div> \r\n <p class=\"text--small\">110 Sq </p>\r\n </li>\r\n <li>\r\n <div class=\"info--icon \">\r\n <i class=\"icon--svg icon-nuevo_pax_ico_small \"></i> \r\n </div> \r\n <p class=\"text--small\">3-5 Guests </p>\r\n </li>\r\n \r\n </ul> \r\n </div>\r\n <div class=\"btns__box \">\r\n <a href=\" \" class=\"btn btn_primary\">\r\n <b>Learn More</b>\r\n <span class=\"babylon-arrow-right-big\"></span> \r\n </a>\r\n <a href=\" \" class=\"btn btn_primary btn_call\">\r\n <b>reservar</b>\r\n <span class=\"babylon-arrow-right-big\"></span> \r\n </a>\r\n </div> \r\n </div> \r\n </div>\r\n </div>\r\n </div> \r\n <div class=\"col-lg-12\">\r\n <div class=\"cs_card cs_style_7 cs_type_1 cs--radius overflow-hidden\"> \r\n <div class=\"cs_card_info position-relative\">\r\n <div class=\"intro_info \">\r\n <h2 class=\"title--small mb--10\">Suite Deluxe</h2> \r\n <h3 class=\"subtitle \"><span class=\"text\">From</span> 320\u20AC</h3> \r\n <p class=\"text\">La Suite Deluxe ofrece un ambiente amplio y sofisticado, con una terraza privada para disfrutar de la brisa marina. Perfecta para parejas o viajeros que desean un espacio lleno de confort con un toque de exclusividad</p>\r\n <div class=\"cs_mb_20\"> \r\n <ul class=\"cs_card_list cs_mp_0\">\r\n <li>\r\n <div class=\"info--icon \">\r\n <i class=\"icon--svg icon-nuevo_pax_ico_small \"></i> \r\n </div> \r\n <p class=\"text--small\">110 Sq </p>\r\n </li>\r\n <li>\r\n <div class=\"info--icon \">\r\n <i class=\"icon--svg icon-nuevo_pax_ico_small \"></i> \r\n </div> \r\n <p class=\"text--small\">3-5 Guests </p>\r\n </li>\r\n \r\n </ul> \r\n </div>\r\n <div class=\"btns__box \">\r\n <a href=\" \" class=\"btn btn_primary\">\r\n <b>Learn More</b>\r\n <span class=\"babylon-arrow-right-big\"></span> \r\n </a>\r\n <a href=\" \" class=\"btn btn_primary btn_call\">\r\n <b>reservar</b>\r\n <span class=\"babylon-arrow-right-big\"></span> \r\n </a>\r\n </div> \r\n </div> \r\n </div>\r\n <div class=\"cs_card_thumb d-block overflow-hidden position-relative cs_primary_bg no-border cs--radius cs_pr_20\">\r\n <div class=\"cs_slider cs_style_1 cs_slider_gap_24\"> \r\n <div class=\"cs_slider_container\" data-autoplay=\"0\" data-loop=\"1\" data-speed=\"600\" data-center=\"0\" data-variable-width=\"0\" \r\n data-slides-per-view=\"responsive\" data-xs-slides=\"1\" data-sm-slides=\"1\" data-md-slides=\"1\" data-lg-slides=\"1\" data-add-slides=\"1\">\r\n <div class=\"cs_slider_wrapper\">\r\n <div class=\"cs_slide cs--radius\"> \r\n <img src=\"assets/babylon/fotos/room2-1.jpg\" alt=\"Room\" class=\"cs--radius\"> \r\n </div> \r\n <div class=\"cs_slide\"> \r\n <img src=\"assets/babylon/fotos/room2-2.jpg\" alt=\"Room\" class=\"cs--radius\"> \r\n </div> \r\n </div>\r\n </div>\r\n <div class=\"cs_pagination cs_style_1 cs_type_3 cs_type_3 cs_type_3\"></div>\r\n </div> \r\n </div>\r\n </div>\r\n </div>\r\n \r\n </div>\r\n </div>\r\n </section>", styles: [":root{--font-title: \"the-seasons\", Helvetica, sans-serif;--font-pretitle:\"Poppins\", Helvetica, sans-serif;--font-text: \"Poppins\", Helvetica, sans-serif;--font-claim: \"turbinado-pro\", Helvetica, sans-serif;--cl_corp: #24262d;--cl_accent: #aa8453;--cl_icon: #978667;--cl_icon-light: #fff;--cl_border-light: #ededed;--cl_border-dark: #d9e1e6;--cl_shadow: rgba(0, 0, 0, .1);--cl_breadcrumb: #24262d;--cl_breadcrumb-hover: #978667;--cl_preload-bg:#ededed;--cl_preload:#24262d;--cl_background_body: #fdfbf8;--cl_background_white: #fff;--cl_background_dark: #19314b;--cl_background_gray: #eee;--cl_title: #978667;--cl_subtitle: #19314b;--cl_pretitle: #19314b;--cl_text: #3c3b3b;--cl_title-light: #fff;--cl_subtitle-light: #fff;--cl_pretitle-light: #fff;--cl_text-light: #fff;--w_title: 600;--w_text: 300;--w_subtitle: 300;--w_pretitle: 300;--cl_header-bg: #494949;--cl_header-text-light: #fff;--cl_menu-bg: #19314b;--cl_menu-text: #fff;--w_btn: 400;--cl_btn-box: #19314b;--cl_btn-box-text: #19314b;--cl_btn-box-hover: #978667;--cl_btn-box-text-hover: #fff;--cl_btn-call: #19314bf2;--cl_btn-call-text: white;--cl_btn-call-hover: #978667;--cl_btn-call-text-hover: #fff;--cl_btn-link: #19314b;--cl_btn-link-hover: #978667;--cl_btn-arrow: #19314b;--cl_btn-arrow-icon: #fff;--cl_btn-arrow-hover: #978667;--cl_btn-arrow-icon-hover: #fff;--cl_btn-dots: #24262d;--cl_btn-dots-active: #978667;--cl_btn-dots-hover: #978667;--cl_btn-light: #fff;--cl_btn-light-text: #fff;--cl_btn-light-hover: #978667;--cl_btn-light-text-hover: #978667;--cl_footer-bg: #19314b;--cl_footer-bg-bottom:#0a1d31;--cl_footer-scroll:#978667;--cl_footer-text: #fff;--cl_footer-text-hover: #978667;--btn_radius: 5px;--img_radius: 5px;--img_border: #fff;--img_border-whidth:1px}.cs_dark{--cl_corp: #181818;--cl_accent: #aa8453;--cl_icon: #aa8453;--cl_icon-light: #fff;--cl_border-light: #ededed;--cl_border-dark: #d9e1e6;--cl_shadow: rgba(0, 0, 0, .1);--cl_breadcrumb: #fff;--cl_breadcrumb-hover: #aa8453;--cl_preload-bg:#ededed;--cl_preload:#24262d;--cl_background_body: #181818;--cl_background_white: transparent;--cl_background_dark: #aa8453;--cl_background_gray: #333;--cl_title: #fff;--cl_subtitle: #aa8453;--cl_pretitle: #aa8453;--cl_text: #fff;--cl_title-light: #fff;--cl_subtitle-light: #fff;--cl_pretitle-light: #fff;--cl_text-light: #fff;--cl_header-bg: #aa8453;--cl_header-text-light: #fff;--cl_menu-bg: #79582c;--cl_menu-text: #fff;--cl_btn-box: #aa8453;--cl_btn-box-text: #aa8453;--cl_btn-box-hover: #79582c;--cl_btn-box-text-hover: #fff;--cl_btn-call: #aa8453;--cl_btn-call-text: white;--cl_btn-call-hover: #79582c;--cl_btn-call-text-hover: #fff;--cl_btn-link: #aa8453;--cl_btn-link-hover: #79582c;--cl_btn-arrow: #ffffff3a;--cl_btn-arrow-icon: #fff;--cl_btn-arrow-hover: #79582c;--cl_btn-arrow-icon-hover: #fff;--cl_btn-dots: #eee;--cl_btn-dots-active: #79582c;--cl_btn-dots-hover: #79582c;--cl_btn-light: #fff;--cl_btn-light-text: #fff;--cl_btn-light-hover: #79582c;--cl_btn-light-text-hover: #79582c;--cl_footer-bg: #aa8453;--cl_footer-bg-bottom:#79582c;--cl_footer-scroll:#aa8453;--cl_footer-text: #fff;--cl_footer-text-hover: #aa8453;--btn_radius: 1px;--img_radius: 0px;--img_border: #fff;--img_border-whidth:2px}.mt--0{margin-top:0!important}.mb--0{margin-bottom:0!important}.mr--0{margin-right:0!important}.ml--0{margin-left:0!important}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.pl--0{padding-left:0!important}.mblock--0{margin-block:0px}.pblock--0{padding-block:0px}.mt--10{margin-top:10px!important}.mb--10{margin-bottom:10px!important}.mr--10{margin-right:10px!important}.ml--10{margin-left:10px!important}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.pl--10{padding-left:10px!important}.mblock--10{margin-block:10px}.pblock--10{padding-block:10px}.mt--20{margin-top:20px!important}.mb--20{margin-bottom:20px!important}.mr--20{margin-right:20px!important}.ml--20{margin-left:20px!important}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.pl--20{padding-left:20px!important}.mblock--20{margin-block:20px}.pblock--20{padding-block:20px}.mt--25{margin-top:25px!important}.mb--25{margin-bottom:25px!important}.mr--25{margin-right:25px!important}.ml--25{margin-left:25px!important}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.pl--25{padding-left:25px!important}.mblock--25{margin-block:25px}.pblock--25{padding-block:25px}.mt--30{margin-top:30px!important}.mb--30{margin-bottom:30px!important}.mr--30{margin-right:30px!important}.ml--30{margin-left:30px!important}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.pl--30{padding-left:30px!important}.mblock--30{margin-block:30px}.pblock--30{padding-block:30px}.mt--40{margin-top:40px!important}.mb--40{margin-bottom:40px!important}.mr--40{margin-right:40px!important}.ml--40{margin-left:40px!important}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.pl--40{padding-left:40px!important}.mblock--40{margin-block:40px}.pblock--40{padding-block:40px}.mt--50{margin-top:50px!important}.mb--50{margin-bottom:50px!important}.mr--50{margin-right:50px!important}.ml--50{margin-left:50px!important}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.pl--50{padding-left:50px!important}.mblock--50{margin-block:50px}.pblock--50{padding-block:50px}.mt--60{margin-top:60px!important}.mb--60{margin-bottom:60px!important}.mr--60{margin-right:60px!important}.ml--60{margin-left:60px!important}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.pl--60{padding-left:60px!important}.mblock--60{margin-block:60px}.pblock--60{padding-block:60px}.mt--70{margin-top:70px!important}.mb--70{margin-bottom:70px!important}.mr--70{margin-right:70px!important}.ml--70{margin-left:70px!important}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.pl--70{padding-left:70px!important}.mblock--70{margin-block:70px}.pblock--70{padding-block:70px}.mt--80{margin-top:80px!important}.mb--80{margin-bottom:80px!important}.mr--80{margin-right:80px!important}.ml--80{margin-left:80px!important}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.pl--80{padding-left:80px!important}.mblock--80{margin-block:80px}.pblock--80{padding-block:80px}.mt--90{margin-top:90px!important}.mb--90{margin-bottom:90px!important}.mr--90{margin-right:90px!important}.ml--90{margin-left:90px!important}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.pl--90{padding-left:90px!important}.mblock--90{margin-block:90px}.pblock--90{padding-block:90px}.mt--100{margin-top:100px!important}.mb--100{margin-bottom:100px!important}.mr--100{margin-right:100px!important}.ml--100{margin-left:100px!important}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.pl--100{padding-left:100px!important}.mblock--100{margin-block:100px}.pblock--100{padding-block:100px}.cs_card.cs_style_1 .cs_card_list,.cs_card.cs_style_2 .cs_card_list,.cs_card.cs_style_3 .cs_card_list,.cs_card.cs_style_4 .cs_card_list,.cs_card.cs_style_5 .cs_card_list,.cs_card.cs_style_7 .cs_card_list{display:inline-flex;flex-wrap:wrap}.cs_card.cs_style_1 .cs_card_list li,.cs_card.cs_style_2 .cs_card_list li,.cs_card.cs_style_3 .cs_card_list li,.cs_card.cs_style_4 .cs_card_list li,.cs_card.cs_style_5 .cs_card_list li,.cs_card.cs_style_7 .cs_card_list li{position:relative}.cs_card.cs_style_1 .cs_card_list li:not(:last-child),.cs_card.cs_style_2 .cs_card_list li:not(:last-child),.cs_card.cs_style_3 .cs_card_list li:not(:last-child),.cs_card.cs_style_4 .cs_card_list li:not(:last-child),.cs_card.cs_style_5 .cs_card_list li:not(:last-child),.cs_card.cs_style_7 .cs_card_list li:not(:last-child){padding-right:15px;margin-right:14px}@media (max-width: 374px){.cs_card.cs_style_1 .cs_card_list li:not(:last-child),.cs_card.cs_style_2 .cs_card_list li:not(:last-child),.cs_card.cs_style_3 .cs_card_list li:not(:last-child),.cs_card.cs_style_4 .cs_card_list li:not(:last-child),.cs_card.cs_style_5 .cs_card_list li:not(:last-child),.cs_card.cs_style_7 .cs_card_list li:not(:last-child){padding-right:9px;margin-right:8px}}.cs_card.cs_style_1 .cs_card_list li:not(:last-child):after,.cs_card.cs_style_2 .cs_card_list li:not(:last-child):after,.cs_card.cs_style_3 .cs_card_list li:not(:last-child):after,.cs_card.cs_style_4 .cs_card_list li:not(:last-child):after,.cs_card.cs_style_5 .cs_card_list li:not(:last-child):after,.cs_card.cs_style_7 .cs_card_list li:not(:last-child):after{content:\"\";position:absolute;right:0;top:50%;margin-top:-10px;height:20px;width:1px;background-color:var(--secondary)}.cs_card.cs_style_1 .cs_card_price,.cs_card.cs_style_2 .cs_card_price,.cs_card.cs_style_3 .cs_card_price,.cs_card.cs_style_4 .cs_card_price,.cs_card.cs_style_5 .cs_card_price,.cs_card.cs_style_7 .cs_card_price{display:flex;align-items:center;gap:20px}.cs_card.cs_style_1.text-center .cs_card_price,.cs_card.cs_style_1.text-center .cs_card_list,.cs_card.cs_style_2.text-center .cs_card_price,.cs_card.cs_style_2.text-center .cs_card_list,.cs_card.cs_style_3.text-center .cs_card_price,.cs_card.cs_style_3.text-center .cs_card_list,.cs_card.cs_style_4.text-center .cs_card_price,.cs_card.cs_style_4.text-center .cs_card_list,.cs_card.cs_style_5.text-center .cs_card_price,.cs_card.cs_style_5.text-center .cs_card_list,.cs_card.cs_style_7.text-center .cs_card_price,.cs_card.cs_style_7.text-center .cs_card_list{justify-content:center}.cs_card.cs_style_7{border:1px solid var(--ternary);transition:all .4s ease}.cs_card.cs_style_7 .cs_card_btn{top:50%;left:50%;transform:translate(-50%,-50%);transition:all .4s ease;margin-top:30px;opacity:0;display:block}.cs_card.cs_style_7 .cs_card_info{padding:35px 50px 45px}@media (max-width: 991px){.cs_card.cs_style_7 .cs_card_info{padding:25px 35px 35px}}@media (max-width: 374px){.cs_card.cs_style_7 .cs_card_info{padding:25px 25px 35px}}.cs_card.cs_style_7 .cs_card_thumb img{transition:all .4s ease}.cs_card.cs_style_7:hover{transform:translateY(-5px)}.cs_card.cs_style_7:hover .cs_card_btn{margin-top:0;opacity:1}.cs_card.cs_style_7:hover .cs_card_thumb img{transform:scale(1.03)}.cs_card.cs_style_7.cs_type_1 .cs_card_info p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}@media (min-width: 768px){.cs_card.cs_style_7.cs_type_1{display:flex;align-items:center}.cs_card.cs_style_7.cs_type_1 .cs_card_thumb{flex:none;width:45%;height:415px}.cs_card.cs_style_7.cs_type_1 .cs_card_thumb img{height:100%;width:100%;object-fit:cover}}.pt-175{padding-top:175px}\n"] }]
|
|
349
|
+
args: [{ selector: 'lib-babylon-rooms-list', standalone: true, imports: [], template: "<section class=\"babylon__rooms-list margin-main pt-175\"> \r\n <div class=\"container\">\r\n <div class=\"intro_info align--center no-align\">\r\n <h2 class=\"pretitle mb--10\">Habitaciones</h2>\r\n <h3 class=\"title\">Espacios dise\u00F1ados para tu m\u00E1ximo confort</h3> \r\n </div> \r\n </div>\r\n <div class=\"container-fluid cs_plr_100\">\r\n <div class=\"row cs_gap_y_50\">\r\n <div class=\"col-lg-12\">\r\n <div class=\"cs_card cs_style_7 cs_type_1 cs--radius overflow-hidden\">\r\n <div class=\"cs_card_thumb d-block overflow-hidden position-relative cs_primary_bg no-border cs--radius cs_pl_20\"> \r\n <div class=\"cs_slider cs_style_1 cs_slider_gap_24\"> \r\n <div class=\"cs_slider_container\" data-autoplay=\"0\" data-loop=\"1\" data-speed=\"600\" data-center=\"0\" data-variable-width=\"0\" \r\n data-slides-per-view=\"responsive\" data-xs-slides=\"1\" data-sm-slides=\"1\" data-md-slides=\"1\" data-lg-slides=\"1\" data-add-slides=\"1\">\r\n <div class=\"cs_slider_wrapper\">\r\n <div class=\"cs_slide cs--radius\"> \r\n <img src=\"assets/babylon/fotos/room1-1.jpg\" alt=\"Room\" class=\"cs--radius\"> \r\n </div> \r\n <div class=\"cs_slide\"> \r\n <img src=\"assets/babylon/fotos/room1-2.jpg\" alt=\"Room\" class=\"cs--radius\"> \r\n </div> \r\n </div>\r\n </div>\r\n <div class=\"cs_pagination cs_style_1 cs_type_3 cs_type_3 cs_type_3--left\"></div>\r\n </div> \r\n </div>\r\n <div class=\"cs_card_info position-relative\">\r\n <div class=\"intro_info \">\r\n <h2 class=\"title--small mb--10\">Suite Presidencial</h2> \r\n <h3 class=\"subtitle \"><span class=\"text\">From</span> 320\u20AC</h3> \r\n <p class=\"text\">Vive el lujo absoluto en nuestra Suite Presidencial. Con vistas panor\u00E1micas al oc\u00E9ano, jacuzzi privado, sala de estar separada y un dise\u00F1o que combina elegancia y confort, es ideal para quienes buscan una experiencia exclusiva y personalizada.</p>\r\n <div class=\"cs_mb_20\"> \r\n <ul class=\"cs_card_list cs_mp_0\">\r\n <li>\r\n <div class=\"info--icon \">\r\n <i class=\"icon--svg icon-nuevo_pax_ico_small \"></i> \r\n </div> \r\n <p class=\"text--small\">110 Sq </p>\r\n </li>\r\n <li>\r\n <div class=\"info--icon \">\r\n <i class=\"icon--svg icon-nuevo_pax_ico_small \"></i> \r\n </div> \r\n <p class=\"text--small\">3-5 Guests </p>\r\n </li>\r\n \r\n </ul> \r\n </div>\r\n <div class=\"btns__box \">\r\n <a href=\" \" class=\"btn btn_primary\">\r\n <b>Learn More</b>\r\n <span class=\"babylon-arrow-right-big\"></span> \r\n </a>\r\n <a href=\" \" class=\"btn btn_primary btn_call\">\r\n <b>reservar</b>\r\n <span class=\"babylon-arrow-right-big\"></span> \r\n </a>\r\n </div> \r\n </div> \r\n </div>\r\n </div>\r\n </div> \r\n <div class=\"col-lg-12\">\r\n <div class=\"cs_card cs_style_7 cs_type_1 cs--radius overflow-hidden\"> \r\n <div class=\"cs_card_info position-relative\">\r\n <div class=\"intro_info \">\r\n <h2 class=\"title--small mb--10\">Suite Deluxe</h2> \r\n <h3 class=\"subtitle \"><span class=\"text\">From</span> 320\u20AC</h3> \r\n <p class=\"text\">La Suite Deluxe ofrece un ambiente amplio y sofisticado, con una terraza privada para disfrutar de la brisa marina. Perfecta para parejas o viajeros que desean un espacio lleno de confort con un toque de exclusividad</p>\r\n <div class=\"cs_mb_20\"> \r\n <ul class=\"cs_card_list cs_mp_0\">\r\n <li>\r\n <div class=\"info--icon \">\r\n <i class=\"icon--svg icon-nuevo_pax_ico_small \"></i> \r\n </div> \r\n <p class=\"text--small\">110 Sq </p>\r\n </li>\r\n <li>\r\n <div class=\"info--icon \">\r\n <i class=\"icon--svg icon-nuevo_pax_ico_small \"></i> \r\n </div> \r\n <p class=\"text--small\">3-5 Guests </p>\r\n </li>\r\n \r\n </ul> \r\n </div>\r\n <div class=\"btns__box \">\r\n <a href=\" \" class=\"btn btn_primary\">\r\n <b>Learn More</b>\r\n <span class=\"babylon-arrow-right-big\"></span> \r\n </a>\r\n <a href=\" \" class=\"btn btn_primary btn_call\">\r\n <b>reservar</b>\r\n <span class=\"babylon-arrow-right-big\"></span> \r\n </a>\r\n </div> \r\n </div> \r\n </div>\r\n <div class=\"cs_card_thumb d-block overflow-hidden position-relative cs_primary_bg no-border cs--radius cs_pr_20\">\r\n <div class=\"cs_slider cs_style_1 cs_slider_gap_24\"> \r\n <div class=\"cs_slider_container\" data-autoplay=\"0\" data-loop=\"1\" data-speed=\"600\" data-center=\"0\" data-variable-width=\"0\" \r\n data-slides-per-view=\"responsive\" data-xs-slides=\"1\" data-sm-slides=\"1\" data-md-slides=\"1\" data-lg-slides=\"1\" data-add-slides=\"1\">\r\n <div class=\"cs_slider_wrapper\">\r\n <div class=\"cs_slide cs--radius\"> \r\n <img src=\"assets/babylon/fotos/room2-1.jpg\" alt=\"Room\" class=\"cs--radius\"> \r\n </div> \r\n <div class=\"cs_slide\"> \r\n <img src=\"assets/babylon/fotos/room2-2.jpg\" alt=\"Room\" class=\"cs--radius\"> \r\n </div> \r\n </div>\r\n </div>\r\n <div class=\"cs_pagination cs_style_1 cs_type_3 cs_type_3 cs_type_3\"></div>\r\n </div> \r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"col-lg-12\">\r\n <div class=\"cs_card cs_style_7 cs_type_1 cs--radius overflow-hidden\">\r\n <div class=\"cs_card_thumb d-block overflow-hidden position-relative cs_primary_bg no-border cs--radius cs_pl_20\"> \r\n <div class=\"cs_slider cs_style_1 cs_slider_gap_24\"> \r\n <div class=\"cs_slider_container\" data-autoplay=\"0\" data-loop=\"1\" data-speed=\"600\" data-center=\"0\" data-variable-width=\"0\" \r\n data-slides-per-view=\"responsive\" data-xs-slides=\"1\" data-sm-slides=\"1\" data-md-slides=\"1\" data-lg-slides=\"1\" data-add-slides=\"1\">\r\n <div class=\"cs_slider_wrapper\">\r\n <div class=\"cs_slide cs--radius\"> \r\n <img src=\"assets/babylon/fotos/room1-1.jpg\" alt=\"Room\" class=\"cs--radius\"> \r\n </div> \r\n <div class=\"cs_slide\"> \r\n <img src=\"assets/babylon/fotos/room1-2.jpg\" alt=\"Room\" class=\"cs--radius\"> \r\n </div> \r\n </div>\r\n </div>\r\n <div class=\"cs_pagination cs_style_1 cs_type_3 cs_type_3 cs_type_3--left\"></div>\r\n </div> \r\n </div>\r\n <div class=\"cs_card_info position-relative\">\r\n <div class=\"intro_info \">\r\n <h2 class=\"title--small mb--10\">Habitaci\u00F3n Premium</h2> \r\n <h3 class=\"subtitle \"><span class=\"text\">From</span> 220\u20AC</h3> \r\n <p class=\"text\">Nuestra Habitaci\u00F3n Premium combina un dise\u00F1o moderno con acceso directo a la piscina. Es el lugar perfecto para quienes desean relajarse al m\u00E1ximo sin renunciar a la conexi\u00F3n directa con las instalaciones principales del resort.</p>\r\n <div class=\"cs_mb_20\"> \r\n <ul class=\"cs_card_list cs_mp_0\">\r\n <li>\r\n <div class=\"info--icon \">\r\n <i class=\"icon--svg icon-nuevo_pax_ico_small \"></i> \r\n </div> \r\n <p class=\"text--small\">110 Sq </p>\r\n </li>\r\n <li>\r\n <div class=\"info--icon \">\r\n <i class=\"icon--svg icon-nuevo_pax_ico_small \"></i> \r\n </div> \r\n <p class=\"text--small\">3-4 Guests </p>\r\n </li>\r\n \r\n </ul> \r\n </div>\r\n <div class=\"btns__box \">\r\n <a href=\" \" class=\"btn btn_primary\">\r\n <b>Learn More</b>\r\n <span class=\"babylon-arrow-right-big\"></span> \r\n </a>\r\n <a href=\" \" class=\"btn btn_primary btn_call\">\r\n <b>reservar</b>\r\n <span class=\"babylon-arrow-right-big\"></span> \r\n </a>\r\n </div> \r\n </div> \r\n </div>\r\n </div>\r\n </div> \r\n <div class=\"col-lg-12\">\r\n <div class=\"cs_card cs_style_7 cs_type_1 cs--radius overflow-hidden\"> \r\n <div class=\"cs_card_info position-relative\">\r\n <div class=\"intro_info \">\r\n <h2 class=\"title--small mb--10\">Habitaci\u00F3n Principal</h2> \r\n <h3 class=\"subtitle \"><span class=\"text\">From</span> 320\u20AC</h3> \r\n <p class=\"text\"> Dise\u00F1ada para parejas que buscan intimidad y romance, la Habitaci\u00F3n Principal ofrece un ambiente sereno con espectaculares vistas al oc\u00E9ano. Ideal para disfrutar de momentos inolvidables frente a un paisaje de ensue\u00F1o.</p>\r\n <div class=\"cs_mb_20\"> \r\n <ul class=\"cs_card_list cs_mp_0\">\r\n <li>\r\n <div class=\"info--icon \">\r\n <i class=\"icon--svg icon-nuevo_pax_ico_small \"></i> \r\n </div> \r\n <p class=\"text--small\">110 Sq </p>\r\n </li>\r\n <li>\r\n <div class=\"info--icon \">\r\n <i class=\"icon--svg icon-nuevo_pax_ico_small \"></i> \r\n </div> \r\n <p class=\"text--small\">3-5 Guests </p>\r\n </li>\r\n \r\n </ul> \r\n </div>\r\n <div class=\"btns__box \">\r\n <a href=\" \" class=\"btn btn_primary\">\r\n <b>Learn More</b>\r\n <span class=\"babylon-arrow-right-big\"></span> \r\n </a>\r\n <a href=\" \" class=\"btn btn_primary btn_call\">\r\n <b>reservar</b>\r\n <span class=\"babylon-arrow-right-big\"></span> \r\n </a>\r\n </div> \r\n </div> \r\n </div>\r\n <div class=\"cs_card_thumb d-block overflow-hidden position-relative cs_primary_bg no-border cs--radius cs_pr_20\">\r\n <div class=\"cs_slider cs_style_1 cs_slider_gap_24\"> \r\n <div class=\"cs_slider_container\" data-autoplay=\"0\" data-loop=\"1\" data-speed=\"600\" data-center=\"0\" data-variable-width=\"0\" \r\n data-slides-per-view=\"responsive\" data-xs-slides=\"1\" data-sm-slides=\"1\" data-md-slides=\"1\" data-lg-slides=\"1\" data-add-slides=\"1\">\r\n <div class=\"cs_slider_wrapper\">\r\n <div class=\"cs_slide cs--radius\"> \r\n <img src=\"assets/babylon/fotos/room2-1.jpg\" alt=\"Room\" class=\"cs--radius\"> \r\n </div> \r\n <div class=\"cs_slide\"> \r\n <img src=\"assets/babylon/fotos/room2-2.jpg\" alt=\"Room\" class=\"cs--radius\"> \r\n </div> \r\n </div>\r\n </div>\r\n <div class=\"cs_pagination cs_style_1 cs_type_3 cs_type_3 cs_type_3\"></div>\r\n </div> \r\n </div>\r\n </div>\r\n </div>\r\n \r\n </div>\r\n </div>\r\n </section>", styles: [":root{--font-title: \"the-seasons\", Helvetica, sans-serif;--font-pretitle:\"Poppins\", Helvetica, sans-serif;--font-text: \"Poppins\", Helvetica, sans-serif;--font-claim: \"turbinado-pro\", Helvetica, sans-serif;--cl_corp: #24262d;--cl_accent: #aa8453;--cl_icon: #978667;--cl_icon-light: #fff;--cl_border-light: #ededed;--cl_border-dark: #d9e1e6;--cl_shadow: rgba(0, 0, 0, .1);--cl_breadcrumb: #24262d;--cl_breadcrumb-hover: #978667;--cl_preload-bg:#ededed;--cl_preload:#24262d;--cl_background_body: #fdfbf8;--cl_background_white: #fff;--cl_background_dark: #19314b;--cl_background_gray: #eee;--cl_title: #978667;--cl_subtitle: #19314b;--cl_pretitle: #19314b;--cl_text: #3c3b3b;--cl_title-light: #fff;--cl_subtitle-light: #fff;--cl_pretitle-light: #fff;--cl_text-light: #fff;--w_title: 600;--w_text: 300;--w_subtitle: 300;--w_pretitle: 300;--cl_header-bg: #494949;--cl_header-text-light: #fff;--cl_menu-bg: #19314b;--cl_menu-text: #fff;--w_btn: 400;--cl_btn-box: #19314b;--cl_btn-box-text: #19314b;--cl_btn-box-hover: #978667;--cl_btn-box-text-hover: #fff;--cl_btn-call: #19314bf2;--cl_btn-call-text: white;--cl_btn-call-hover: #978667;--cl_btn-call-text-hover: #fff;--cl_btn-link: #19314b;--cl_btn-link-hover: #978667;--cl_btn-arrow: #19314b;--cl_btn-arrow-icon: #fff;--cl_btn-arrow-hover: #978667;--cl_btn-arrow-icon-hover: #fff;--cl_btn-dots: #24262d;--cl_btn-dots-active: #978667;--cl_btn-dots-hover: #978667;--cl_btn-light: #fff;--cl_btn-light-text: #fff;--cl_btn-light-hover: #978667;--cl_btn-light-text-hover: #978667;--cl_footer-bg: #19314b;--cl_footer-bg-bottom:#0a1d31;--cl_footer-scroll:#978667;--cl_footer-text: #fff;--cl_footer-text-hover: #978667;--btn_radius: 5px;--img_radius: 5px;--img_border: #fff;--img_border-whidth:1px}.cs_dark{--cl_corp: #181818;--cl_accent: #aa8453;--cl_icon: #aa8453;--cl_icon-light: #fff;--cl_border-light: #ededed;--cl_border-dark: #d9e1e6;--cl_shadow: rgba(0, 0, 0, .1);--cl_breadcrumb: #fff;--cl_breadcrumb-hover: #aa8453;--cl_preload-bg:#ededed;--cl_preload:#24262d;--cl_background_body: #181818;--cl_background_white: transparent;--cl_background_dark: #aa8453;--cl_background_gray: #333;--cl_title: #fff;--cl_subtitle: #aa8453;--cl_pretitle: #aa8453;--cl_text: #fff;--cl_title-light: #fff;--cl_subtitle-light: #fff;--cl_pretitle-light: #fff;--cl_text-light: #fff;--cl_header-bg: #aa8453;--cl_header-text-light: #fff;--cl_menu-bg: #79582c;--cl_menu-text: #fff;--cl_btn-box: #aa8453;--cl_btn-box-text: #aa8453;--cl_btn-box-hover: #79582c;--cl_btn-box-text-hover: #fff;--cl_btn-call: #aa8453;--cl_btn-call-text: white;--cl_btn-call-hover: #79582c;--cl_btn-call-text-hover: #fff;--cl_btn-link: #aa8453;--cl_btn-link-hover: #79582c;--cl_btn-arrow: #ffffff3a;--cl_btn-arrow-icon: #fff;--cl_btn-arrow-hover: #79582c;--cl_btn-arrow-icon-hover: #fff;--cl_btn-dots: #eee;--cl_btn-dots-active: #79582c;--cl_btn-dots-hover: #79582c;--cl_btn-light: #fff;--cl_btn-light-text: #fff;--cl_btn-light-hover: #79582c;--cl_btn-light-text-hover: #79582c;--cl_footer-bg: #aa8453;--cl_footer-bg-bottom:#79582c;--cl_footer-scroll:#aa8453;--cl_footer-text: #fff;--cl_footer-text-hover: #aa8453;--btn_radius: 1px;--img_radius: 0px;--img_border: #fff;--img_border-whidth:2px}.mt--0{margin-top:0!important}.mb--0{margin-bottom:0!important}.mr--0{margin-right:0!important}.ml--0{margin-left:0!important}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.pl--0{padding-left:0!important}.mblock--0{margin-block:0px}.pblock--0{padding-block:0px}.mt--10{margin-top:10px!important}.mb--10{margin-bottom:10px!important}.mr--10{margin-right:10px!important}.ml--10{margin-left:10px!important}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.pl--10{padding-left:10px!important}.mblock--10{margin-block:10px}.pblock--10{padding-block:10px}.mt--20{margin-top:20px!important}.mb--20{margin-bottom:20px!important}.mr--20{margin-right:20px!important}.ml--20{margin-left:20px!important}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.pl--20{padding-left:20px!important}.mblock--20{margin-block:20px}.pblock--20{padding-block:20px}.mt--25{margin-top:25px!important}.mb--25{margin-bottom:25px!important}.mr--25{margin-right:25px!important}.ml--25{margin-left:25px!important}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.pl--25{padding-left:25px!important}.mblock--25{margin-block:25px}.pblock--25{padding-block:25px}.mt--30{margin-top:30px!important}.mb--30{margin-bottom:30px!important}.mr--30{margin-right:30px!important}.ml--30{margin-left:30px!important}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.pl--30{padding-left:30px!important}.mblock--30{margin-block:30px}.pblock--30{padding-block:30px}.mt--40{margin-top:40px!important}.mb--40{margin-bottom:40px!important}.mr--40{margin-right:40px!important}.ml--40{margin-left:40px!important}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.pl--40{padding-left:40px!important}.mblock--40{margin-block:40px}.pblock--40{padding-block:40px}.mt--50{margin-top:50px!important}.mb--50{margin-bottom:50px!important}.mr--50{margin-right:50px!important}.ml--50{margin-left:50px!important}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.pl--50{padding-left:50px!important}.mblock--50{margin-block:50px}.pblock--50{padding-block:50px}.mt--60{margin-top:60px!important}.mb--60{margin-bottom:60px!important}.mr--60{margin-right:60px!important}.ml--60{margin-left:60px!important}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.pl--60{padding-left:60px!important}.mblock--60{margin-block:60px}.pblock--60{padding-block:60px}.mt--70{margin-top:70px!important}.mb--70{margin-bottom:70px!important}.mr--70{margin-right:70px!important}.ml--70{margin-left:70px!important}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.pl--70{padding-left:70px!important}.mblock--70{margin-block:70px}.pblock--70{padding-block:70px}.mt--80{margin-top:80px!important}.mb--80{margin-bottom:80px!important}.mr--80{margin-right:80px!important}.ml--80{margin-left:80px!important}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.pl--80{padding-left:80px!important}.mblock--80{margin-block:80px}.pblock--80{padding-block:80px}.mt--90{margin-top:90px!important}.mb--90{margin-bottom:90px!important}.mr--90{margin-right:90px!important}.ml--90{margin-left:90px!important}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.pl--90{padding-left:90px!important}.mblock--90{margin-block:90px}.pblock--90{padding-block:90px}.mt--100{margin-top:100px!important}.mb--100{margin-bottom:100px!important}.mr--100{margin-right:100px!important}.ml--100{margin-left:100px!important}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.pl--100{padding-left:100px!important}.mblock--100{margin-block:100px}.pblock--100{padding-block:100px}.cs_card.cs_style_1 .cs_card_list,.cs_card.cs_style_2 .cs_card_list,.cs_card.cs_style_3 .cs_card_list,.cs_card.cs_style_4 .cs_card_list,.cs_card.cs_style_5 .cs_card_list,.cs_card.cs_style_7 .cs_card_list{display:inline-flex;flex-wrap:wrap}.cs_card.cs_style_1 .cs_card_list li,.cs_card.cs_style_2 .cs_card_list li,.cs_card.cs_style_3 .cs_card_list li,.cs_card.cs_style_4 .cs_card_list li,.cs_card.cs_style_5 .cs_card_list li,.cs_card.cs_style_7 .cs_card_list li{position:relative}.cs_card.cs_style_1 .cs_card_list li:not(:last-child),.cs_card.cs_style_2 .cs_card_list li:not(:last-child),.cs_card.cs_style_3 .cs_card_list li:not(:last-child),.cs_card.cs_style_4 .cs_card_list li:not(:last-child),.cs_card.cs_style_5 .cs_card_list li:not(:last-child),.cs_card.cs_style_7 .cs_card_list li:not(:last-child){padding-right:15px;margin-right:14px}@media (max-width: 374px){.cs_card.cs_style_1 .cs_card_list li:not(:last-child),.cs_card.cs_style_2 .cs_card_list li:not(:last-child),.cs_card.cs_style_3 .cs_card_list li:not(:last-child),.cs_card.cs_style_4 .cs_card_list li:not(:last-child),.cs_card.cs_style_5 .cs_card_list li:not(:last-child),.cs_card.cs_style_7 .cs_card_list li:not(:last-child){padding-right:9px;margin-right:8px}}.cs_card.cs_style_1 .cs_card_list li:not(:last-child):after,.cs_card.cs_style_2 .cs_card_list li:not(:last-child):after,.cs_card.cs_style_3 .cs_card_list li:not(:last-child):after,.cs_card.cs_style_4 .cs_card_list li:not(:last-child):after,.cs_card.cs_style_5 .cs_card_list li:not(:last-child):after,.cs_card.cs_style_7 .cs_card_list li:not(:last-child):after{content:\"\";position:absolute;right:0;top:50%;margin-top:-10px;height:20px;width:1px;background-color:var(--secondary)}.cs_card.cs_style_1 .cs_card_price,.cs_card.cs_style_2 .cs_card_price,.cs_card.cs_style_3 .cs_card_price,.cs_card.cs_style_4 .cs_card_price,.cs_card.cs_style_5 .cs_card_price,.cs_card.cs_style_7 .cs_card_price{display:flex;align-items:center;gap:20px}.cs_card.cs_style_1.text-center .cs_card_price,.cs_card.cs_style_1.text-center .cs_card_list,.cs_card.cs_style_2.text-center .cs_card_price,.cs_card.cs_style_2.text-center .cs_card_list,.cs_card.cs_style_3.text-center .cs_card_price,.cs_card.cs_style_3.text-center .cs_card_list,.cs_card.cs_style_4.text-center .cs_card_price,.cs_card.cs_style_4.text-center .cs_card_list,.cs_card.cs_style_5.text-center .cs_card_price,.cs_card.cs_style_5.text-center .cs_card_list,.cs_card.cs_style_7.text-center .cs_card_price,.cs_card.cs_style_7.text-center .cs_card_list{justify-content:center}.cs_card.cs_style_7{border:1px solid var(--ternary);transition:all .4s ease}.cs_card.cs_style_7 .cs_card_btn{top:50%;left:50%;transform:translate(-50%,-50%);transition:all .4s ease;margin-top:30px;opacity:0;display:block}.cs_card.cs_style_7 .cs_card_info{padding:35px 50px 45px}@media (max-width: 991px){.cs_card.cs_style_7 .cs_card_info{padding:25px 35px 35px}}@media (max-width: 374px){.cs_card.cs_style_7 .cs_card_info{padding:25px 25px 35px}}.cs_card.cs_style_7 .cs_card_thumb img{transition:all .4s ease}.cs_card.cs_style_7:hover{transform:translateY(-5px)}.cs_card.cs_style_7:hover .cs_card_btn{margin-top:0;opacity:1}.cs_card.cs_style_7:hover .cs_card_thumb img{transform:scale(1.03)}.cs_card.cs_style_7.cs_type_1 .cs_card_info p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}@media (min-width: 768px){.cs_card.cs_style_7.cs_type_1{display:flex;align-items:center}.cs_card.cs_style_7.cs_type_1 .cs_card_thumb{flex:none;width:45%;height:415px}.cs_card.cs_style_7.cs_type_1 .cs_card_thumb img{height:100%;width:100%;object-fit:cover}}.pt-175{padding-top:175px}\n"] }]
|
|
350
350
|
}] });
|
|
351
351
|
|
|
352
352
|
class BabylonRoomsSliderComponent {
|
|
@@ -359,13 +359,36 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
|
|
|
359
359
|
}] });
|
|
360
360
|
|
|
361
361
|
class BabylonSlider2colComponent {
|
|
362
|
+
constructor() {
|
|
363
|
+
this.pretitleIzq = '';
|
|
364
|
+
this.titleIzq = '';
|
|
365
|
+
this.pretitleDer = '';
|
|
366
|
+
this.titleDer = '';
|
|
367
|
+
this.showTextSlider = true;
|
|
368
|
+
this.showIzq = true;
|
|
369
|
+
this.showDer = true;
|
|
370
|
+
}
|
|
362
371
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: BabylonSlider2colComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
363
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: BabylonSlider2colComponent, isStandalone: true, selector: "lib-babylon-slider2col", ngImport: i0, template: "<section class=\"babylon__slider2col margin-main cs_gray_bg cs_half_bg position-relative\"> \r\n <div class=\"cs_half_bg_right cs_primary_bg bg--dark cs--radius\"></div>\r\n <div class=\" cs_height_150 cs_height_lg_40\"></div>\r\n <div class=\"container-fluid p-0 position-relative\">\r\n <div class=\"cs_slider cs_style_1 cs_slider_gap_24\">\r\n <div class=\"container position-relative\">\r\n <div class=\"row column-reverse\">\r\n <div class=\"col-lg-4\"> \r\n <div class=\"intro_info align--center1 intro_info--light no-align pt--20\">\r\n <!-- <h3 class=\"pretitle\">Slider 2Col </h3> -->\r\n <h2 class=\"title wow fadeInUp\" data-wow-duration=\"0.8s\" data-wow-delay=\"0.2s\">Actividades</h2> \r\n <div class=\"btns__box align--center1 \">\r\n <a href=\" \" class=\"btn btn_primary btn--light \">\r\n <b>Learn More</b>\r\n <span class=\"babylon-arrow-right-big\"></span> \r\n </a>\r\n </div> \r\n </div> \r\n </div>\r\n <div class=\"col-lg-8\">\r\n <div class=\"cs_slider_container\" data-autoplay=\"0\" data-loop=\"1\" data-speed=\"600\" data-center=\"0\" data-variable-width=\"0\" \r\n data-slides-per-view=\"responsive\" data-xs-slides=\"1\" data-sm-slides=\"2\" data-md-slides=\"2\" data-lg-slides=\"2\" data-add-slides=\"2\">\r\n <div class=\"cs_slider_wrapper\">\r\n <div class=\"cs_slide\"> \r\n <a class=\"cs_card cs_style_4 cs_type_1 d-block position-relative cs--radius\" href=\"#\"> \r\n <img src=\"/assets/babylon/fotos/surf.jpg\" alt=\"Room\" class=\"cs_card_thumb w-100 h-100\">\r\n <div class=\"cs_card_info position-absolute start-0 top-0 h-100 w-100\">\r\n <div class=\" intro_info intro_info--light\"> \r\n <h2 class=\"title--small mb--10\">Surf</h2> \r\n <p class=\"text mb--0\">Material incluido </p> \r\n </div> \r\n </div> \r\n </a> \r\n </div>\r\n <div class=\"cs_slide\"> \r\n <a class=\"cs_card cs_style_4 cs_type_1 d-block position-relative cs--radius\" href=\"#\"> \r\n <img src=\"/assets/babylon/fotos/snorkel.jpg\" alt=\"Room\" class=\"cs_card_thumb w-100 h-100\">\r\n <div class=\"cs_card_info position-absolute start-0 top-0 h-100 w-100\">\r\n <div class=\" intro_info intro_info--light\"> \r\n <h2 class=\"title--small mb--10\">Snorkel</h2> \r\n <p class=\"text mb--0\">Material incluido </p> \r\n </div> \r\n </div> \r\n </a> \r\n </div>\r\n <div class=\"cs_slide\"> \r\n <a class=\"cs_card cs_style_4 cs_type_1 d-block position-relative cs--radius\" href=\"#\"> \r\n <img src=\"/assets/babylon/fotos/senderismo.jpg\" alt=\"Room\" class=\"cs_card_thumb w-100 h-100\">\r\n <div class=\"cs_card_info position-absolute start-0 top-0 h-100 w-100\">\r\n <div class=\" intro_info intro_info--light\"> \r\n <h2 class=\"title--small mb--10\">Senderismo</h2> \r\n <p class=\"text mb--0\">Material incluido </p> \r\n </div> \r\n </div> \r\n </a> \r\n </div>\r\n \r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"cs_pagination cs_style_1 cs_type_3\"></div>\r\n </div>\r\n \r\n </div>\r\n </div>\r\n <div class=\" cs_height_150 cs_height_lg_40\"></div>\r\n </section>\r\n<!-- mismo modulo pero a la inversa -->\r\n<section class=\"babylon__slider2col margin-main cs_gray_bg cs_half_bg position-relative\"> \r\n <div class=\"cs_half_bg_left cs_primary_bg bg--dark cs--radius\"></div>\r\n <div class=\" cs_height_150 cs_height_lg_40\"></div>\r\n <div class=\"container-fluid p-0 position-relative\">\r\n <div class=\"cs_slider cs_style_1 cs_slider_gap_24\">\r\n <div class=\"container position-relative\">\r\n <div class=\"row \">\r\n <div class=\"col-lg-8\">\r\n <div class=\"cs_slider_container\" data-autoplay=\"0\" data-loop=\"1\" data-speed=\"600\" data-center=\"0\" data-variable-width=\"0\" \r\n data-slides-per-view=\"responsive\" data-xs-slides=\"1\" data-sm-slides=\"2\" data-md-slides=\"2\" data-lg-slides=\"2\" data-add-slides=\"2\">\r\n <div class=\"cs_slider_wrapper\">\r\n <div class=\"cs_slide\"> \r\n <a class=\"cs_card cs_style_4 cs_type_1 d-block position-relative cs--radius\" href=\"#\"> \r\n <img src=\"/assets/babylon/fotos/ciclismo.jpg\" alt=\"Room\" class=\"cs_card_thumb w-100 h-100\">\r\n <div class=\"cs_card_info position-absolute start-0 top-0 h-100 w-100\">\r\n <div class=\" intro_info intro_info--light\"> \r\n <h2 class=\"title--small mb--10\">Ciclismo</h2> \r\n <p class=\"text mb--0\">Material incluido </p> \r\n </div> \r\n </div> \r\n </a> \r\n </div>\r\n <div class=\"cs_slide\"> \r\n <a class=\"cs_card cs_style_4 cs_type_1 d-block position-relative cs--radius\" href=\"#\"> \r\n <img src=\"/assets/babylon/fotos/senderismo.jpg\" alt=\"Room\" class=\"cs_card_thumb w-100 h-100\">\r\n <div class=\"cs_card_info position-absolute start-0 top-0 h-100 w-100\">\r\n <div class=\" intro_info intro_info--light\"> \r\n <h2 class=\"title--small mb--10\">Senderismo</h2> \r\n <p class=\"text mb--0\">Material incluido </p> \r\n </div> \r\n </div> \r\n </a> \r\n </div>\r\n <div class=\"cs_slide\"> \r\n <a class=\"cs_card cs_style_4 cs_type_1 d-block position-relative cs--radius\" href=\"#\"> \r\n <img src=\"/assets/babylon/fotos/senderismo.jpg\" alt=\"Room\" class=\"cs_card_thumb w-100 h-100\">\r\n <div class=\"cs_card_info position-absolute start-0 top-0 h-100 w-100\">\r\n <div class=\" intro_info intro_info--light\"> \r\n <h2 class=\"title--small mb--10\">Senderismo</h2> \r\n <p class=\"text mb--0\">Material incluido </p> \r\n </div> \r\n </div> \r\n </a> \r\n </div>\r\n \r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"col-lg-4\"> \r\n <div class=\"intro_info align--center1 intro_info--light no-align pt--20\">\r\n <h3 class=\"pretitle\">Slider 2Col </h3>\r\n <h2 class=\"title wow fadeInUp\" data-wow-duration=\"0.8s\" data-wow-delay=\"0.2s\">Explore Unforgettable Experiences</h2> \r\n <div class=\"btns__box align--center1 \">\r\n <a href=\" \" class=\"btn btn_primary btn--light \">\r\n <b>Learn More</b>\r\n <span class=\"babylon-arrow-right-big\"></span> \r\n </a>\r\n </div> \r\n </div> \r\n </div> \r\n </div>\r\n <div class=\"cs_pagination cs_style_1 cs_type_3 cs_type_3--left\"></div>\r\n </div> \r\n </div>\r\n </div>\r\n <div class=\" cs_height_150 cs_height_lg_40\"></div>\r\n </section>", styles: [":root{--font-title: \"the-seasons\", Helvetica, sans-serif;--font-pretitle:\"Poppins\", Helvetica, sans-serif;--font-text: \"Poppins\", Helvetica, sans-serif;--font-claim: \"turbinado-pro\", Helvetica, sans-serif;--cl_corp: #24262d;--cl_accent: #aa8453;--cl_icon: #978667;--cl_icon-light: #fff;--cl_border-light: #ededed;--cl_border-dark: #d9e1e6;--cl_shadow: rgba(0, 0, 0, .1);--cl_breadcrumb: #24262d;--cl_breadcrumb-hover: #978667;--cl_preload-bg:#ededed;--cl_preload:#24262d;--cl_background_body: #fdfbf8;--cl_background_white: #fff;--cl_background_dark: #19314b;--cl_background_gray: #eee;--cl_title: #978667;--cl_subtitle: #19314b;--cl_pretitle: #19314b;--cl_text: #3c3b3b;--cl_title-light: #fff;--cl_subtitle-light: #fff;--cl_pretitle-light: #fff;--cl_text-light: #fff;--w_title: 600;--w_text: 300;--w_subtitle: 300;--w_pretitle: 300;--cl_header-bg: #494949;--cl_header-text-light: #fff;--cl_menu-bg: #19314b;--cl_menu-text: #fff;--w_btn: 400;--cl_btn-box: #19314b;--cl_btn-box-text: #19314b;--cl_btn-box-hover: #978667;--cl_btn-box-text-hover: #fff;--cl_btn-call: #19314bf2;--cl_btn-call-text: white;--cl_btn-call-hover: #978667;--cl_btn-call-text-hover: #fff;--cl_btn-link: #19314b;--cl_btn-link-hover: #978667;--cl_btn-arrow: #19314b;--cl_btn-arrow-icon: #fff;--cl_btn-arrow-hover: #978667;--cl_btn-arrow-icon-hover: #fff;--cl_btn-dots: #24262d;--cl_btn-dots-active: #978667;--cl_btn-dots-hover: #978667;--cl_btn-light: #fff;--cl_btn-light-text: #fff;--cl_btn-light-hover: #978667;--cl_btn-light-text-hover: #978667;--cl_footer-bg: #19314b;--cl_footer-bg-bottom:#0a1d31;--cl_footer-scroll:#978667;--cl_footer-text: #fff;--cl_footer-text-hover: #978667;--btn_radius: 5px;--img_radius: 5px;--img_border: #fff;--img_border-whidth:1px}.cs_dark{--cl_corp: #181818;--cl_accent: #aa8453;--cl_icon: #aa8453;--cl_icon-light: #fff;--cl_border-light: #ededed;--cl_border-dark: #d9e1e6;--cl_shadow: rgba(0, 0, 0, .1);--cl_breadcrumb: #fff;--cl_breadcrumb-hover: #aa8453;--cl_preload-bg:#ededed;--cl_preload:#24262d;--cl_background_body: #181818;--cl_background_white: transparent;--cl_background_dark: #aa8453;--cl_background_gray: #333;--cl_title: #fff;--cl_subtitle: #aa8453;--cl_pretitle: #aa8453;--cl_text: #fff;--cl_title-light: #fff;--cl_subtitle-light: #fff;--cl_pretitle-light: #fff;--cl_text-light: #fff;--cl_header-bg: #aa8453;--cl_header-text-light: #fff;--cl_menu-bg: #79582c;--cl_menu-text: #fff;--cl_btn-box: #aa8453;--cl_btn-box-text: #aa8453;--cl_btn-box-hover: #79582c;--cl_btn-box-text-hover: #fff;--cl_btn-call: #aa8453;--cl_btn-call-text: white;--cl_btn-call-hover: #79582c;--cl_btn-call-text-hover: #fff;--cl_btn-link: #aa8453;--cl_btn-link-hover: #79582c;--cl_btn-arrow: #ffffff3a;--cl_btn-arrow-icon: #fff;--cl_btn-arrow-hover: #79582c;--cl_btn-arrow-icon-hover: #fff;--cl_btn-dots: #eee;--cl_btn-dots-active: #79582c;--cl_btn-dots-hover: #79582c;--cl_btn-light: #fff;--cl_btn-light-text: #fff;--cl_btn-light-hover: #79582c;--cl_btn-light-text-hover: #79582c;--cl_footer-bg: #aa8453;--cl_footer-bg-bottom:#79582c;--cl_footer-scroll:#aa8453;--cl_footer-text: #fff;--cl_footer-text-hover: #aa8453;--btn_radius: 1px;--img_radius: 0px;--img_border: #fff;--img_border-whidth:2px}.mt--0{margin-top:0!important}.mb--0{margin-bottom:0!important}.mr--0{margin-right:0!important}.ml--0{margin-left:0!important}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.pl--0{padding-left:0!important}.mblock--0{margin-block:0px}.pblock--0{padding-block:0px}.mt--10{margin-top:10px!important}.mb--10{margin-bottom:10px!important}.mr--10{margin-right:10px!important}.ml--10{margin-left:10px!important}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.pl--10{padding-left:10px!important}.mblock--10{margin-block:10px}.pblock--10{padding-block:10px}.mt--20{margin-top:20px!important}.mb--20{margin-bottom:20px!important}.mr--20{margin-right:20px!important}.ml--20{margin-left:20px!important}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.pl--20{padding-left:20px!important}.mblock--20{margin-block:20px}.pblock--20{padding-block:20px}.mt--25{margin-top:25px!important}.mb--25{margin-bottom:25px!important}.mr--25{margin-right:25px!important}.ml--25{margin-left:25px!important}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.pl--25{padding-left:25px!important}.mblock--25{margin-block:25px}.pblock--25{padding-block:25px}.mt--30{margin-top:30px!important}.mb--30{margin-bottom:30px!important}.mr--30{margin-right:30px!important}.ml--30{margin-left:30px!important}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.pl--30{padding-left:30px!important}.mblock--30{margin-block:30px}.pblock--30{padding-block:30px}.mt--40{margin-top:40px!important}.mb--40{margin-bottom:40px!important}.mr--40{margin-right:40px!important}.ml--40{margin-left:40px!important}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.pl--40{padding-left:40px!important}.mblock--40{margin-block:40px}.pblock--40{padding-block:40px}.mt--50{margin-top:50px!important}.mb--50{margin-bottom:50px!important}.mr--50{margin-right:50px!important}.ml--50{margin-left:50px!important}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.pl--50{padding-left:50px!important}.mblock--50{margin-block:50px}.pblock--50{padding-block:50px}.mt--60{margin-top:60px!important}.mb--60{margin-bottom:60px!important}.mr--60{margin-right:60px!important}.ml--60{margin-left:60px!important}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.pl--60{padding-left:60px!important}.mblock--60{margin-block:60px}.pblock--60{padding-block:60px}.mt--70{margin-top:70px!important}.mb--70{margin-bottom:70px!important}.mr--70{margin-right:70px!important}.ml--70{margin-left:70px!important}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.pl--70{padding-left:70px!important}.mblock--70{margin-block:70px}.pblock--70{padding-block:70px}.mt--80{margin-top:80px!important}.mb--80{margin-bottom:80px!important}.mr--80{margin-right:80px!important}.ml--80{margin-left:80px!important}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.pl--80{padding-left:80px!important}.mblock--80{margin-block:80px}.pblock--80{padding-block:80px}.mt--90{margin-top:90px!important}.mb--90{margin-bottom:90px!important}.mr--90{margin-right:90px!important}.ml--90{margin-left:90px!important}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.pl--90{padding-left:90px!important}.mblock--90{margin-block:90px}.pblock--90{padding-block:90px}.mt--100{margin-top:100px!important}.mb--100{margin-bottom:100px!important}.mr--100{margin-right:100px!important}.ml--100{margin-left:100px!important}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.pl--100{padding-left:100px!important}.mblock--100{margin-block:100px}.pblock--100{padding-block:100px}.cs_card.cs_style_4{height:500px;overflow:hidden}.cs_card.cs_style_4 .cs_card_thumb{object-fit:cover;transition:all 4s ease}.cs_card.cs_style_4 .cs_card_price{right:24px;top:24px;padding:10px 18px}.cs_card.cs_style_4 .cs_card_info{display:flex;align-items:flex-end;background:linear-gradient(180deg,#1b1b1b00,#1b1b1b99);padding:47px 30px}.cs_card.cs_style_4 .cs_card_list{width:100%;margin-top:10px}.cs_card.cs_style_4 .title--small{background-repeat:no-repeat;background-image:linear-gradient(90deg,currentColor 0,currentColor 100%);transition:background-size .6s cubic-bezier(.49,.49,.08,1),color .27s ease-out;background-position:100% calc(100% + -0px);background-size:0 2px;transition:all .4s ease;display:inline}.cs_card.cs_style_4:hover .title--small{background-size:100% 2px;background-position:0 calc(100% + -0px)}.cs_card.cs_style_4:hover .cs_card_thumb{transform:scale(1.05)}.cs_card.cs_style_4.cs_type_1{height:440px}.cs_card.cs_style_4.cs_type_1 .cs_card_info{padding:36px 40px}@media (max-width: 991px){.cs_card.cs_style_4.cs_type_1 .cs_card_info{padding:25px;height:400px}}\n"] }); }
|
|
372
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: BabylonSlider2colComponent, isStandalone: true, selector: "lib-babylon-slider2col", inputs: { pretitleIzq: "pretitleIzq", titleIzq: "titleIzq", pretitleDer: "pretitleDer", titleDer: "titleDer", showTextSlider: "showTextSlider", showIzq: "showIzq", showDer: "showDer" }, ngImport: i0, template: "<section class=\"babylon__slider2col margin-main cs_gray_bg cs_half_bg position-relative\" *ngIf=\"this.showIzq\"> \r\n <div class=\"cs_half_bg_right cs_primary_bg bg--dark cs--radius\"></div>\r\n <div class=\" cs_height_150 cs_height_lg_40\"></div>\r\n <div class=\"container-fluid p-0 position-relative\">\r\n <div class=\"cs_slider cs_style_1 cs_slider_gap_24\">\r\n <div class=\"container position-relative\">\r\n <div class=\"row column-reverse\">\r\n <div class=\"col-lg-4\"> \r\n <div class=\"intro_info align--center1 intro_info--light no-align pt--20\">\r\n <h3 class=\"pretitle\">{{ pretitleIzq }}</h3>\r\n <h2 class=\"title wow fadeInUp\" data-wow-duration=\"0.8s\" data-wow-delay=\"0.2s\">{{ titleIzq }}</h2> \r\n <!-- <div class=\"btns__box align--center1 \">\r\n <a href=\" \" class=\"btn btn_primary btn--light \">\r\n <b>Learn More</b>\r\n <span class=\"babylon-arrow-right-big\"></span> \r\n </a>\r\n </div> -->\r\n </div> \r\n </div>\r\n <div class=\"col-lg-8\">\r\n <div class=\"cs_slider_container\" data-autoplay=\"0\" data-loop=\"1\" data-speed=\"600\" data-center=\"0\" data-variable-width=\"0\" \r\n data-slides-per-view=\"responsive\" data-xs-slides=\"1\" data-sm-slides=\"2\" data-md-slides=\"2\" data-lg-slides=\"2\" data-add-slides=\"2\">\r\n <div class=\"cs_slider_wrapper\">\r\n <div class=\"cs_slide\"> \r\n <a class=\"cs_card cs_style_4 cs_type_1 d-block position-relative cs--radius\" href=\"#\"> \r\n <img src=\"/assets/babylon/fotos/surf.jpg\" alt=\"Room\" class=\"cs_card_thumb w-100 h-100\">\r\n <div class=\"cs_card_info position-absolute start-0 top-0 h-100 w-100\">\r\n <div class=\" intro_info intro_info--light\" *ngIf=\"this.showTextSlider\"> \r\n <h2 class=\"title--small mb--10\">Surf</h2> \r\n <p class=\"text mb--0\">Material incluido </p> \r\n </div> \r\n </div> \r\n </a> \r\n </div>\r\n <div class=\"cs_slide\"> \r\n <a class=\"cs_card cs_style_4 cs_type_1 d-block position-relative cs--radius\" href=\"#\"> \r\n <img src=\"/assets/babylon/fotos/snorkel.jpg\" alt=\"Room\" class=\"cs_card_thumb w-100 h-100\">\r\n <div class=\"cs_card_info position-absolute start-0 top-0 h-100 w-100\">\r\n <div class=\"intro_info intro_info--light\" *ngIf=\"this.showTextSlider\"> \r\n <h2 class=\"title--small mb--10\">Snorkel</h2> \r\n <p class=\"text mb--0\">Material incluido </p> \r\n </div> \r\n </div> \r\n </a> \r\n </div>\r\n <div class=\"cs_slide\"> \r\n <a class=\"cs_card cs_style_4 cs_type_1 d-block position-relative cs--radius\" href=\"#\"> \r\n <img src=\"/assets/babylon/fotos/senderismo.jpg\" alt=\"Room\" class=\"cs_card_thumb w-100 h-100\">\r\n <div class=\"cs_card_info position-absolute start-0 top-0 h-100 w-100\">\r\n <div class=\" intro_info intro_info--light\" *ngIf=\"this.showTextSlider\"> \r\n <h2 class=\"title--small mb--10\">Senderismo</h2> \r\n <p class=\"text mb--0\">Material incluido </p> \r\n </div> \r\n </div> \r\n </a> \r\n </div>\r\n \r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"cs_pagination cs_style_1 cs_type_3\"></div>\r\n </div>\r\n \r\n </div>\r\n </div>\r\n <div class=\" cs_height_150 cs_height_lg_40\"></div>\r\n </section>\r\n<!-- mismo modulo pero a la inversa -->\r\n<section class=\"babylon__slider2col margin-main cs_gray_bg cs_half_bg position-relative\" *ngIf=\"this.showDer\"> \r\n <div class=\"cs_half_bg_left cs_primary_bg bg--dark cs--radius\"></div>\r\n <div class=\" cs_height_150 cs_height_lg_40\"></div>\r\n <div class=\"container-fluid p-0 position-relative\">\r\n <div class=\"cs_slider cs_style_1 cs_slider_gap_24\">\r\n <div class=\"container position-relative\">\r\n <div class=\"row \">\r\n <div class=\"col-lg-8\">\r\n <div class=\"cs_slider_container\" data-autoplay=\"0\" data-loop=\"1\" data-speed=\"600\" data-center=\"0\" data-variable-width=\"0\" \r\n data-slides-per-view=\"responsive\" data-xs-slides=\"1\" data-sm-slides=\"2\" data-md-slides=\"2\" data-lg-slides=\"2\" data-add-slides=\"2\">\r\n <div class=\"cs_slider_wrapper\">\r\n <div class=\"cs_slide\"> \r\n <a class=\"cs_card cs_style_4 cs_type_1 d-block position-relative cs--radius\" href=\"#\"> \r\n <img src=\"/assets/babylon/fotos/ciclismo.jpg\" alt=\"Room\" class=\"cs_card_thumb w-100 h-100\">\r\n <div class=\"cs_card_info position-absolute start-0 top-0 h-100 w-100\">\r\n <div class=\" intro_info intro_info--light\" *ngIf=\"this.showTextSlider\"> \r\n <h2 class=\"title--small mb--10\">Ciclismo</h2> \r\n <p class=\"text mb--0\">Material incluido </p> \r\n </div> \r\n </div> \r\n </a> \r\n </div>\r\n <div class=\"cs_slide\"> \r\n <a class=\"cs_card cs_style_4 cs_type_1 d-block position-relative cs--radius\" href=\"#\"> \r\n <img src=\"/assets/babylon/fotos/senderismo.jpg\" alt=\"Room\" class=\"cs_card_thumb w-100 h-100\">\r\n <div class=\"cs_card_info position-absolute start-0 top-0 h-100 w-100\">\r\n <div class=\" intro_info intro_info--light\" *ngIf=\"this.showTextSlider\"> \r\n <h2 class=\"title--small mb--10\">Senderismo</h2> \r\n <p class=\"text mb--0\">Material incluido </p> \r\n </div> \r\n </div> \r\n </a> \r\n </div>\r\n <div class=\"cs_slide\"> \r\n <a class=\"cs_card cs_style_4 cs_type_1 d-block position-relative cs--radius\" href=\"#\"> \r\n <img src=\"/assets/babylon/fotos/senderismo.jpg\" alt=\"Room\" class=\"cs_card_thumb w-100 h-100\">\r\n <div class=\"cs_card_info position-absolute start-0 top-0 h-100 w-100\">\r\n <div class=\" intro_info intro_info--light\" *ngIf=\"this.showTextSlider\"> \r\n <h2 class=\"title--small mb--10\">Senderismo</h2> \r\n <p class=\"text mb--0\">Material incluido </p> \r\n </div> \r\n </div> \r\n </a> \r\n </div>\r\n \r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"col-lg-4\"> \r\n <div class=\"intro_info align--center1 intro_info--light no-align pt--20\">\r\n <h3 class=\"pretitle\">{{ pretitleDer }}</h3>\r\n <h2 class=\"title wow fadeInUp\" data-wow-duration=\"0.8s\" data-wow-delay=\"0.2s\">{{ titleDer }}</h2> \r\n <!-- <div class=\"btns__box align--center1 \">\r\n <a href=\" \" class=\"btn btn_primary btn--light \">\r\n <b>Learn More</b>\r\n <span class=\"babylon-arrow-right-big\"></span> \r\n </a>\r\n </div> -->\r\n </div> \r\n </div> \r\n </div>\r\n <div class=\"cs_pagination cs_style_1 cs_type_3 cs_type_3--left\"></div>\r\n </div> \r\n </div>\r\n </div>\r\n <div class=\" cs_height_150 cs_height_lg_40\"></div>\r\n </section>", styles: [":root{--font-title: \"the-seasons\", Helvetica, sans-serif;--font-pretitle:\"Poppins\", Helvetica, sans-serif;--font-text: \"Poppins\", Helvetica, sans-serif;--font-claim: \"turbinado-pro\", Helvetica, sans-serif;--cl_corp: #24262d;--cl_accent: #aa8453;--cl_icon: #978667;--cl_icon-light: #fff;--cl_border-light: #ededed;--cl_border-dark: #d9e1e6;--cl_shadow: rgba(0, 0, 0, .1);--cl_breadcrumb: #24262d;--cl_breadcrumb-hover: #978667;--cl_preload-bg:#ededed;--cl_preload:#24262d;--cl_background_body: #fdfbf8;--cl_background_white: #fff;--cl_background_dark: #19314b;--cl_background_gray: #eee;--cl_title: #978667;--cl_subtitle: #19314b;--cl_pretitle: #19314b;--cl_text: #3c3b3b;--cl_title-light: #fff;--cl_subtitle-light: #fff;--cl_pretitle-light: #fff;--cl_text-light: #fff;--w_title: 600;--w_text: 300;--w_subtitle: 300;--w_pretitle: 300;--cl_header-bg: #494949;--cl_header-text-light: #fff;--cl_menu-bg: #19314b;--cl_menu-text: #fff;--w_btn: 400;--cl_btn-box: #19314b;--cl_btn-box-text: #19314b;--cl_btn-box-hover: #978667;--cl_btn-box-text-hover: #fff;--cl_btn-call: #19314bf2;--cl_btn-call-text: white;--cl_btn-call-hover: #978667;--cl_btn-call-text-hover: #fff;--cl_btn-link: #19314b;--cl_btn-link-hover: #978667;--cl_btn-arrow: #19314b;--cl_btn-arrow-icon: #fff;--cl_btn-arrow-hover: #978667;--cl_btn-arrow-icon-hover: #fff;--cl_btn-dots: #24262d;--cl_btn-dots-active: #978667;--cl_btn-dots-hover: #978667;--cl_btn-light: #fff;--cl_btn-light-text: #fff;--cl_btn-light-hover: #978667;--cl_btn-light-text-hover: #978667;--cl_footer-bg: #19314b;--cl_footer-bg-bottom:#0a1d31;--cl_footer-scroll:#978667;--cl_footer-text: #fff;--cl_footer-text-hover: #978667;--btn_radius: 5px;--img_radius: 5px;--img_border: #fff;--img_border-whidth:1px}.cs_dark{--cl_corp: #181818;--cl_accent: #aa8453;--cl_icon: #aa8453;--cl_icon-light: #fff;--cl_border-light: #ededed;--cl_border-dark: #d9e1e6;--cl_shadow: rgba(0, 0, 0, .1);--cl_breadcrumb: #fff;--cl_breadcrumb-hover: #aa8453;--cl_preload-bg:#ededed;--cl_preload:#24262d;--cl_background_body: #181818;--cl_background_white: transparent;--cl_background_dark: #aa8453;--cl_background_gray: #333;--cl_title: #fff;--cl_subtitle: #aa8453;--cl_pretitle: #aa8453;--cl_text: #fff;--cl_title-light: #fff;--cl_subtitle-light: #fff;--cl_pretitle-light: #fff;--cl_text-light: #fff;--cl_header-bg: #aa8453;--cl_header-text-light: #fff;--cl_menu-bg: #79582c;--cl_menu-text: #fff;--cl_btn-box: #aa8453;--cl_btn-box-text: #aa8453;--cl_btn-box-hover: #79582c;--cl_btn-box-text-hover: #fff;--cl_btn-call: #aa8453;--cl_btn-call-text: white;--cl_btn-call-hover: #79582c;--cl_btn-call-text-hover: #fff;--cl_btn-link: #aa8453;--cl_btn-link-hover: #79582c;--cl_btn-arrow: #ffffff3a;--cl_btn-arrow-icon: #fff;--cl_btn-arrow-hover: #79582c;--cl_btn-arrow-icon-hover: #fff;--cl_btn-dots: #eee;--cl_btn-dots-active: #79582c;--cl_btn-dots-hover: #79582c;--cl_btn-light: #fff;--cl_btn-light-text: #fff;--cl_btn-light-hover: #79582c;--cl_btn-light-text-hover: #79582c;--cl_footer-bg: #aa8453;--cl_footer-bg-bottom:#79582c;--cl_footer-scroll:#aa8453;--cl_footer-text: #fff;--cl_footer-text-hover: #aa8453;--btn_radius: 1px;--img_radius: 0px;--img_border: #fff;--img_border-whidth:2px}.mt--0{margin-top:0!important}.mb--0{margin-bottom:0!important}.mr--0{margin-right:0!important}.ml--0{margin-left:0!important}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.pl--0{padding-left:0!important}.mblock--0{margin-block:0px}.pblock--0{padding-block:0px}.mt--10{margin-top:10px!important}.mb--10{margin-bottom:10px!important}.mr--10{margin-right:10px!important}.ml--10{margin-left:10px!important}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.pl--10{padding-left:10px!important}.mblock--10{margin-block:10px}.pblock--10{padding-block:10px}.mt--20{margin-top:20px!important}.mb--20{margin-bottom:20px!important}.mr--20{margin-right:20px!important}.ml--20{margin-left:20px!important}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.pl--20{padding-left:20px!important}.mblock--20{margin-block:20px}.pblock--20{padding-block:20px}.mt--25{margin-top:25px!important}.mb--25{margin-bottom:25px!important}.mr--25{margin-right:25px!important}.ml--25{margin-left:25px!important}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.pl--25{padding-left:25px!important}.mblock--25{margin-block:25px}.pblock--25{padding-block:25px}.mt--30{margin-top:30px!important}.mb--30{margin-bottom:30px!important}.mr--30{margin-right:30px!important}.ml--30{margin-left:30px!important}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.pl--30{padding-left:30px!important}.mblock--30{margin-block:30px}.pblock--30{padding-block:30px}.mt--40{margin-top:40px!important}.mb--40{margin-bottom:40px!important}.mr--40{margin-right:40px!important}.ml--40{margin-left:40px!important}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.pl--40{padding-left:40px!important}.mblock--40{margin-block:40px}.pblock--40{padding-block:40px}.mt--50{margin-top:50px!important}.mb--50{margin-bottom:50px!important}.mr--50{margin-right:50px!important}.ml--50{margin-left:50px!important}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.pl--50{padding-left:50px!important}.mblock--50{margin-block:50px}.pblock--50{padding-block:50px}.mt--60{margin-top:60px!important}.mb--60{margin-bottom:60px!important}.mr--60{margin-right:60px!important}.ml--60{margin-left:60px!important}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.pl--60{padding-left:60px!important}.mblock--60{margin-block:60px}.pblock--60{padding-block:60px}.mt--70{margin-top:70px!important}.mb--70{margin-bottom:70px!important}.mr--70{margin-right:70px!important}.ml--70{margin-left:70px!important}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.pl--70{padding-left:70px!important}.mblock--70{margin-block:70px}.pblock--70{padding-block:70px}.mt--80{margin-top:80px!important}.mb--80{margin-bottom:80px!important}.mr--80{margin-right:80px!important}.ml--80{margin-left:80px!important}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.pl--80{padding-left:80px!important}.mblock--80{margin-block:80px}.pblock--80{padding-block:80px}.mt--90{margin-top:90px!important}.mb--90{margin-bottom:90px!important}.mr--90{margin-right:90px!important}.ml--90{margin-left:90px!important}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.pl--90{padding-left:90px!important}.mblock--90{margin-block:90px}.pblock--90{padding-block:90px}.mt--100{margin-top:100px!important}.mb--100{margin-bottom:100px!important}.mr--100{margin-right:100px!important}.ml--100{margin-left:100px!important}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.pl--100{padding-left:100px!important}.mblock--100{margin-block:100px}.pblock--100{padding-block:100px}.cs_card.cs_style_4{height:500px;overflow:hidden}.cs_card.cs_style_4 .cs_card_thumb{object-fit:cover;transition:all 4s ease}.cs_card.cs_style_4 .cs_card_price{right:24px;top:24px;padding:10px 18px}.cs_card.cs_style_4 .cs_card_info{display:flex;align-items:flex-end;background:linear-gradient(180deg,#1b1b1b00,#1b1b1b99);padding:47px 30px}.cs_card.cs_style_4 .cs_card_list{width:100%;margin-top:10px}.cs_card.cs_style_4 .title--small{background-repeat:no-repeat;background-image:linear-gradient(90deg,currentColor 0,currentColor 100%);transition:background-size .6s cubic-bezier(.49,.49,.08,1),color .27s ease-out;background-position:100% calc(100% + -0px);background-size:0 2px;transition:all .4s ease;display:inline}.cs_card.cs_style_4:hover .title--small{background-size:100% 2px;background-position:0 calc(100% + -0px)}.cs_card.cs_style_4:hover .cs_card_thumb{transform:scale(1.05)}.cs_card.cs_style_4.cs_type_1{height:440px}.cs_card.cs_style_4.cs_type_1 .cs_card_info{padding:36px 40px}@media (max-width: 991px){.cs_card.cs_style_4.cs_type_1 .cs_card_info{padding:25px;height:400px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
364
373
|
}
|
|
365
374
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: BabylonSlider2colComponent, decorators: [{
|
|
366
375
|
type: Component,
|
|
367
|
-
args: [{ selector: 'lib-babylon-slider2col', standalone: true, imports: [], template: "<section class=\"babylon__slider2col margin-main cs_gray_bg cs_half_bg position-relative\"> \r\n <div class=\"cs_half_bg_right cs_primary_bg bg--dark cs--radius\"></div>\r\n <div class=\" cs_height_150 cs_height_lg_40\"></div>\r\n <div class=\"container-fluid p-0 position-relative\">\r\n <div class=\"cs_slider cs_style_1 cs_slider_gap_24\">\r\n <div class=\"container position-relative\">\r\n <div class=\"row column-reverse\">\r\n <div class=\"col-lg-4\"> \r\n <div class=\"intro_info align--center1 intro_info--light no-align pt--20\">\r\n <!-- <h3 class=\"pretitle\">Slider 2Col </h3> -->\r\n <h2 class=\"title wow fadeInUp\" data-wow-duration=\"0.8s\" data-wow-delay=\"0.2s\">Actividades</h2> \r\n <div class=\"btns__box align--center1 \">\r\n <a href=\" \" class=\"btn btn_primary btn--light \">\r\n <b>Learn More</b>\r\n <span class=\"babylon-arrow-right-big\"></span> \r\n </a>\r\n </div> \r\n </div> \r\n </div>\r\n <div class=\"col-lg-8\">\r\n <div class=\"cs_slider_container\" data-autoplay=\"0\" data-loop=\"1\" data-speed=\"600\" data-center=\"0\" data-variable-width=\"0\" \r\n data-slides-per-view=\"responsive\" data-xs-slides=\"1\" data-sm-slides=\"2\" data-md-slides=\"2\" data-lg-slides=\"2\" data-add-slides=\"2\">\r\n <div class=\"cs_slider_wrapper\">\r\n <div class=\"cs_slide\"> \r\n <a class=\"cs_card cs_style_4 cs_type_1 d-block position-relative cs--radius\" href=\"#\"> \r\n <img src=\"/assets/babylon/fotos/surf.jpg\" alt=\"Room\" class=\"cs_card_thumb w-100 h-100\">\r\n <div class=\"cs_card_info position-absolute start-0 top-0 h-100 w-100\">\r\n <div class=\" intro_info intro_info--light\"> \r\n <h2 class=\"title--small mb--10\">Surf</h2> \r\n <p class=\"text mb--0\">Material incluido </p> \r\n </div> \r\n </div> \r\n </a> \r\n </div>\r\n <div class=\"cs_slide\"> \r\n <a class=\"cs_card cs_style_4 cs_type_1 d-block position-relative cs--radius\" href=\"#\"> \r\n <img src=\"/assets/babylon/fotos/snorkel.jpg\" alt=\"Room\" class=\"cs_card_thumb w-100 h-100\">\r\n <div class=\"cs_card_info position-absolute start-0 top-0 h-100 w-100\">\r\n <div class=\" intro_info intro_info--light\"> \r\n <h2 class=\"title--small mb--10\">Snorkel</h2> \r\n <p class=\"text mb--0\">Material incluido </p> \r\n </div> \r\n </div> \r\n </a> \r\n </div>\r\n <div class=\"cs_slide\"> \r\n <a class=\"cs_card cs_style_4 cs_type_1 d-block position-relative cs--radius\" href=\"#\"> \r\n <img src=\"/assets/babylon/fotos/senderismo.jpg\" alt=\"Room\" class=\"cs_card_thumb w-100 h-100\">\r\n <div class=\"cs_card_info position-absolute start-0 top-0 h-100 w-100\">\r\n <div class=\" intro_info intro_info--light\"> \r\n <h2 class=\"title--small mb--10\">Senderismo</h2> \r\n <p class=\"text mb--0\">Material incluido </p> \r\n </div> \r\n </div> \r\n </a> \r\n </div>\r\n \r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"cs_pagination cs_style_1 cs_type_3\"></div>\r\n </div>\r\n \r\n </div>\r\n </div>\r\n <div class=\" cs_height_150 cs_height_lg_40\"></div>\r\n </section>\r\n<!-- mismo modulo pero a la inversa -->\r\n<section class=\"babylon__slider2col margin-main cs_gray_bg cs_half_bg position-relative\"> \r\n <div class=\"cs_half_bg_left cs_primary_bg bg--dark cs--radius\"></div>\r\n <div class=\" cs_height_150 cs_height_lg_40\"></div>\r\n <div class=\"container-fluid p-0 position-relative\">\r\n <div class=\"cs_slider cs_style_1 cs_slider_gap_24\">\r\n <div class=\"container position-relative\">\r\n <div class=\"row \">\r\n <div class=\"col-lg-8\">\r\n <div class=\"cs_slider_container\" data-autoplay=\"0\" data-loop=\"1\" data-speed=\"600\" data-center=\"0\" data-variable-width=\"0\" \r\n data-slides-per-view=\"responsive\" data-xs-slides=\"1\" data-sm-slides=\"2\" data-md-slides=\"2\" data-lg-slides=\"2\" data-add-slides=\"2\">\r\n <div class=\"cs_slider_wrapper\">\r\n <div class=\"cs_slide\"> \r\n <a class=\"cs_card cs_style_4 cs_type_1 d-block position-relative cs--radius\" href=\"#\"> \r\n <img src=\"/assets/babylon/fotos/ciclismo.jpg\" alt=\"Room\" class=\"cs_card_thumb w-100 h-100\">\r\n <div class=\"cs_card_info position-absolute start-0 top-0 h-100 w-100\">\r\n <div class=\" intro_info intro_info--light\"> \r\n <h2 class=\"title--small mb--10\">Ciclismo</h2> \r\n <p class=\"text mb--0\">Material incluido </p> \r\n </div> \r\n </div> \r\n </a> \r\n </div>\r\n <div class=\"cs_slide\"> \r\n <a class=\"cs_card cs_style_4 cs_type_1 d-block position-relative cs--radius\" href=\"#\"> \r\n <img src=\"/assets/babylon/fotos/senderismo.jpg\" alt=\"Room\" class=\"cs_card_thumb w-100 h-100\">\r\n <div class=\"cs_card_info position-absolute start-0 top-0 h-100 w-100\">\r\n <div class=\" intro_info intro_info--light\"> \r\n <h2 class=\"title--small mb--10\">Senderismo</h2> \r\n <p class=\"text mb--0\">Material incluido </p> \r\n </div> \r\n </div> \r\n </a> \r\n </div>\r\n <div class=\"cs_slide\"> \r\n <a class=\"cs_card cs_style_4 cs_type_1 d-block position-relative cs--radius\" href=\"#\"> \r\n <img src=\"/assets/babylon/fotos/senderismo.jpg\" alt=\"Room\" class=\"cs_card_thumb w-100 h-100\">\r\n <div class=\"cs_card_info position-absolute start-0 top-0 h-100 w-100\">\r\n <div class=\" intro_info intro_info--light\"> \r\n <h2 class=\"title--small mb--10\">Senderismo</h2> \r\n <p class=\"text mb--0\">Material incluido </p> \r\n </div> \r\n </div> \r\n </a> \r\n </div>\r\n \r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"col-lg-4\"> \r\n <div class=\"intro_info align--center1 intro_info--light no-align pt--20\">\r\n <h3 class=\"pretitle\">Slider 2Col </h3>\r\n <h2 class=\"title wow fadeInUp\" data-wow-duration=\"0.8s\" data-wow-delay=\"0.2s\">Explore Unforgettable Experiences</h2> \r\n <div class=\"btns__box align--center1 \">\r\n <a href=\" \" class=\"btn btn_primary btn--light \">\r\n <b>Learn More</b>\r\n <span class=\"babylon-arrow-right-big\"></span> \r\n </a>\r\n </div> \r\n </div> \r\n </div> \r\n </div>\r\n <div class=\"cs_pagination cs_style_1 cs_type_3 cs_type_3--left\"></div>\r\n </div> \r\n </div>\r\n </div>\r\n <div class=\" cs_height_150 cs_height_lg_40\"></div>\r\n </section>", styles: [":root{--font-title: \"the-seasons\", Helvetica, sans-serif;--font-pretitle:\"Poppins\", Helvetica, sans-serif;--font-text: \"Poppins\", Helvetica, sans-serif;--font-claim: \"turbinado-pro\", Helvetica, sans-serif;--cl_corp: #24262d;--cl_accent: #aa8453;--cl_icon: #978667;--cl_icon-light: #fff;--cl_border-light: #ededed;--cl_border-dark: #d9e1e6;--cl_shadow: rgba(0, 0, 0, .1);--cl_breadcrumb: #24262d;--cl_breadcrumb-hover: #978667;--cl_preload-bg:#ededed;--cl_preload:#24262d;--cl_background_body: #fdfbf8;--cl_background_white: #fff;--cl_background_dark: #19314b;--cl_background_gray: #eee;--cl_title: #978667;--cl_subtitle: #19314b;--cl_pretitle: #19314b;--cl_text: #3c3b3b;--cl_title-light: #fff;--cl_subtitle-light: #fff;--cl_pretitle-light: #fff;--cl_text-light: #fff;--w_title: 600;--w_text: 300;--w_subtitle: 300;--w_pretitle: 300;--cl_header-bg: #494949;--cl_header-text-light: #fff;--cl_menu-bg: #19314b;--cl_menu-text: #fff;--w_btn: 400;--cl_btn-box: #19314b;--cl_btn-box-text: #19314b;--cl_btn-box-hover: #978667;--cl_btn-box-text-hover: #fff;--cl_btn-call: #19314bf2;--cl_btn-call-text: white;--cl_btn-call-hover: #978667;--cl_btn-call-text-hover: #fff;--cl_btn-link: #19314b;--cl_btn-link-hover: #978667;--cl_btn-arrow: #19314b;--cl_btn-arrow-icon: #fff;--cl_btn-arrow-hover: #978667;--cl_btn-arrow-icon-hover: #fff;--cl_btn-dots: #24262d;--cl_btn-dots-active: #978667;--cl_btn-dots-hover: #978667;--cl_btn-light: #fff;--cl_btn-light-text: #fff;--cl_btn-light-hover: #978667;--cl_btn-light-text-hover: #978667;--cl_footer-bg: #19314b;--cl_footer-bg-bottom:#0a1d31;--cl_footer-scroll:#978667;--cl_footer-text: #fff;--cl_footer-text-hover: #978667;--btn_radius: 5px;--img_radius: 5px;--img_border: #fff;--img_border-whidth:1px}.cs_dark{--cl_corp: #181818;--cl_accent: #aa8453;--cl_icon: #aa8453;--cl_icon-light: #fff;--cl_border-light: #ededed;--cl_border-dark: #d9e1e6;--cl_shadow: rgba(0, 0, 0, .1);--cl_breadcrumb: #fff;--cl_breadcrumb-hover: #aa8453;--cl_preload-bg:#ededed;--cl_preload:#24262d;--cl_background_body: #181818;--cl_background_white: transparent;--cl_background_dark: #aa8453;--cl_background_gray: #333;--cl_title: #fff;--cl_subtitle: #aa8453;--cl_pretitle: #aa8453;--cl_text: #fff;--cl_title-light: #fff;--cl_subtitle-light: #fff;--cl_pretitle-light: #fff;--cl_text-light: #fff;--cl_header-bg: #aa8453;--cl_header-text-light: #fff;--cl_menu-bg: #79582c;--cl_menu-text: #fff;--cl_btn-box: #aa8453;--cl_btn-box-text: #aa8453;--cl_btn-box-hover: #79582c;--cl_btn-box-text-hover: #fff;--cl_btn-call: #aa8453;--cl_btn-call-text: white;--cl_btn-call-hover: #79582c;--cl_btn-call-text-hover: #fff;--cl_btn-link: #aa8453;--cl_btn-link-hover: #79582c;--cl_btn-arrow: #ffffff3a;--cl_btn-arrow-icon: #fff;--cl_btn-arrow-hover: #79582c;--cl_btn-arrow-icon-hover: #fff;--cl_btn-dots: #eee;--cl_btn-dots-active: #79582c;--cl_btn-dots-hover: #79582c;--cl_btn-light: #fff;--cl_btn-light-text: #fff;--cl_btn-light-hover: #79582c;--cl_btn-light-text-hover: #79582c;--cl_footer-bg: #aa8453;--cl_footer-bg-bottom:#79582c;--cl_footer-scroll:#aa8453;--cl_footer-text: #fff;--cl_footer-text-hover: #aa8453;--btn_radius: 1px;--img_radius: 0px;--img_border: #fff;--img_border-whidth:2px}.mt--0{margin-top:0!important}.mb--0{margin-bottom:0!important}.mr--0{margin-right:0!important}.ml--0{margin-left:0!important}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.pl--0{padding-left:0!important}.mblock--0{margin-block:0px}.pblock--0{padding-block:0px}.mt--10{margin-top:10px!important}.mb--10{margin-bottom:10px!important}.mr--10{margin-right:10px!important}.ml--10{margin-left:10px!important}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.pl--10{padding-left:10px!important}.mblock--10{margin-block:10px}.pblock--10{padding-block:10px}.mt--20{margin-top:20px!important}.mb--20{margin-bottom:20px!important}.mr--20{margin-right:20px!important}.ml--20{margin-left:20px!important}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.pl--20{padding-left:20px!important}.mblock--20{margin-block:20px}.pblock--20{padding-block:20px}.mt--25{margin-top:25px!important}.mb--25{margin-bottom:25px!important}.mr--25{margin-right:25px!important}.ml--25{margin-left:25px!important}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.pl--25{padding-left:25px!important}.mblock--25{margin-block:25px}.pblock--25{padding-block:25px}.mt--30{margin-top:30px!important}.mb--30{margin-bottom:30px!important}.mr--30{margin-right:30px!important}.ml--30{margin-left:30px!important}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.pl--30{padding-left:30px!important}.mblock--30{margin-block:30px}.pblock--30{padding-block:30px}.mt--40{margin-top:40px!important}.mb--40{margin-bottom:40px!important}.mr--40{margin-right:40px!important}.ml--40{margin-left:40px!important}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.pl--40{padding-left:40px!important}.mblock--40{margin-block:40px}.pblock--40{padding-block:40px}.mt--50{margin-top:50px!important}.mb--50{margin-bottom:50px!important}.mr--50{margin-right:50px!important}.ml--50{margin-left:50px!important}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.pl--50{padding-left:50px!important}.mblock--50{margin-block:50px}.pblock--50{padding-block:50px}.mt--60{margin-top:60px!important}.mb--60{margin-bottom:60px!important}.mr--60{margin-right:60px!important}.ml--60{margin-left:60px!important}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.pl--60{padding-left:60px!important}.mblock--60{margin-block:60px}.pblock--60{padding-block:60px}.mt--70{margin-top:70px!important}.mb--70{margin-bottom:70px!important}.mr--70{margin-right:70px!important}.ml--70{margin-left:70px!important}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.pl--70{padding-left:70px!important}.mblock--70{margin-block:70px}.pblock--70{padding-block:70px}.mt--80{margin-top:80px!important}.mb--80{margin-bottom:80px!important}.mr--80{margin-right:80px!important}.ml--80{margin-left:80px!important}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.pl--80{padding-left:80px!important}.mblock--80{margin-block:80px}.pblock--80{padding-block:80px}.mt--90{margin-top:90px!important}.mb--90{margin-bottom:90px!important}.mr--90{margin-right:90px!important}.ml--90{margin-left:90px!important}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.pl--90{padding-left:90px!important}.mblock--90{margin-block:90px}.pblock--90{padding-block:90px}.mt--100{margin-top:100px!important}.mb--100{margin-bottom:100px!important}.mr--100{margin-right:100px!important}.ml--100{margin-left:100px!important}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.pl--100{padding-left:100px!important}.mblock--100{margin-block:100px}.pblock--100{padding-block:100px}.cs_card.cs_style_4{height:500px;overflow:hidden}.cs_card.cs_style_4 .cs_card_thumb{object-fit:cover;transition:all 4s ease}.cs_card.cs_style_4 .cs_card_price{right:24px;top:24px;padding:10px 18px}.cs_card.cs_style_4 .cs_card_info{display:flex;align-items:flex-end;background:linear-gradient(180deg,#1b1b1b00,#1b1b1b99);padding:47px 30px}.cs_card.cs_style_4 .cs_card_list{width:100%;margin-top:10px}.cs_card.cs_style_4 .title--small{background-repeat:no-repeat;background-image:linear-gradient(90deg,currentColor 0,currentColor 100%);transition:background-size .6s cubic-bezier(.49,.49,.08,1),color .27s ease-out;background-position:100% calc(100% + -0px);background-size:0 2px;transition:all .4s ease;display:inline}.cs_card.cs_style_4:hover .title--small{background-size:100% 2px;background-position:0 calc(100% + -0px)}.cs_card.cs_style_4:hover .cs_card_thumb{transform:scale(1.05)}.cs_card.cs_style_4.cs_type_1{height:440px}.cs_card.cs_style_4.cs_type_1 .cs_card_info{padding:36px 40px}@media (max-width: 991px){.cs_card.cs_style_4.cs_type_1 .cs_card_info{padding:25px;height:400px}}\n"] }]
|
|
368
|
-
}]
|
|
376
|
+
args: [{ selector: 'lib-babylon-slider2col', standalone: true, imports: [CommonModule], template: "<section class=\"babylon__slider2col margin-main cs_gray_bg cs_half_bg position-relative\" *ngIf=\"this.showIzq\"> \r\n <div class=\"cs_half_bg_right cs_primary_bg bg--dark cs--radius\"></div>\r\n <div class=\" cs_height_150 cs_height_lg_40\"></div>\r\n <div class=\"container-fluid p-0 position-relative\">\r\n <div class=\"cs_slider cs_style_1 cs_slider_gap_24\">\r\n <div class=\"container position-relative\">\r\n <div class=\"row column-reverse\">\r\n <div class=\"col-lg-4\"> \r\n <div class=\"intro_info align--center1 intro_info--light no-align pt--20\">\r\n <h3 class=\"pretitle\">{{ pretitleIzq }}</h3>\r\n <h2 class=\"title wow fadeInUp\" data-wow-duration=\"0.8s\" data-wow-delay=\"0.2s\">{{ titleIzq }}</h2> \r\n <!-- <div class=\"btns__box align--center1 \">\r\n <a href=\" \" class=\"btn btn_primary btn--light \">\r\n <b>Learn More</b>\r\n <span class=\"babylon-arrow-right-big\"></span> \r\n </a>\r\n </div> -->\r\n </div> \r\n </div>\r\n <div class=\"col-lg-8\">\r\n <div class=\"cs_slider_container\" data-autoplay=\"0\" data-loop=\"1\" data-speed=\"600\" data-center=\"0\" data-variable-width=\"0\" \r\n data-slides-per-view=\"responsive\" data-xs-slides=\"1\" data-sm-slides=\"2\" data-md-slides=\"2\" data-lg-slides=\"2\" data-add-slides=\"2\">\r\n <div class=\"cs_slider_wrapper\">\r\n <div class=\"cs_slide\"> \r\n <a class=\"cs_card cs_style_4 cs_type_1 d-block position-relative cs--radius\" href=\"#\"> \r\n <img src=\"/assets/babylon/fotos/surf.jpg\" alt=\"Room\" class=\"cs_card_thumb w-100 h-100\">\r\n <div class=\"cs_card_info position-absolute start-0 top-0 h-100 w-100\">\r\n <div class=\" intro_info intro_info--light\" *ngIf=\"this.showTextSlider\"> \r\n <h2 class=\"title--small mb--10\">Surf</h2> \r\n <p class=\"text mb--0\">Material incluido </p> \r\n </div> \r\n </div> \r\n </a> \r\n </div>\r\n <div class=\"cs_slide\"> \r\n <a class=\"cs_card cs_style_4 cs_type_1 d-block position-relative cs--radius\" href=\"#\"> \r\n <img src=\"/assets/babylon/fotos/snorkel.jpg\" alt=\"Room\" class=\"cs_card_thumb w-100 h-100\">\r\n <div class=\"cs_card_info position-absolute start-0 top-0 h-100 w-100\">\r\n <div class=\"intro_info intro_info--light\" *ngIf=\"this.showTextSlider\"> \r\n <h2 class=\"title--small mb--10\">Snorkel</h2> \r\n <p class=\"text mb--0\">Material incluido </p> \r\n </div> \r\n </div> \r\n </a> \r\n </div>\r\n <div class=\"cs_slide\"> \r\n <a class=\"cs_card cs_style_4 cs_type_1 d-block position-relative cs--radius\" href=\"#\"> \r\n <img src=\"/assets/babylon/fotos/senderismo.jpg\" alt=\"Room\" class=\"cs_card_thumb w-100 h-100\">\r\n <div class=\"cs_card_info position-absolute start-0 top-0 h-100 w-100\">\r\n <div class=\" intro_info intro_info--light\" *ngIf=\"this.showTextSlider\"> \r\n <h2 class=\"title--small mb--10\">Senderismo</h2> \r\n <p class=\"text mb--0\">Material incluido </p> \r\n </div> \r\n </div> \r\n </a> \r\n </div>\r\n \r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"cs_pagination cs_style_1 cs_type_3\"></div>\r\n </div>\r\n \r\n </div>\r\n </div>\r\n <div class=\" cs_height_150 cs_height_lg_40\"></div>\r\n </section>\r\n<!-- mismo modulo pero a la inversa -->\r\n<section class=\"babylon__slider2col margin-main cs_gray_bg cs_half_bg position-relative\" *ngIf=\"this.showDer\"> \r\n <div class=\"cs_half_bg_left cs_primary_bg bg--dark cs--radius\"></div>\r\n <div class=\" cs_height_150 cs_height_lg_40\"></div>\r\n <div class=\"container-fluid p-0 position-relative\">\r\n <div class=\"cs_slider cs_style_1 cs_slider_gap_24\">\r\n <div class=\"container position-relative\">\r\n <div class=\"row \">\r\n <div class=\"col-lg-8\">\r\n <div class=\"cs_slider_container\" data-autoplay=\"0\" data-loop=\"1\" data-speed=\"600\" data-center=\"0\" data-variable-width=\"0\" \r\n data-slides-per-view=\"responsive\" data-xs-slides=\"1\" data-sm-slides=\"2\" data-md-slides=\"2\" data-lg-slides=\"2\" data-add-slides=\"2\">\r\n <div class=\"cs_slider_wrapper\">\r\n <div class=\"cs_slide\"> \r\n <a class=\"cs_card cs_style_4 cs_type_1 d-block position-relative cs--radius\" href=\"#\"> \r\n <img src=\"/assets/babylon/fotos/ciclismo.jpg\" alt=\"Room\" class=\"cs_card_thumb w-100 h-100\">\r\n <div class=\"cs_card_info position-absolute start-0 top-0 h-100 w-100\">\r\n <div class=\" intro_info intro_info--light\" *ngIf=\"this.showTextSlider\"> \r\n <h2 class=\"title--small mb--10\">Ciclismo</h2> \r\n <p class=\"text mb--0\">Material incluido </p> \r\n </div> \r\n </div> \r\n </a> \r\n </div>\r\n <div class=\"cs_slide\"> \r\n <a class=\"cs_card cs_style_4 cs_type_1 d-block position-relative cs--radius\" href=\"#\"> \r\n <img src=\"/assets/babylon/fotos/senderismo.jpg\" alt=\"Room\" class=\"cs_card_thumb w-100 h-100\">\r\n <div class=\"cs_card_info position-absolute start-0 top-0 h-100 w-100\">\r\n <div class=\" intro_info intro_info--light\" *ngIf=\"this.showTextSlider\"> \r\n <h2 class=\"title--small mb--10\">Senderismo</h2> \r\n <p class=\"text mb--0\">Material incluido </p> \r\n </div> \r\n </div> \r\n </a> \r\n </div>\r\n <div class=\"cs_slide\"> \r\n <a class=\"cs_card cs_style_4 cs_type_1 d-block position-relative cs--radius\" href=\"#\"> \r\n <img src=\"/assets/babylon/fotos/senderismo.jpg\" alt=\"Room\" class=\"cs_card_thumb w-100 h-100\">\r\n <div class=\"cs_card_info position-absolute start-0 top-0 h-100 w-100\">\r\n <div class=\" intro_info intro_info--light\" *ngIf=\"this.showTextSlider\"> \r\n <h2 class=\"title--small mb--10\">Senderismo</h2> \r\n <p class=\"text mb--0\">Material incluido </p> \r\n </div> \r\n </div> \r\n </a> \r\n </div>\r\n \r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"col-lg-4\"> \r\n <div class=\"intro_info align--center1 intro_info--light no-align pt--20\">\r\n <h3 class=\"pretitle\">{{ pretitleDer }}</h3>\r\n <h2 class=\"title wow fadeInUp\" data-wow-duration=\"0.8s\" data-wow-delay=\"0.2s\">{{ titleDer }}</h2> \r\n <!-- <div class=\"btns__box align--center1 \">\r\n <a href=\" \" class=\"btn btn_primary btn--light \">\r\n <b>Learn More</b>\r\n <span class=\"babylon-arrow-right-big\"></span> \r\n </a>\r\n </div> -->\r\n </div> \r\n </div> \r\n </div>\r\n <div class=\"cs_pagination cs_style_1 cs_type_3 cs_type_3--left\"></div>\r\n </div> \r\n </div>\r\n </div>\r\n <div class=\" cs_height_150 cs_height_lg_40\"></div>\r\n </section>", styles: [":root{--font-title: \"the-seasons\", Helvetica, sans-serif;--font-pretitle:\"Poppins\", Helvetica, sans-serif;--font-text: \"Poppins\", Helvetica, sans-serif;--font-claim: \"turbinado-pro\", Helvetica, sans-serif;--cl_corp: #24262d;--cl_accent: #aa8453;--cl_icon: #978667;--cl_icon-light: #fff;--cl_border-light: #ededed;--cl_border-dark: #d9e1e6;--cl_shadow: rgba(0, 0, 0, .1);--cl_breadcrumb: #24262d;--cl_breadcrumb-hover: #978667;--cl_preload-bg:#ededed;--cl_preload:#24262d;--cl_background_body: #fdfbf8;--cl_background_white: #fff;--cl_background_dark: #19314b;--cl_background_gray: #eee;--cl_title: #978667;--cl_subtitle: #19314b;--cl_pretitle: #19314b;--cl_text: #3c3b3b;--cl_title-light: #fff;--cl_subtitle-light: #fff;--cl_pretitle-light: #fff;--cl_text-light: #fff;--w_title: 600;--w_text: 300;--w_subtitle: 300;--w_pretitle: 300;--cl_header-bg: #494949;--cl_header-text-light: #fff;--cl_menu-bg: #19314b;--cl_menu-text: #fff;--w_btn: 400;--cl_btn-box: #19314b;--cl_btn-box-text: #19314b;--cl_btn-box-hover: #978667;--cl_btn-box-text-hover: #fff;--cl_btn-call: #19314bf2;--cl_btn-call-text: white;--cl_btn-call-hover: #978667;--cl_btn-call-text-hover: #fff;--cl_btn-link: #19314b;--cl_btn-link-hover: #978667;--cl_btn-arrow: #19314b;--cl_btn-arrow-icon: #fff;--cl_btn-arrow-hover: #978667;--cl_btn-arrow-icon-hover: #fff;--cl_btn-dots: #24262d;--cl_btn-dots-active: #978667;--cl_btn-dots-hover: #978667;--cl_btn-light: #fff;--cl_btn-light-text: #fff;--cl_btn-light-hover: #978667;--cl_btn-light-text-hover: #978667;--cl_footer-bg: #19314b;--cl_footer-bg-bottom:#0a1d31;--cl_footer-scroll:#978667;--cl_footer-text: #fff;--cl_footer-text-hover: #978667;--btn_radius: 5px;--img_radius: 5px;--img_border: #fff;--img_border-whidth:1px}.cs_dark{--cl_corp: #181818;--cl_accent: #aa8453;--cl_icon: #aa8453;--cl_icon-light: #fff;--cl_border-light: #ededed;--cl_border-dark: #d9e1e6;--cl_shadow: rgba(0, 0, 0, .1);--cl_breadcrumb: #fff;--cl_breadcrumb-hover: #aa8453;--cl_preload-bg:#ededed;--cl_preload:#24262d;--cl_background_body: #181818;--cl_background_white: transparent;--cl_background_dark: #aa8453;--cl_background_gray: #333;--cl_title: #fff;--cl_subtitle: #aa8453;--cl_pretitle: #aa8453;--cl_text: #fff;--cl_title-light: #fff;--cl_subtitle-light: #fff;--cl_pretitle-light: #fff;--cl_text-light: #fff;--cl_header-bg: #aa8453;--cl_header-text-light: #fff;--cl_menu-bg: #79582c;--cl_menu-text: #fff;--cl_btn-box: #aa8453;--cl_btn-box-text: #aa8453;--cl_btn-box-hover: #79582c;--cl_btn-box-text-hover: #fff;--cl_btn-call: #aa8453;--cl_btn-call-text: white;--cl_btn-call-hover: #79582c;--cl_btn-call-text-hover: #fff;--cl_btn-link: #aa8453;--cl_btn-link-hover: #79582c;--cl_btn-arrow: #ffffff3a;--cl_btn-arrow-icon: #fff;--cl_btn-arrow-hover: #79582c;--cl_btn-arrow-icon-hover: #fff;--cl_btn-dots: #eee;--cl_btn-dots-active: #79582c;--cl_btn-dots-hover: #79582c;--cl_btn-light: #fff;--cl_btn-light-text: #fff;--cl_btn-light-hover: #79582c;--cl_btn-light-text-hover: #79582c;--cl_footer-bg: #aa8453;--cl_footer-bg-bottom:#79582c;--cl_footer-scroll:#aa8453;--cl_footer-text: #fff;--cl_footer-text-hover: #aa8453;--btn_radius: 1px;--img_radius: 0px;--img_border: #fff;--img_border-whidth:2px}.mt--0{margin-top:0!important}.mb--0{margin-bottom:0!important}.mr--0{margin-right:0!important}.ml--0{margin-left:0!important}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.pl--0{padding-left:0!important}.mblock--0{margin-block:0px}.pblock--0{padding-block:0px}.mt--10{margin-top:10px!important}.mb--10{margin-bottom:10px!important}.mr--10{margin-right:10px!important}.ml--10{margin-left:10px!important}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.pl--10{padding-left:10px!important}.mblock--10{margin-block:10px}.pblock--10{padding-block:10px}.mt--20{margin-top:20px!important}.mb--20{margin-bottom:20px!important}.mr--20{margin-right:20px!important}.ml--20{margin-left:20px!important}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.pl--20{padding-left:20px!important}.mblock--20{margin-block:20px}.pblock--20{padding-block:20px}.mt--25{margin-top:25px!important}.mb--25{margin-bottom:25px!important}.mr--25{margin-right:25px!important}.ml--25{margin-left:25px!important}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.pl--25{padding-left:25px!important}.mblock--25{margin-block:25px}.pblock--25{padding-block:25px}.mt--30{margin-top:30px!important}.mb--30{margin-bottom:30px!important}.mr--30{margin-right:30px!important}.ml--30{margin-left:30px!important}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.pl--30{padding-left:30px!important}.mblock--30{margin-block:30px}.pblock--30{padding-block:30px}.mt--40{margin-top:40px!important}.mb--40{margin-bottom:40px!important}.mr--40{margin-right:40px!important}.ml--40{margin-left:40px!important}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.pl--40{padding-left:40px!important}.mblock--40{margin-block:40px}.pblock--40{padding-block:40px}.mt--50{margin-top:50px!important}.mb--50{margin-bottom:50px!important}.mr--50{margin-right:50px!important}.ml--50{margin-left:50px!important}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.pl--50{padding-left:50px!important}.mblock--50{margin-block:50px}.pblock--50{padding-block:50px}.mt--60{margin-top:60px!important}.mb--60{margin-bottom:60px!important}.mr--60{margin-right:60px!important}.ml--60{margin-left:60px!important}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.pl--60{padding-left:60px!important}.mblock--60{margin-block:60px}.pblock--60{padding-block:60px}.mt--70{margin-top:70px!important}.mb--70{margin-bottom:70px!important}.mr--70{margin-right:70px!important}.ml--70{margin-left:70px!important}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.pl--70{padding-left:70px!important}.mblock--70{margin-block:70px}.pblock--70{padding-block:70px}.mt--80{margin-top:80px!important}.mb--80{margin-bottom:80px!important}.mr--80{margin-right:80px!important}.ml--80{margin-left:80px!important}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.pl--80{padding-left:80px!important}.mblock--80{margin-block:80px}.pblock--80{padding-block:80px}.mt--90{margin-top:90px!important}.mb--90{margin-bottom:90px!important}.mr--90{margin-right:90px!important}.ml--90{margin-left:90px!important}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.pl--90{padding-left:90px!important}.mblock--90{margin-block:90px}.pblock--90{padding-block:90px}.mt--100{margin-top:100px!important}.mb--100{margin-bottom:100px!important}.mr--100{margin-right:100px!important}.ml--100{margin-left:100px!important}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.pl--100{padding-left:100px!important}.mblock--100{margin-block:100px}.pblock--100{padding-block:100px}.cs_card.cs_style_4{height:500px;overflow:hidden}.cs_card.cs_style_4 .cs_card_thumb{object-fit:cover;transition:all 4s ease}.cs_card.cs_style_4 .cs_card_price{right:24px;top:24px;padding:10px 18px}.cs_card.cs_style_4 .cs_card_info{display:flex;align-items:flex-end;background:linear-gradient(180deg,#1b1b1b00,#1b1b1b99);padding:47px 30px}.cs_card.cs_style_4 .cs_card_list{width:100%;margin-top:10px}.cs_card.cs_style_4 .title--small{background-repeat:no-repeat;background-image:linear-gradient(90deg,currentColor 0,currentColor 100%);transition:background-size .6s cubic-bezier(.49,.49,.08,1),color .27s ease-out;background-position:100% calc(100% + -0px);background-size:0 2px;transition:all .4s ease;display:inline}.cs_card.cs_style_4:hover .title--small{background-size:100% 2px;background-position:0 calc(100% + -0px)}.cs_card.cs_style_4:hover .cs_card_thumb{transform:scale(1.05)}.cs_card.cs_style_4.cs_type_1{height:440px}.cs_card.cs_style_4.cs_type_1 .cs_card_info{padding:36px 40px}@media (max-width: 991px){.cs_card.cs_style_4.cs_type_1 .cs_card_info{padding:25px;height:400px}}\n"] }]
|
|
377
|
+
}], propDecorators: { pretitleIzq: [{
|
|
378
|
+
type: Input
|
|
379
|
+
}], titleIzq: [{
|
|
380
|
+
type: Input
|
|
381
|
+
}], pretitleDer: [{
|
|
382
|
+
type: Input
|
|
383
|
+
}], titleDer: [{
|
|
384
|
+
type: Input
|
|
385
|
+
}], showTextSlider: [{
|
|
386
|
+
type: Input
|
|
387
|
+
}], showIzq: [{
|
|
388
|
+
type: Input
|
|
389
|
+
}], showDer: [{
|
|
390
|
+
type: Input
|
|
391
|
+
}] } });
|
|
369
392
|
|
|
370
393
|
class BabylonSlider3ColComponent {
|
|
371
394
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: BabylonSlider3ColComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
@@ -404,13 +427,44 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
|
|
|
404
427
|
}] });
|
|
405
428
|
|
|
406
429
|
class BabylonTopSliderComponent {
|
|
430
|
+
constructor() {
|
|
431
|
+
this.pretitle = '';
|
|
432
|
+
this.title = '';
|
|
433
|
+
this.pretitleSlider = '';
|
|
434
|
+
this.titleSlider = '';
|
|
435
|
+
this.img = '';
|
|
436
|
+
this.imgSlider = '';
|
|
437
|
+
}
|
|
438
|
+
getImagePath() {
|
|
439
|
+
if (this.img) {
|
|
440
|
+
return `/assets/babylon/fotos/${this.img}`;
|
|
441
|
+
}
|
|
442
|
+
else if (this.imgSlider) {
|
|
443
|
+
return `/assets/babylon/fotos/${this.imgSlider}`;
|
|
444
|
+
}
|
|
445
|
+
else {
|
|
446
|
+
return '';
|
|
447
|
+
}
|
|
448
|
+
}
|
|
407
449
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: BabylonTopSliderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
408
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: BabylonTopSliderComponent, isStandalone: true, selector: "lib-babylon-top-slider", ngImport: i0, template: "<section class=\"babylon__topslider margin-main-botom\"> \r\n <div class=\"cs_parallax_slider loading overflow-hidden position-relative\">\r\n <div class=\"swiper-wrapper\">\r\n <div class=\"swiper-slide\">\r\n <div class=\"cs_hero cs_style_1 cs_center text-center position-relative\">\r\n <figure class=\"cs_swiper_parallax_bg cs_hero_bg cs_bg_filed h-100 w-100 position-absolute top-0 start-0 mb-0\" data-src=\"/assets/babylon/fotos/top-slider-bg1.png\"></figure>\r\n <div class=\"container position-relative cs_zindex_3\">\r\n <div class=\"cs_hero_text\">\r\n <h2 class=\" pretitle_carrusel\">Bienvenido a Babylon</h2>\r\n <h1 class=\" title_carrusel\">Disfruta de un resort exclusivo frente a playas incre\u00EDbles.</h1> \r\n <div class=\"btns__box align--center\">\r\n <a href=\" \" class=\"btn btn_primary btn--light\">\r\n <b>Descubrenos</b>\r\n <span class=\"babylon-arrow-right-big\"></span> \r\n </a>\r\n </div> \r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"swiper-slide\">\r\n <div class=\"cs_hero cs_style_1 cs_center text-center position-relative\">\r\n <figure class=\"cs_swiper_parallax_bg cs_hero_bg cs_bg_filed h-100 w-100 position-absolute top-0 start-0 mb-0\" data-src=\"/assets/babylon/fotos/hero_bg_1.jpeg\"></figure>\r\n <div class=\"container position-relative cs_zindex_3\">\r\n <div class=\"cs_hero_text\">\r\n <h2 class=\" pretitle_carrusel\">Babylon Hotel</h2>\r\n <h1 class=\" title_carrusel\">Disfruta de las mejores vacaciones en familia </h1> \r\n <div class=\"btns__box align--center\">\r\n <a href=\" \" class=\"btn btn_primary btn--light\">\r\n <b>Descubrenos</b>\r\n <span class=\"babylon-arrow-right-big\"></span> \r\n </a>\r\n </div> \r\n </div>\r\n </div>\r\n </div>\r\n </div> \r\n </div>\r\n </div> \r\n <div class=\"cs_slider_navigation cs_white_color\">\r\n <div class=\"cs_swiper_button_prev\">\r\n <span class=\"babylon-arrow-left-big\"></span> \r\n </div>\r\n <div class=\"cs_swiper_button_next\">\r\n <span class=\"babylon-arrow-right-big\"></span> \r\n </div>\r\n </div>\r\n <a href=\"#about\" class=\"cs_down_btn_2\"></a>\r\n <div class=\"float-buttons\">\r\n <div class=\"float-buttons--inner\">\r\n <a href=\"\" class=\"btn-float\"><span class=\"babylon-transfer\"></span> <span class=\"text\">Transfer</span></a>\r\n <a href=\"\" class=\"btn-float\"><span class=\"babylon-tag\"></span> <span class=\"text\">Chekin online</span></a>\r\n </div> \r\n </div>\r\n</section>\r\n\r\n ", styles: [":root{--font-title: \"the-seasons\", Helvetica, sans-serif;--font-pretitle:\"Poppins\", Helvetica, sans-serif;--font-text: \"Poppins\", Helvetica, sans-serif;--font-claim: \"turbinado-pro\", Helvetica, sans-serif;--cl_corp: #24262d;--cl_accent: #aa8453;--cl_icon: #978667;--cl_icon-light: #fff;--cl_border-light: #ededed;--cl_border-dark: #d9e1e6;--cl_shadow: rgba(0, 0, 0, .1);--cl_breadcrumb: #24262d;--cl_breadcrumb-hover: #978667;--cl_preload-bg:#ededed;--cl_preload:#24262d;--cl_background_body: #fdfbf8;--cl_background_white: #fff;--cl_background_dark: #19314b;--cl_background_gray: #eee;--cl_title: #978667;--cl_subtitle: #19314b;--cl_pretitle: #19314b;--cl_text: #3c3b3b;--cl_title-light: #fff;--cl_subtitle-light: #fff;--cl_pretitle-light: #fff;--cl_text-light: #fff;--w_title: 600;--w_text: 300;--w_subtitle: 300;--w_pretitle: 300;--cl_header-bg: #494949;--cl_header-text-light: #fff;--cl_menu-bg: #19314b;--cl_menu-text: #fff;--w_btn: 400;--cl_btn-box: #19314b;--cl_btn-box-text: #19314b;--cl_btn-box-hover: #978667;--cl_btn-box-text-hover: #fff;--cl_btn-call: #19314bf2;--cl_btn-call-text: white;--cl_btn-call-hover: #978667;--cl_btn-call-text-hover: #fff;--cl_btn-link: #19314b;--cl_btn-link-hover: #978667;--cl_btn-arrow: #19314b;--cl_btn-arrow-icon: #fff;--cl_btn-arrow-hover: #978667;--cl_btn-arrow-icon-hover: #fff;--cl_btn-dots: #24262d;--cl_btn-dots-active: #978667;--cl_btn-dots-hover: #978667;--cl_btn-light: #fff;--cl_btn-light-text: #fff;--cl_btn-light-hover: #978667;--cl_btn-light-text-hover: #978667;--cl_footer-bg: #19314b;--cl_footer-bg-bottom:#0a1d31;--cl_footer-scroll:#978667;--cl_footer-text: #fff;--cl_footer-text-hover: #978667;--btn_radius: 5px;--img_radius: 5px;--img_border: #fff;--img_border-whidth:1px}.cs_dark{--cl_corp: #181818;--cl_accent: #aa8453;--cl_icon: #aa8453;--cl_icon-light: #fff;--cl_border-light: #ededed;--cl_border-dark: #d9e1e6;--cl_shadow: rgba(0, 0, 0, .1);--cl_breadcrumb: #fff;--cl_breadcrumb-hover: #aa8453;--cl_preload-bg:#ededed;--cl_preload:#24262d;--cl_background_body: #181818;--cl_background_white: transparent;--cl_background_dark: #aa8453;--cl_background_gray: #333;--cl_title: #fff;--cl_subtitle: #aa8453;--cl_pretitle: #aa8453;--cl_text: #fff;--cl_title-light: #fff;--cl_subtitle-light: #fff;--cl_pretitle-light: #fff;--cl_text-light: #fff;--cl_header-bg: #aa8453;--cl_header-text-light: #fff;--cl_menu-bg: #79582c;--cl_menu-text: #fff;--cl_btn-box: #aa8453;--cl_btn-box-text: #aa8453;--cl_btn-box-hover: #79582c;--cl_btn-box-text-hover: #fff;--cl_btn-call: #aa8453;--cl_btn-call-text: white;--cl_btn-call-hover: #79582c;--cl_btn-call-text-hover: #fff;--cl_btn-link: #aa8453;--cl_btn-link-hover: #79582c;--cl_btn-arrow: #ffffff3a;--cl_btn-arrow-icon: #fff;--cl_btn-arrow-hover: #79582c;--cl_btn-arrow-icon-hover: #fff;--cl_btn-dots: #eee;--cl_btn-dots-active: #79582c;--cl_btn-dots-hover: #79582c;--cl_btn-light: #fff;--cl_btn-light-text: #fff;--cl_btn-light-hover: #79582c;--cl_btn-light-text-hover: #79582c;--cl_footer-bg: #aa8453;--cl_footer-bg-bottom:#79582c;--cl_footer-scroll:#aa8453;--cl_footer-text: #fff;--cl_footer-text-hover: #aa8453;--btn_radius: 1px;--img_radius: 0px;--img_border: #fff;--img_border-whidth:2px}.mt--0{margin-top:0!important}.mb--0{margin-bottom:0!important}.mr--0{margin-right:0!important}.ml--0{margin-left:0!important}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.pl--0{padding-left:0!important}.mblock--0{margin-block:0px}.pblock--0{padding-block:0px}.mt--10{margin-top:10px!important}.mb--10{margin-bottom:10px!important}.mr--10{margin-right:10px!important}.ml--10{margin-left:10px!important}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.pl--10{padding-left:10px!important}.mblock--10{margin-block:10px}.pblock--10{padding-block:10px}.mt--20{margin-top:20px!important}.mb--20{margin-bottom:20px!important}.mr--20{margin-right:20px!important}.ml--20{margin-left:20px!important}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.pl--20{padding-left:20px!important}.mblock--20{margin-block:20px}.pblock--20{padding-block:20px}.mt--25{margin-top:25px!important}.mb--25{margin-bottom:25px!important}.mr--25{margin-right:25px!important}.ml--25{margin-left:25px!important}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.pl--25{padding-left:25px!important}.mblock--25{margin-block:25px}.pblock--25{padding-block:25px}.mt--30{margin-top:30px!important}.mb--30{margin-bottom:30px!important}.mr--30{margin-right:30px!important}.ml--30{margin-left:30px!important}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.pl--30{padding-left:30px!important}.mblock--30{margin-block:30px}.pblock--30{padding-block:30px}.mt--40{margin-top:40px!important}.mb--40{margin-bottom:40px!important}.mr--40{margin-right:40px!important}.ml--40{margin-left:40px!important}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.pl--40{padding-left:40px!important}.mblock--40{margin-block:40px}.pblock--40{padding-block:40px}.mt--50{margin-top:50px!important}.mb--50{margin-bottom:50px!important}.mr--50{margin-right:50px!important}.ml--50{margin-left:50px!important}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.pl--50{padding-left:50px!important}.mblock--50{margin-block:50px}.pblock--50{padding-block:50px}.mt--60{margin-top:60px!important}.mb--60{margin-bottom:60px!important}.mr--60{margin-right:60px!important}.ml--60{margin-left:60px!important}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.pl--60{padding-left:60px!important}.mblock--60{margin-block:60px}.pblock--60{padding-block:60px}.mt--70{margin-top:70px!important}.mb--70{margin-bottom:70px!important}.mr--70{margin-right:70px!important}.ml--70{margin-left:70px!important}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.pl--70{padding-left:70px!important}.mblock--70{margin-block:70px}.pblock--70{padding-block:70px}.mt--80{margin-top:80px!important}.mb--80{margin-bottom:80px!important}.mr--80{margin-right:80px!important}.ml--80{margin-left:80px!important}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.pl--80{padding-left:80px!important}.mblock--80{margin-block:80px}.pblock--80{padding-block:80px}.mt--90{margin-top:90px!important}.mb--90{margin-bottom:90px!important}.mr--90{margin-right:90px!important}.ml--90{margin-left:90px!important}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.pl--90{padding-left:90px!important}.mblock--90{margin-block:90px}.pblock--90{padding-block:90px}.mt--100{margin-top:100px!important}.mb--100{margin-bottom:100px!important}.mr--100{margin-right:100px!important}.ml--100{margin-left:100px!important}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.pl--100{padding-left:100px!important}.mblock--100{margin-block:100px}.pblock--100{padding-block:100px}.cs_hero.cs_style_1{height:calc(100vh + -0px);padding:100px 0 50px;max-height:1100px}@media (max-width: 991px){.cs_hero.cs_style_1{padding:100px 0;height:100vh;max-height:initial}}@media (max-width: 575px){.cs_hero.cs_style_1{min-height:500px}.cs_hero.cs_style_1 .cs_hero_title br{display:none}}.cs_bg_filed{transform:translate(0)!important}.babylon__topslider{position:relative}.cs_down_btn_2{position:absolute;height:35px;width:20px;border-radius:10px;border:2px solid var(--cl_title-light);z-index:1;bottom:14%;left:50%;margin-left:-10px}.cs_down_btn_2:before{content:\"\";height:5px;width:5px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--cl_title-light);animation:UpAndDown 3s infinite}@keyframes UpAndDown{0%,to{top:30%}50%{top:70%;opacity:.5;transform:translate(-50%,-50%) scale(.8)}}\n"] }); }
|
|
450
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: BabylonTopSliderComponent, isStandalone: true, selector: "lib-babylon-top-slider", inputs: { pretitle: "pretitle", title: "title", pretitleSlider: "pretitleSlider", titleSlider: "titleSlider", img: "img", imgSlider: "imgSlider" }, ngImport: i0, template: "<section class=\"babylon__topslider margin-main-botom\"> \r\n <div class=\"cs_parallax_slider loading overflow-hidden position-relative\">\r\n <div class=\"swiper-wrapper\">\r\n <div class=\"swiper-slide\">\r\n <div class=\"cs_hero cs_style_1 cs_center text-center position-relative\">\r\n <figure class=\"cs_swiper_parallax_bg cs_hero_bg cs_bg_filed h-100 w-100 position-absolute top-0 start-0 mb-0\" [attr.data-src]=\"getImagePath()\"></figure>\r\n <div class=\"container position-relative cs_zindex_3\">\r\n <div class=\"cs_hero_text\">\r\n <h2 class=\" pretitle_carrusel\">{{ pretitle }}</h2>\r\n <h1 class=\" title_carrusel\">{{ title }}</h1> \r\n <div class=\"btns__box align--center\">\r\n <!-- <a href=\" \" class=\"btn btn_primary btn--light\">\r\n <b>Descubrenos</b>\r\n <span class=\"babylon-arrow-right-big\"></span> \r\n </a> -->\r\n </div> \r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"swiper-slide\">\r\n <div class=\"cs_hero cs_style_1 cs_center text-center position-relative\">\r\n <figure class=\"cs_swiper_parallax_bg cs_hero_bg cs_bg_filed h-100 w-100 position-absolute top-0 start-0 mb-0\" [attr.data-src]=\"getImagePath()\"></figure>\r\n <div class=\"container position-relative cs_zindex_3\">\r\n <div class=\"cs_hero_text\">\r\n <h2 class=\" pretitle_carrusel\">{{ pretitleSlider }}</h2>\r\n <h1 class=\" title_carrusel\">{{ titleSlider }}</h1> \r\n <div class=\"btns__box align--center\">\r\n <!-- <a href=\" \" class=\"btn btn_primary btn--light\">\r\n <b>Descubrenos</b>\r\n <span class=\"babylon-arrow-right-big\"></span> \r\n </a> -->\r\n </div> \r\n </div>\r\n </div>\r\n </div>\r\n </div> \r\n </div>\r\n </div> \r\n <div class=\"cs_slider_navigation cs_white_color\">\r\n <div class=\"cs_swiper_button_prev\">\r\n <span class=\"babylon-arrow-left-big\"></span> \r\n </div>\r\n <div class=\"cs_swiper_button_next\">\r\n <span class=\"babylon-arrow-right-big\"></span> \r\n </div>\r\n </div>\r\n <a href=\"#about\" class=\"cs_down_btn_2\"></a>\r\n <div class=\"float-buttons\">\r\n <div class=\"float-buttons--inner\">\r\n <a href=\"\" class=\"btn-float\"><span class=\"babylon-transfer\"></span> <span class=\"text\">Transfer</span></a>\r\n <a href=\"\" class=\"btn-float\"><span class=\"babylon-envelope\"></span> <span class=\"text\">Chekin online</span></a>\r\n </div> \r\n </div>\r\n</section>\r\n\r\n ", styles: [":root{--font-title: \"the-seasons\", Helvetica, sans-serif;--font-pretitle:\"Poppins\", Helvetica, sans-serif;--font-text: \"Poppins\", Helvetica, sans-serif;--font-claim: \"turbinado-pro\", Helvetica, sans-serif;--cl_corp: #24262d;--cl_accent: #aa8453;--cl_icon: #978667;--cl_icon-light: #fff;--cl_border-light: #ededed;--cl_border-dark: #d9e1e6;--cl_shadow: rgba(0, 0, 0, .1);--cl_breadcrumb: #24262d;--cl_breadcrumb-hover: #978667;--cl_preload-bg:#ededed;--cl_preload:#24262d;--cl_background_body: #fdfbf8;--cl_background_white: #fff;--cl_background_dark: #19314b;--cl_background_gray: #eee;--cl_title: #978667;--cl_subtitle: #19314b;--cl_pretitle: #19314b;--cl_text: #3c3b3b;--cl_title-light: #fff;--cl_subtitle-light: #fff;--cl_pretitle-light: #fff;--cl_text-light: #fff;--w_title: 600;--w_text: 300;--w_subtitle: 300;--w_pretitle: 300;--cl_header-bg: #494949;--cl_header-text-light: #fff;--cl_menu-bg: #19314b;--cl_menu-text: #fff;--w_btn: 400;--cl_btn-box: #19314b;--cl_btn-box-text: #19314b;--cl_btn-box-hover: #978667;--cl_btn-box-text-hover: #fff;--cl_btn-call: #19314bf2;--cl_btn-call-text: white;--cl_btn-call-hover: #978667;--cl_btn-call-text-hover: #fff;--cl_btn-link: #19314b;--cl_btn-link-hover: #978667;--cl_btn-arrow: #19314b;--cl_btn-arrow-icon: #fff;--cl_btn-arrow-hover: #978667;--cl_btn-arrow-icon-hover: #fff;--cl_btn-dots: #24262d;--cl_btn-dots-active: #978667;--cl_btn-dots-hover: #978667;--cl_btn-light: #fff;--cl_btn-light-text: #fff;--cl_btn-light-hover: #978667;--cl_btn-light-text-hover: #978667;--cl_footer-bg: #19314b;--cl_footer-bg-bottom:#0a1d31;--cl_footer-scroll:#978667;--cl_footer-text: #fff;--cl_footer-text-hover: #978667;--btn_radius: 5px;--img_radius: 5px;--img_border: #fff;--img_border-whidth:1px}.cs_dark{--cl_corp: #181818;--cl_accent: #aa8453;--cl_icon: #aa8453;--cl_icon-light: #fff;--cl_border-light: #ededed;--cl_border-dark: #d9e1e6;--cl_shadow: rgba(0, 0, 0, .1);--cl_breadcrumb: #fff;--cl_breadcrumb-hover: #aa8453;--cl_preload-bg:#ededed;--cl_preload:#24262d;--cl_background_body: #181818;--cl_background_white: transparent;--cl_background_dark: #aa8453;--cl_background_gray: #333;--cl_title: #fff;--cl_subtitle: #aa8453;--cl_pretitle: #aa8453;--cl_text: #fff;--cl_title-light: #fff;--cl_subtitle-light: #fff;--cl_pretitle-light: #fff;--cl_text-light: #fff;--cl_header-bg: #aa8453;--cl_header-text-light: #fff;--cl_menu-bg: #79582c;--cl_menu-text: #fff;--cl_btn-box: #aa8453;--cl_btn-box-text: #aa8453;--cl_btn-box-hover: #79582c;--cl_btn-box-text-hover: #fff;--cl_btn-call: #aa8453;--cl_btn-call-text: white;--cl_btn-call-hover: #79582c;--cl_btn-call-text-hover: #fff;--cl_btn-link: #aa8453;--cl_btn-link-hover: #79582c;--cl_btn-arrow: #ffffff3a;--cl_btn-arrow-icon: #fff;--cl_btn-arrow-hover: #79582c;--cl_btn-arrow-icon-hover: #fff;--cl_btn-dots: #eee;--cl_btn-dots-active: #79582c;--cl_btn-dots-hover: #79582c;--cl_btn-light: #fff;--cl_btn-light-text: #fff;--cl_btn-light-hover: #79582c;--cl_btn-light-text-hover: #79582c;--cl_footer-bg: #aa8453;--cl_footer-bg-bottom:#79582c;--cl_footer-scroll:#aa8453;--cl_footer-text: #fff;--cl_footer-text-hover: #aa8453;--btn_radius: 1px;--img_radius: 0px;--img_border: #fff;--img_border-whidth:2px}.mt--0{margin-top:0!important}.mb--0{margin-bottom:0!important}.mr--0{margin-right:0!important}.ml--0{margin-left:0!important}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.pl--0{padding-left:0!important}.mblock--0{margin-block:0px}.pblock--0{padding-block:0px}.mt--10{margin-top:10px!important}.mb--10{margin-bottom:10px!important}.mr--10{margin-right:10px!important}.ml--10{margin-left:10px!important}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.pl--10{padding-left:10px!important}.mblock--10{margin-block:10px}.pblock--10{padding-block:10px}.mt--20{margin-top:20px!important}.mb--20{margin-bottom:20px!important}.mr--20{margin-right:20px!important}.ml--20{margin-left:20px!important}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.pl--20{padding-left:20px!important}.mblock--20{margin-block:20px}.pblock--20{padding-block:20px}.mt--25{margin-top:25px!important}.mb--25{margin-bottom:25px!important}.mr--25{margin-right:25px!important}.ml--25{margin-left:25px!important}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.pl--25{padding-left:25px!important}.mblock--25{margin-block:25px}.pblock--25{padding-block:25px}.mt--30{margin-top:30px!important}.mb--30{margin-bottom:30px!important}.mr--30{margin-right:30px!important}.ml--30{margin-left:30px!important}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.pl--30{padding-left:30px!important}.mblock--30{margin-block:30px}.pblock--30{padding-block:30px}.mt--40{margin-top:40px!important}.mb--40{margin-bottom:40px!important}.mr--40{margin-right:40px!important}.ml--40{margin-left:40px!important}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.pl--40{padding-left:40px!important}.mblock--40{margin-block:40px}.pblock--40{padding-block:40px}.mt--50{margin-top:50px!important}.mb--50{margin-bottom:50px!important}.mr--50{margin-right:50px!important}.ml--50{margin-left:50px!important}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.pl--50{padding-left:50px!important}.mblock--50{margin-block:50px}.pblock--50{padding-block:50px}.mt--60{margin-top:60px!important}.mb--60{margin-bottom:60px!important}.mr--60{margin-right:60px!important}.ml--60{margin-left:60px!important}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.pl--60{padding-left:60px!important}.mblock--60{margin-block:60px}.pblock--60{padding-block:60px}.mt--70{margin-top:70px!important}.mb--70{margin-bottom:70px!important}.mr--70{margin-right:70px!important}.ml--70{margin-left:70px!important}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.pl--70{padding-left:70px!important}.mblock--70{margin-block:70px}.pblock--70{padding-block:70px}.mt--80{margin-top:80px!important}.mb--80{margin-bottom:80px!important}.mr--80{margin-right:80px!important}.ml--80{margin-left:80px!important}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.pl--80{padding-left:80px!important}.mblock--80{margin-block:80px}.pblock--80{padding-block:80px}.mt--90{margin-top:90px!important}.mb--90{margin-bottom:90px!important}.mr--90{margin-right:90px!important}.ml--90{margin-left:90px!important}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.pl--90{padding-left:90px!important}.mblock--90{margin-block:90px}.pblock--90{padding-block:90px}.mt--100{margin-top:100px!important}.mb--100{margin-bottom:100px!important}.mr--100{margin-right:100px!important}.ml--100{margin-left:100px!important}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.pl--100{padding-left:100px!important}.mblock--100{margin-block:100px}.pblock--100{padding-block:100px}.cs_hero.cs_style_1{height:calc(100vh + -0px);padding:100px 0 50px;max-height:1100px}@media (max-width: 991px){.cs_hero.cs_style_1{padding:100px 0;height:100vh;max-height:initial}}@media (max-width: 575px){.cs_hero.cs_style_1{min-height:500px}.cs_hero.cs_style_1 .cs_hero_title br{display:none}}.cs_bg_filed{transform:translate(0)!important}.babylon__topslider{position:relative}.cs_down_btn_2{position:absolute;height:35px;width:20px;border-radius:10px;border:2px solid var(--cl_title-light);z-index:1;bottom:14%;left:50%;margin-left:-10px}.cs_down_btn_2:before{content:\"\";height:5px;width:5px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--cl_title-light);animation:UpAndDown 3s infinite}@keyframes UpAndDown{0%,to{top:30%}50%{top:70%;opacity:.5;transform:translate(-50%,-50%) scale(.8)}}\n"] }); }
|
|
409
451
|
}
|
|
410
452
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: BabylonTopSliderComponent, decorators: [{
|
|
411
453
|
type: Component,
|
|
412
|
-
args: [{ selector: 'lib-babylon-top-slider', standalone: true, imports: [], template: "<section class=\"babylon__topslider margin-main-botom\"> \r\n <div class=\"cs_parallax_slider loading overflow-hidden position-relative\">\r\n <div class=\"swiper-wrapper\">\r\n <div class=\"swiper-slide\">\r\n <div class=\"cs_hero cs_style_1 cs_center text-center position-relative\">\r\n <figure class=\"cs_swiper_parallax_bg cs_hero_bg cs_bg_filed h-100 w-100 position-absolute top-0 start-0 mb-0\" data-src=\"/assets/babylon/fotos/top-slider-bg1.png\"></figure>\r\n <div class=\"container position-relative cs_zindex_3\">\r\n <div class=\"cs_hero_text\">\r\n <h2 class=\" pretitle_carrusel\">Bienvenido a Babylon</h2>\r\n <h1 class=\" title_carrusel\">Disfruta de un resort exclusivo frente a playas incre\u00EDbles.</h1> \r\n <div class=\"btns__box align--center\">\r\n <a href=\" \" class=\"btn btn_primary btn--light\">\r\n <b>Descubrenos</b>\r\n <span class=\"babylon-arrow-right-big\"></span> \r\n </a>\r\n </div> \r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"swiper-slide\">\r\n <div class=\"cs_hero cs_style_1 cs_center text-center position-relative\">\r\n <figure class=\"cs_swiper_parallax_bg cs_hero_bg cs_bg_filed h-100 w-100 position-absolute top-0 start-0 mb-0\" data-src=\"/assets/babylon/fotos/hero_bg_1.jpeg\"></figure>\r\n <div class=\"container position-relative cs_zindex_3\">\r\n <div class=\"cs_hero_text\">\r\n <h2 class=\" pretitle_carrusel\">Babylon Hotel</h2>\r\n <h1 class=\" title_carrusel\">Disfruta de las mejores vacaciones en familia </h1> \r\n <div class=\"btns__box align--center\">\r\n <a href=\" \" class=\"btn btn_primary btn--light\">\r\n <b>Descubrenos</b>\r\n <span class=\"babylon-arrow-right-big\"></span> \r\n </a>\r\n </div> \r\n </div>\r\n </div>\r\n </div>\r\n </div> \r\n </div>\r\n </div> \r\n <div class=\"cs_slider_navigation cs_white_color\">\r\n <div class=\"cs_swiper_button_prev\">\r\n <span class=\"babylon-arrow-left-big\"></span> \r\n </div>\r\n <div class=\"cs_swiper_button_next\">\r\n <span class=\"babylon-arrow-right-big\"></span> \r\n </div>\r\n </div>\r\n <a href=\"#about\" class=\"cs_down_btn_2\"></a>\r\n <div class=\"float-buttons\">\r\n <div class=\"float-buttons--inner\">\r\n <a href=\"\" class=\"btn-float\"><span class=\"babylon-transfer\"></span> <span class=\"text\">Transfer</span></a>\r\n <a href=\"\" class=\"btn-float\"><span class=\"babylon-tag\"></span> <span class=\"text\">Chekin online</span></a>\r\n </div> \r\n </div>\r\n</section>\r\n\r\n ", styles: [":root{--font-title: \"the-seasons\", Helvetica, sans-serif;--font-pretitle:\"Poppins\", Helvetica, sans-serif;--font-text: \"Poppins\", Helvetica, sans-serif;--font-claim: \"turbinado-pro\", Helvetica, sans-serif;--cl_corp: #24262d;--cl_accent: #aa8453;--cl_icon: #978667;--cl_icon-light: #fff;--cl_border-light: #ededed;--cl_border-dark: #d9e1e6;--cl_shadow: rgba(0, 0, 0, .1);--cl_breadcrumb: #24262d;--cl_breadcrumb-hover: #978667;--cl_preload-bg:#ededed;--cl_preload:#24262d;--cl_background_body: #fdfbf8;--cl_background_white: #fff;--cl_background_dark: #19314b;--cl_background_gray: #eee;--cl_title: #978667;--cl_subtitle: #19314b;--cl_pretitle: #19314b;--cl_text: #3c3b3b;--cl_title-light: #fff;--cl_subtitle-light: #fff;--cl_pretitle-light: #fff;--cl_text-light: #fff;--w_title: 600;--w_text: 300;--w_subtitle: 300;--w_pretitle: 300;--cl_header-bg: #494949;--cl_header-text-light: #fff;--cl_menu-bg: #19314b;--cl_menu-text: #fff;--w_btn: 400;--cl_btn-box: #19314b;--cl_btn-box-text: #19314b;--cl_btn-box-hover: #978667;--cl_btn-box-text-hover: #fff;--cl_btn-call: #19314bf2;--cl_btn-call-text: white;--cl_btn-call-hover: #978667;--cl_btn-call-text-hover: #fff;--cl_btn-link: #19314b;--cl_btn-link-hover: #978667;--cl_btn-arrow: #19314b;--cl_btn-arrow-icon: #fff;--cl_btn-arrow-hover: #978667;--cl_btn-arrow-icon-hover: #fff;--cl_btn-dots: #24262d;--cl_btn-dots-active: #978667;--cl_btn-dots-hover: #978667;--cl_btn-light: #fff;--cl_btn-light-text: #fff;--cl_btn-light-hover: #978667;--cl_btn-light-text-hover: #978667;--cl_footer-bg: #19314b;--cl_footer-bg-bottom:#0a1d31;--cl_footer-scroll:#978667;--cl_footer-text: #fff;--cl_footer-text-hover: #978667;--btn_radius: 5px;--img_radius: 5px;--img_border: #fff;--img_border-whidth:1px}.cs_dark{--cl_corp: #181818;--cl_accent: #aa8453;--cl_icon: #aa8453;--cl_icon-light: #fff;--cl_border-light: #ededed;--cl_border-dark: #d9e1e6;--cl_shadow: rgba(0, 0, 0, .1);--cl_breadcrumb: #fff;--cl_breadcrumb-hover: #aa8453;--cl_preload-bg:#ededed;--cl_preload:#24262d;--cl_background_body: #181818;--cl_background_white: transparent;--cl_background_dark: #aa8453;--cl_background_gray: #333;--cl_title: #fff;--cl_subtitle: #aa8453;--cl_pretitle: #aa8453;--cl_text: #fff;--cl_title-light: #fff;--cl_subtitle-light: #fff;--cl_pretitle-light: #fff;--cl_text-light: #fff;--cl_header-bg: #aa8453;--cl_header-text-light: #fff;--cl_menu-bg: #79582c;--cl_menu-text: #fff;--cl_btn-box: #aa8453;--cl_btn-box-text: #aa8453;--cl_btn-box-hover: #79582c;--cl_btn-box-text-hover: #fff;--cl_btn-call: #aa8453;--cl_btn-call-text: white;--cl_btn-call-hover: #79582c;--cl_btn-call-text-hover: #fff;--cl_btn-link: #aa8453;--cl_btn-link-hover: #79582c;--cl_btn-arrow: #ffffff3a;--cl_btn-arrow-icon: #fff;--cl_btn-arrow-hover: #79582c;--cl_btn-arrow-icon-hover: #fff;--cl_btn-dots: #eee;--cl_btn-dots-active: #79582c;--cl_btn-dots-hover: #79582c;--cl_btn-light: #fff;--cl_btn-light-text: #fff;--cl_btn-light-hover: #79582c;--cl_btn-light-text-hover: #79582c;--cl_footer-bg: #aa8453;--cl_footer-bg-bottom:#79582c;--cl_footer-scroll:#aa8453;--cl_footer-text: #fff;--cl_footer-text-hover: #aa8453;--btn_radius: 1px;--img_radius: 0px;--img_border: #fff;--img_border-whidth:2px}.mt--0{margin-top:0!important}.mb--0{margin-bottom:0!important}.mr--0{margin-right:0!important}.ml--0{margin-left:0!important}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.pl--0{padding-left:0!important}.mblock--0{margin-block:0px}.pblock--0{padding-block:0px}.mt--10{margin-top:10px!important}.mb--10{margin-bottom:10px!important}.mr--10{margin-right:10px!important}.ml--10{margin-left:10px!important}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.pl--10{padding-left:10px!important}.mblock--10{margin-block:10px}.pblock--10{padding-block:10px}.mt--20{margin-top:20px!important}.mb--20{margin-bottom:20px!important}.mr--20{margin-right:20px!important}.ml--20{margin-left:20px!important}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.pl--20{padding-left:20px!important}.mblock--20{margin-block:20px}.pblock--20{padding-block:20px}.mt--25{margin-top:25px!important}.mb--25{margin-bottom:25px!important}.mr--25{margin-right:25px!important}.ml--25{margin-left:25px!important}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.pl--25{padding-left:25px!important}.mblock--25{margin-block:25px}.pblock--25{padding-block:25px}.mt--30{margin-top:30px!important}.mb--30{margin-bottom:30px!important}.mr--30{margin-right:30px!important}.ml--30{margin-left:30px!important}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.pl--30{padding-left:30px!important}.mblock--30{margin-block:30px}.pblock--30{padding-block:30px}.mt--40{margin-top:40px!important}.mb--40{margin-bottom:40px!important}.mr--40{margin-right:40px!important}.ml--40{margin-left:40px!important}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.pl--40{padding-left:40px!important}.mblock--40{margin-block:40px}.pblock--40{padding-block:40px}.mt--50{margin-top:50px!important}.mb--50{margin-bottom:50px!important}.mr--50{margin-right:50px!important}.ml--50{margin-left:50px!important}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.pl--50{padding-left:50px!important}.mblock--50{margin-block:50px}.pblock--50{padding-block:50px}.mt--60{margin-top:60px!important}.mb--60{margin-bottom:60px!important}.mr--60{margin-right:60px!important}.ml--60{margin-left:60px!important}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.pl--60{padding-left:60px!important}.mblock--60{margin-block:60px}.pblock--60{padding-block:60px}.mt--70{margin-top:70px!important}.mb--70{margin-bottom:70px!important}.mr--70{margin-right:70px!important}.ml--70{margin-left:70px!important}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.pl--70{padding-left:70px!important}.mblock--70{margin-block:70px}.pblock--70{padding-block:70px}.mt--80{margin-top:80px!important}.mb--80{margin-bottom:80px!important}.mr--80{margin-right:80px!important}.ml--80{margin-left:80px!important}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.pl--80{padding-left:80px!important}.mblock--80{margin-block:80px}.pblock--80{padding-block:80px}.mt--90{margin-top:90px!important}.mb--90{margin-bottom:90px!important}.mr--90{margin-right:90px!important}.ml--90{margin-left:90px!important}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.pl--90{padding-left:90px!important}.mblock--90{margin-block:90px}.pblock--90{padding-block:90px}.mt--100{margin-top:100px!important}.mb--100{margin-bottom:100px!important}.mr--100{margin-right:100px!important}.ml--100{margin-left:100px!important}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.pl--100{padding-left:100px!important}.mblock--100{margin-block:100px}.pblock--100{padding-block:100px}.cs_hero.cs_style_1{height:calc(100vh + -0px);padding:100px 0 50px;max-height:1100px}@media (max-width: 991px){.cs_hero.cs_style_1{padding:100px 0;height:100vh;max-height:initial}}@media (max-width: 575px){.cs_hero.cs_style_1{min-height:500px}.cs_hero.cs_style_1 .cs_hero_title br{display:none}}.cs_bg_filed{transform:translate(0)!important}.babylon__topslider{position:relative}.cs_down_btn_2{position:absolute;height:35px;width:20px;border-radius:10px;border:2px solid var(--cl_title-light);z-index:1;bottom:14%;left:50%;margin-left:-10px}.cs_down_btn_2:before{content:\"\";height:5px;width:5px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--cl_title-light);animation:UpAndDown 3s infinite}@keyframes UpAndDown{0%,to{top:30%}50%{top:70%;opacity:.5;transform:translate(-50%,-50%) scale(.8)}}\n"] }]
|
|
413
|
-
}]
|
|
454
|
+
args: [{ selector: 'lib-babylon-top-slider', standalone: true, imports: [], template: "<section class=\"babylon__topslider margin-main-botom\"> \r\n <div class=\"cs_parallax_slider loading overflow-hidden position-relative\">\r\n <div class=\"swiper-wrapper\">\r\n <div class=\"swiper-slide\">\r\n <div class=\"cs_hero cs_style_1 cs_center text-center position-relative\">\r\n <figure class=\"cs_swiper_parallax_bg cs_hero_bg cs_bg_filed h-100 w-100 position-absolute top-0 start-0 mb-0\" [attr.data-src]=\"getImagePath()\"></figure>\r\n <div class=\"container position-relative cs_zindex_3\">\r\n <div class=\"cs_hero_text\">\r\n <h2 class=\" pretitle_carrusel\">{{ pretitle }}</h2>\r\n <h1 class=\" title_carrusel\">{{ title }}</h1> \r\n <div class=\"btns__box align--center\">\r\n <!-- <a href=\" \" class=\"btn btn_primary btn--light\">\r\n <b>Descubrenos</b>\r\n <span class=\"babylon-arrow-right-big\"></span> \r\n </a> -->\r\n </div> \r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"swiper-slide\">\r\n <div class=\"cs_hero cs_style_1 cs_center text-center position-relative\">\r\n <figure class=\"cs_swiper_parallax_bg cs_hero_bg cs_bg_filed h-100 w-100 position-absolute top-0 start-0 mb-0\" [attr.data-src]=\"getImagePath()\"></figure>\r\n <div class=\"container position-relative cs_zindex_3\">\r\n <div class=\"cs_hero_text\">\r\n <h2 class=\" pretitle_carrusel\">{{ pretitleSlider }}</h2>\r\n <h1 class=\" title_carrusel\">{{ titleSlider }}</h1> \r\n <div class=\"btns__box align--center\">\r\n <!-- <a href=\" \" class=\"btn btn_primary btn--light\">\r\n <b>Descubrenos</b>\r\n <span class=\"babylon-arrow-right-big\"></span> \r\n </a> -->\r\n </div> \r\n </div>\r\n </div>\r\n </div>\r\n </div> \r\n </div>\r\n </div> \r\n <div class=\"cs_slider_navigation cs_white_color\">\r\n <div class=\"cs_swiper_button_prev\">\r\n <span class=\"babylon-arrow-left-big\"></span> \r\n </div>\r\n <div class=\"cs_swiper_button_next\">\r\n <span class=\"babylon-arrow-right-big\"></span> \r\n </div>\r\n </div>\r\n <a href=\"#about\" class=\"cs_down_btn_2\"></a>\r\n <div class=\"float-buttons\">\r\n <div class=\"float-buttons--inner\">\r\n <a href=\"\" class=\"btn-float\"><span class=\"babylon-transfer\"></span> <span class=\"text\">Transfer</span></a>\r\n <a href=\"\" class=\"btn-float\"><span class=\"babylon-envelope\"></span> <span class=\"text\">Chekin online</span></a>\r\n </div> \r\n </div>\r\n</section>\r\n\r\n ", styles: [":root{--font-title: \"the-seasons\", Helvetica, sans-serif;--font-pretitle:\"Poppins\", Helvetica, sans-serif;--font-text: \"Poppins\", Helvetica, sans-serif;--font-claim: \"turbinado-pro\", Helvetica, sans-serif;--cl_corp: #24262d;--cl_accent: #aa8453;--cl_icon: #978667;--cl_icon-light: #fff;--cl_border-light: #ededed;--cl_border-dark: #d9e1e6;--cl_shadow: rgba(0, 0, 0, .1);--cl_breadcrumb: #24262d;--cl_breadcrumb-hover: #978667;--cl_preload-bg:#ededed;--cl_preload:#24262d;--cl_background_body: #fdfbf8;--cl_background_white: #fff;--cl_background_dark: #19314b;--cl_background_gray: #eee;--cl_title: #978667;--cl_subtitle: #19314b;--cl_pretitle: #19314b;--cl_text: #3c3b3b;--cl_title-light: #fff;--cl_subtitle-light: #fff;--cl_pretitle-light: #fff;--cl_text-light: #fff;--w_title: 600;--w_text: 300;--w_subtitle: 300;--w_pretitle: 300;--cl_header-bg: #494949;--cl_header-text-light: #fff;--cl_menu-bg: #19314b;--cl_menu-text: #fff;--w_btn: 400;--cl_btn-box: #19314b;--cl_btn-box-text: #19314b;--cl_btn-box-hover: #978667;--cl_btn-box-text-hover: #fff;--cl_btn-call: #19314bf2;--cl_btn-call-text: white;--cl_btn-call-hover: #978667;--cl_btn-call-text-hover: #fff;--cl_btn-link: #19314b;--cl_btn-link-hover: #978667;--cl_btn-arrow: #19314b;--cl_btn-arrow-icon: #fff;--cl_btn-arrow-hover: #978667;--cl_btn-arrow-icon-hover: #fff;--cl_btn-dots: #24262d;--cl_btn-dots-active: #978667;--cl_btn-dots-hover: #978667;--cl_btn-light: #fff;--cl_btn-light-text: #fff;--cl_btn-light-hover: #978667;--cl_btn-light-text-hover: #978667;--cl_footer-bg: #19314b;--cl_footer-bg-bottom:#0a1d31;--cl_footer-scroll:#978667;--cl_footer-text: #fff;--cl_footer-text-hover: #978667;--btn_radius: 5px;--img_radius: 5px;--img_border: #fff;--img_border-whidth:1px}.cs_dark{--cl_corp: #181818;--cl_accent: #aa8453;--cl_icon: #aa8453;--cl_icon-light: #fff;--cl_border-light: #ededed;--cl_border-dark: #d9e1e6;--cl_shadow: rgba(0, 0, 0, .1);--cl_breadcrumb: #fff;--cl_breadcrumb-hover: #aa8453;--cl_preload-bg:#ededed;--cl_preload:#24262d;--cl_background_body: #181818;--cl_background_white: transparent;--cl_background_dark: #aa8453;--cl_background_gray: #333;--cl_title: #fff;--cl_subtitle: #aa8453;--cl_pretitle: #aa8453;--cl_text: #fff;--cl_title-light: #fff;--cl_subtitle-light: #fff;--cl_pretitle-light: #fff;--cl_text-light: #fff;--cl_header-bg: #aa8453;--cl_header-text-light: #fff;--cl_menu-bg: #79582c;--cl_menu-text: #fff;--cl_btn-box: #aa8453;--cl_btn-box-text: #aa8453;--cl_btn-box-hover: #79582c;--cl_btn-box-text-hover: #fff;--cl_btn-call: #aa8453;--cl_btn-call-text: white;--cl_btn-call-hover: #79582c;--cl_btn-call-text-hover: #fff;--cl_btn-link: #aa8453;--cl_btn-link-hover: #79582c;--cl_btn-arrow: #ffffff3a;--cl_btn-arrow-icon: #fff;--cl_btn-arrow-hover: #79582c;--cl_btn-arrow-icon-hover: #fff;--cl_btn-dots: #eee;--cl_btn-dots-active: #79582c;--cl_btn-dots-hover: #79582c;--cl_btn-light: #fff;--cl_btn-light-text: #fff;--cl_btn-light-hover: #79582c;--cl_btn-light-text-hover: #79582c;--cl_footer-bg: #aa8453;--cl_footer-bg-bottom:#79582c;--cl_footer-scroll:#aa8453;--cl_footer-text: #fff;--cl_footer-text-hover: #aa8453;--btn_radius: 1px;--img_radius: 0px;--img_border: #fff;--img_border-whidth:2px}.mt--0{margin-top:0!important}.mb--0{margin-bottom:0!important}.mr--0{margin-right:0!important}.ml--0{margin-left:0!important}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.pl--0{padding-left:0!important}.mblock--0{margin-block:0px}.pblock--0{padding-block:0px}.mt--10{margin-top:10px!important}.mb--10{margin-bottom:10px!important}.mr--10{margin-right:10px!important}.ml--10{margin-left:10px!important}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.pl--10{padding-left:10px!important}.mblock--10{margin-block:10px}.pblock--10{padding-block:10px}.mt--20{margin-top:20px!important}.mb--20{margin-bottom:20px!important}.mr--20{margin-right:20px!important}.ml--20{margin-left:20px!important}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.pl--20{padding-left:20px!important}.mblock--20{margin-block:20px}.pblock--20{padding-block:20px}.mt--25{margin-top:25px!important}.mb--25{margin-bottom:25px!important}.mr--25{margin-right:25px!important}.ml--25{margin-left:25px!important}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.pl--25{padding-left:25px!important}.mblock--25{margin-block:25px}.pblock--25{padding-block:25px}.mt--30{margin-top:30px!important}.mb--30{margin-bottom:30px!important}.mr--30{margin-right:30px!important}.ml--30{margin-left:30px!important}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.pl--30{padding-left:30px!important}.mblock--30{margin-block:30px}.pblock--30{padding-block:30px}.mt--40{margin-top:40px!important}.mb--40{margin-bottom:40px!important}.mr--40{margin-right:40px!important}.ml--40{margin-left:40px!important}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.pl--40{padding-left:40px!important}.mblock--40{margin-block:40px}.pblock--40{padding-block:40px}.mt--50{margin-top:50px!important}.mb--50{margin-bottom:50px!important}.mr--50{margin-right:50px!important}.ml--50{margin-left:50px!important}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.pl--50{padding-left:50px!important}.mblock--50{margin-block:50px}.pblock--50{padding-block:50px}.mt--60{margin-top:60px!important}.mb--60{margin-bottom:60px!important}.mr--60{margin-right:60px!important}.ml--60{margin-left:60px!important}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.pl--60{padding-left:60px!important}.mblock--60{margin-block:60px}.pblock--60{padding-block:60px}.mt--70{margin-top:70px!important}.mb--70{margin-bottom:70px!important}.mr--70{margin-right:70px!important}.ml--70{margin-left:70px!important}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.pl--70{padding-left:70px!important}.mblock--70{margin-block:70px}.pblock--70{padding-block:70px}.mt--80{margin-top:80px!important}.mb--80{margin-bottom:80px!important}.mr--80{margin-right:80px!important}.ml--80{margin-left:80px!important}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.pl--80{padding-left:80px!important}.mblock--80{margin-block:80px}.pblock--80{padding-block:80px}.mt--90{margin-top:90px!important}.mb--90{margin-bottom:90px!important}.mr--90{margin-right:90px!important}.ml--90{margin-left:90px!important}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.pl--90{padding-left:90px!important}.mblock--90{margin-block:90px}.pblock--90{padding-block:90px}.mt--100{margin-top:100px!important}.mb--100{margin-bottom:100px!important}.mr--100{margin-right:100px!important}.ml--100{margin-left:100px!important}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.pl--100{padding-left:100px!important}.mblock--100{margin-block:100px}.pblock--100{padding-block:100px}.cs_hero.cs_style_1{height:calc(100vh + -0px);padding:100px 0 50px;max-height:1100px}@media (max-width: 991px){.cs_hero.cs_style_1{padding:100px 0;height:100vh;max-height:initial}}@media (max-width: 575px){.cs_hero.cs_style_1{min-height:500px}.cs_hero.cs_style_1 .cs_hero_title br{display:none}}.cs_bg_filed{transform:translate(0)!important}.babylon__topslider{position:relative}.cs_down_btn_2{position:absolute;height:35px;width:20px;border-radius:10px;border:2px solid var(--cl_title-light);z-index:1;bottom:14%;left:50%;margin-left:-10px}.cs_down_btn_2:before{content:\"\";height:5px;width:5px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--cl_title-light);animation:UpAndDown 3s infinite}@keyframes UpAndDown{0%,to{top:30%}50%{top:70%;opacity:.5;transform:translate(-50%,-50%) scale(.8)}}\n"] }]
|
|
455
|
+
}], propDecorators: { pretitle: [{
|
|
456
|
+
type: Input
|
|
457
|
+
}], title: [{
|
|
458
|
+
type: Input
|
|
459
|
+
}], pretitleSlider: [{
|
|
460
|
+
type: Input
|
|
461
|
+
}], titleSlider: [{
|
|
462
|
+
type: Input
|
|
463
|
+
}], img: [{
|
|
464
|
+
type: Input
|
|
465
|
+
}], imgSlider: [{
|
|
466
|
+
type: Input
|
|
467
|
+
}] } });
|
|
414
468
|
|
|
415
469
|
class BabylonTopSliderThumbsComponent {
|
|
416
470
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: BabylonTopSliderThumbsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|