ctt-babylon 0.11.0 → 0.11.1
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/fesm2022/ctt-babylon.mjs
CHANGED
|
@@ -2718,7 +2718,6 @@ class MapperService {
|
|
|
2718
2718
|
return bodyMapped;
|
|
2719
2719
|
}
|
|
2720
2720
|
mapGlobals(component) {
|
|
2721
|
-
console.log('Mapping global component:', component);
|
|
2722
2721
|
const { props } = component;
|
|
2723
2722
|
let result = {
|
|
2724
2723
|
texts: props?.texts,
|
|
@@ -2764,7 +2763,6 @@ class MapperService {
|
|
|
2764
2763
|
hotels: this.mapHotelsGlobal(props.hotels),
|
|
2765
2764
|
consultTypes: this.mapConsultTypesGlobal(props.consultTypes),
|
|
2766
2765
|
};
|
|
2767
|
-
console.log('Mapped global component result:', result);
|
|
2768
2766
|
return result;
|
|
2769
2767
|
}
|
|
2770
2768
|
mapConsultTypesGlobal(consults) {
|
|
@@ -2863,7 +2861,7 @@ class MapperService {
|
|
|
2863
2861
|
return events?.map((item) => ({
|
|
2864
2862
|
buttons: Utils.mapButtons(item?.buttons),
|
|
2865
2863
|
links: Utils.mapButtons(item?.links),
|
|
2866
|
-
|
|
2864
|
+
img: this.getImageResponsive(item?.multimedia?.[0], false),
|
|
2867
2865
|
name: item?.name ?? item?.name_identifier,
|
|
2868
2866
|
price: item?.price,
|
|
2869
2867
|
texts: {
|
|
@@ -15738,11 +15736,11 @@ class C4SliC2TxtImgComponent {
|
|
|
15738
15736
|
this.swiper?.destroy(true, true);
|
|
15739
15737
|
}
|
|
15740
15738
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: C4SliC2TxtImgComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
15741
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: C4SliC2TxtImgComponent, isStandalone: true, selector: "ces-c4-sli-c2-txt-img", inputs: { items: "items", texts: "texts" }, viewQueries: [{ propertyName: "swiperRoot", first: true, predicate: ["swiperRoot"], descendants: true }], ngImport: i0, template: "<section class=\"mdl-experiencias\">\n <div class=\"container\">\n @if (texts) {\n <div class=\"header-module\">\n @if (texts.title || texts.subtitle) {\n <h2 [innerHTML]=\"texts.title\">\n <br />\n <span [innerHTML]=\"texts.subtitle\"></span>\n </h2>\n }\n @if (texts.description) {\n <p [innerText]=\"texts.description\"></p>\n }\n </div>\n }\n\n @if (items?.length) {\n <div class=\"swiper experiencias-swiper\" #swiperRoot>\n <div class=\"swiper-wrapper\">\n @for (slide of items; track $index) {\n @if (slide) {\n <div class=\"swiper-slide experiencia\">\n <div class=\"content-slide\">\n <div class=\"imagen\">\n <img\n [src]=\"slide.images?.[0]?.src\"\n [alt]=\"slide.images?.[0]?.alt\"\n />\n </div>\n <div class=\"arrows-navigation\">\n <div\n class=\"swiper-button-prev mobile prev fill\"\n role=\"button\"\n tabindex=\"0\"\n (click)=\"slidePrev()\"\n >\n <svg\n width=\"8\"\n height=\"14\"\n viewBox=\"0 0 8 14\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M6.84717 0.5L0.707031 6.64014L6.84717 12.7798\"\n stroke=\"#B7985D\"\n stroke-linecap=\"round\"\n />\n </svg>\n </div>\n <div\n class=\"swiper-button-next mobile prev fill\"\n role=\"button\"\n tabindex=\"0\"\n (click)=\"slideNext()\"\n >\n <svg\n width=\"8\"\n height=\"14\"\n viewBox=\"0 0 8 14\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M0.500488 0.5L6.64062 6.64014L0.500488 12.7798\"\n stroke=\"#B7985D\"\n stroke-linecap=\"round\"\n />\n </svg>\n </div>\n </div>\n @if (slide.texts) {\n <div class=\"texto\">\n @if (slide.texts.title) {\n <h3\n [innerHTML]=\"\n slide.texts.title\n \"\n ></h3>\n }\n @if (slide.texts.subtitle) {\n <h4\n [innerHTML]=\"\n slide.texts.subtitle\n \"\n ></h4>\n }\n\n @if (slide.texts.description) {\n <div class=\"content-texto\">\n <p\n [innerHTML]=\"\n slide.texts\n .description\n \"\n ></p>\n </div>\n }\n @if (slide.buttons?.length) {\n <a\n [href]=\"\n slide.buttons?.[0]?.url\n \"\n [linkType]=\"\n slide.buttons?.[0]\n ?.linkType\n \"\n class=\"m-button-clean\"\n [attr.aria-label]=\"\n slide.buttons?.[0]\n ?.label ||\n slide.buttons?.[0]?.name\n \"\n >\n {{\n slide.buttons?.[0]\n ?.label ||\n slide.buttons?.[0]\n ?.name\n }}\n <svg\n width=\"50\"\n height=\"6\"\n viewBox=\"0 0 50 6\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M45.875 0L49.875 2.8L45.875 5.6V0Z\"\n fill=\"#B7985D\"\n ></path>\n <path\n d=\"M48.875 2.80078H0.375\"\n stroke=\"#B7985D\"\n stroke-width=\"0.75\"\n stroke-linecap=\"round\"\n ></path>\n </svg>\n </a>\n }\n </div>\n }\n </div>\n </div>\n }\n }\n </div>\n\n <div class=\"swiper-button-prev desktop\"></div>\n <div class=\"swiper-button-next desktop\"></div>\n </div>\n }\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.m-swiper-button{width:3.9rem;height:3.9rem;display:flex;align-items:center;justify-content:center;transition:.3s}.m-swiper-button.fill{border:1px solid #b7985d}.m-swiper-button.fill:hover{background-color:#b7985d;transition:.3s}.m-swiper-button.fill:hover svg{filter:brightness(250%)}.m-button{font-family:josefinsans,sans-serif!important;font-weight:400!important;font-size:1.6rem;line-height:100%!important;letter-spacing:4%!important;text-transform:uppercase!important;border:1px solid #b7985d;padding:1.2rem 4.6rem .6rem;color:#b7985d;transition:.3s}.m-button:hover{background-color:#b7985d;transition:.3s;color:#fff}.m-button-clean{font-family:josefinsans,sans-serif!important;font-weight:400!important;font-size:1.6rem;line-height:100%!important;letter-spacing:4%!important;text-transform:uppercase!important;font-size:1.3rem;color:#b7985d;display:flex;gap:2.5rem;white-space:nowrap;align-items:center}.m-button-clean svg{transition:clip-path .3s ease;clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%)}.m-button-clean:hover{transition:.3s;color:#9d793f}.m-button-clean:hover svg{clip-path:polygon(30% 0%,100% 0%,100% 100%,30% 100%)}.m-button-clean:hover svg path{color:#9d793f;fill:#9d793f}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__container{background-color:#0000!important}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-experiencias{padding:6rem 0;background-color:#fff;font-family:Inter,sans-serif;max-width:144rem;margin:auto}.mdl-experiencias .header-module{text-align:left;max-width:54.6rem;margin:auto;margin-bottom:4rem}.mdl-experiencias .header-module h2{font-family:bentham,sans-serif;font-weight:400;font-size:4rem;line-height:4rem;color:#b7985d;margin-bottom:10px}.mdl-experiencias .header-module p{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:2.2rem}@media (max-width: 768px){.mdl-experiencias .header-module p{line-height:2.4rem}}.mdl-experiencias .header-module p{color:#54565a;margin:0 auto;margin-left:8.9rem;width:calc(100% - 8.9rem)}.mdl-experiencias .experiencias-swiper{padding:0 0 0 6rem;position:relative}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia{display:flex;align-items:flex-start;justify-content:space-between}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide{display:flex;align-items:flex-start;justify-content:space-between;gap:4rem}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .imagen{position:relative}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .imagen:before{content:\"\";display:block;position:absolute;top:-1px;right:-1px;background-color:#fff;width:47%;height:3rem}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .imagen img{width:100%;height:auto}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto h3{font-family:josefinsans,sans-serif;font-weight:300;font-size:3.7rem;line-height:100%;color:#b7985d;margin-bottom:5px}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto h4{font-family:josefinsans,sans-serif;font-weight:300;font-size:2.3rem;line-height:100%;margin-bottom:20px;color:#54565a}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto{padding-left:6.3rem}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto ul{list-style:none;margin-bottom:20px;color:#54565a}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto ul li{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:2.8rem;padding-left:0}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto ul li:before{content:none}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto .nota,.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto .precio{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:2.8rem;margin-bottom:20px}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto .btn-reservar{display:inline-block;font-size:13px;letter-spacing:1px;color:#b28b4e;text-decoration:none;border-bottom:1px solid #b28b4e;padding-bottom:3px}.mdl-experiencias .swiper-button-prev,.mdl-experiencias .swiper-button-next{color:#fcfaf8}.mdl-experiencias .swiper-button-prev:not(.mobile),.mdl-experiencias .swiper-button-next:not(.mobile){color:#b28b4e}.mdl-experiencias .swiper-button-prev,.mdl-experiencias .swiper-button-next{border:1px solid #b28b4e;width:34px;height:34px;top:0;margin-top:0}.mdl-experiencias .swiper-button-prev svg,.mdl-experiencias .swiper-button-next svg{height:1.2rem;position:absolute}.mdl-experiencias .swiper-button-prev:hover,.mdl-experiencias .swiper-button-next:hover{color:#fff}.mdl-experiencias .swiper-button-prev:hover svg path,.mdl-experiencias .swiper-button-next:hover svg path{color:#fff;fill:#fff}.mdl-experiencias .swiper-button-prev:hover,.mdl-experiencias .swiper-button-next:hover{background-color:#b7985d;transition:.3s}.mdl-experiencias .swiper-button-prev:hover:after svg,.mdl-experiencias .swiper-button-next:hover:after svg{color:#fff;fill:#fff}.mdl-experiencias .swiper-button-prev:hover:after svg path,.mdl-experiencias .swiper-button-next:hover:after svg path{color:#fff;fill:#fff}.mdl-experiencias .swiper-button-prev.mobile,.mdl-experiencias .swiper-button-next.mobile{display:none}.mdl-experiencias .swiper-button-prev:after,.mdl-experiencias .swiper-button-next:after{font-size:1.2rem}@media (max-width: 1080px){.mdl-experiencias .experiencias-swiper{padding:0;max-width:calc(100% - 5rem)}.mdl-experiencias .experiencias-swiper .experiencia .content-slide{flex-direction:column;align-items:center;width:100%;gap:1.6rem!important}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .imagen{width:100%}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .texto{position:relative;width:100%;max-width:42rem;margin:auto}.mdl-experiencias .arrows-navigation{position:relative;width:100%;transform:translate3d(0,1.6rem,0)}.mdl-experiencias .swiper-button-prev.mobile,.mdl-experiencias .swiper-button-next.mobile{display:flex}.mdl-experiencias .swiper-button-prev.desktop,.mdl-experiencias .swiper-button-next.desktop{display:none}}@media (max-width: 800px){.mdl-experiencias .experiencias-swiper{max-width:100%}}@media (max-width: 600px){.mdl-experiencias .header-module{text-align:left;max-width:calc(100% - 7.4rem);margin:auto;margin-bottom:4rem}.mdl-experiencias .header-module h2{font-family:bentham,sans-serif;font-weight:400;font-size:4rem;line-height:4rem;color:#b7985d;margin-bottom:10px}.mdl-experiencias .header-module p{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:2.2rem;color:#54565a;margin:0 auto;width:100%}}@media (max-width: 600px) and (max-width: 768px){.mdl-experiencias .header-module p{line-height:2.4rem}}@media (max-width: 600px){.mdl-experiencias .experiencias-swiper{padding:0;max-width:100%}.mdl-experiencias .experiencias-swiper .experiencia .content-slide{flex-direction:column;align-items:center;width:100%;gap:1.6rem!important}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .imagen{width:100%}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .texto{position:relative;width:100%;max-width:calc(100% - 7.4rem);margin:auto}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .texto .content-texto{padding-left:0!important}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .texto .content-texto ul li{padding-left:0}.mdl-experiencias .arrows-navigation{position:relative;width:100%;display:flex;flex-direction:row;gap:1.5rem;max-width:calc(100% - 7.4rem);margin:auto;margin-bottom:3.3rem}.mdl-experiencias .swiper-button-prev,.mdl-experiencias .swiper-button-next{position:relative;left:inherit;right:inherit}.mdl-experiencias .swiper-button-prev.mobile,.mdl-experiencias .swiper-button-next.mobile{display:flex}.mdl-experiencias .swiper-button-prev.desktop,.mdl-experiencias .swiper-button-next.desktop{display:none}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup"], outputs: ["anchorClicked"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
15739
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: C4SliC2TxtImgComponent, isStandalone: true, selector: "ces-c4-sli-c2-txt-img", inputs: { items: "items", texts: "texts" }, viewQueries: [{ propertyName: "swiperRoot", first: true, predicate: ["swiperRoot"], descendants: true }], ngImport: i0, template: "<section class=\"mdl-experiencias\">\n <div class=\"container\">\n @if (texts) {\n <div class=\"header-module\">\n @if (texts.title || texts.subtitle) {\n <h2 [innerHTML]=\"texts.title\">\n <br />\n <span [innerHTML]=\"texts.subtitle\"></span>\n </h2>\n }\n @if (texts.description) {\n <p [innerText]=\"texts.description\"></p>\n }\n </div>\n }\n\n @if (items?.length) {\n <div class=\"swiper experiencias-swiper\" #swiperRoot>\n <div class=\"swiper-wrapper\">\n @for (slide of items; track $index) {\n @if (slide) {\n <div class=\"swiper-slide experiencia\">\n <div class=\"content-slide\">\n <div class=\"imagen\">\n <img\n [src]=\"slide.img?.src\"\n [alt]=\"slide.img?.alt\"\n />\n </div>\n <div class=\"arrows-navigation\">\n <div\n class=\"swiper-button-prev mobile prev fill\"\n role=\"button\"\n tabindex=\"0\"\n (click)=\"slidePrev()\"\n >\n <svg\n width=\"8\"\n height=\"14\"\n viewBox=\"0 0 8 14\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M6.84717 0.5L0.707031 6.64014L6.84717 12.7798\"\n stroke=\"#B7985D\"\n stroke-linecap=\"round\"\n />\n </svg>\n </div>\n <div\n class=\"swiper-button-next mobile prev fill\"\n role=\"button\"\n tabindex=\"0\"\n (click)=\"slideNext()\"\n >\n <svg\n width=\"8\"\n height=\"14\"\n viewBox=\"0 0 8 14\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M0.500488 0.5L6.64062 6.64014L0.500488 12.7798\"\n stroke=\"#B7985D\"\n stroke-linecap=\"round\"\n />\n </svg>\n </div>\n </div>\n @if (slide.texts) {\n <div class=\"texto\">\n @if (slide.texts.title) {\n <h3\n [innerHTML]=\"\n slide.texts.title\n \"\n ></h3>\n }\n @if (slide.texts.subtitle) {\n <h4\n [innerHTML]=\"\n slide.texts.subtitle\n \"\n ></h4>\n }\n\n @if (slide.texts.description) {\n <div class=\"content-texto\">\n <p\n class=\"m-texto\"\n [innerHTML]=\"\n slide.texts\n .description\n \"\n ></p>\n </div>\n }\n @if (slide.buttons?.length) {\n <a\n [href]=\"\n slide.buttons?.[0]?.url\n \"\n [linkType]=\"\n slide.buttons?.[0]\n ?.linkType\n \"\n class=\"m-button-clean\"\n [attr.aria-label]=\"\n slide.buttons?.[0]\n ?.label ||\n slide.buttons?.[0]?.name\n \"\n >\n {{\n slide.buttons?.[0]\n ?.label ||\n slide.buttons?.[0]\n ?.name\n }}\n <svg\n width=\"50\"\n height=\"6\"\n viewBox=\"0 0 50 6\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M45.875 0L49.875 2.8L45.875 5.6V0Z\"\n fill=\"#B7985D\"\n ></path>\n <path\n d=\"M48.875 2.80078H0.375\"\n stroke=\"#B7985D\"\n stroke-width=\"0.75\"\n stroke-linecap=\"round\"\n ></path>\n </svg>\n </a>\n }\n </div>\n }\n </div>\n </div>\n }\n }\n </div>\n\n <div class=\"swiper-button-prev desktop\"></div>\n <div class=\"swiper-button-next desktop\"></div>\n </div>\n }\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.m-swiper-button{width:3.9rem;height:3.9rem;display:flex;align-items:center;justify-content:center;transition:.3s}.m-swiper-button.fill{border:1px solid #b7985d}.m-swiper-button.fill:hover{background-color:#b7985d;transition:.3s}.m-swiper-button.fill:hover svg{filter:brightness(250%)}.m-button{font-family:josefinsans,sans-serif!important;font-weight:400!important;font-size:1.6rem;line-height:100%!important;letter-spacing:4%!important;text-transform:uppercase!important;border:1px solid #b7985d;padding:1.2rem 4.6rem .6rem;color:#b7985d;transition:.3s}.m-button:hover{background-color:#b7985d;transition:.3s;color:#fff}.m-button-clean{font-family:josefinsans,sans-serif!important;font-weight:400!important;font-size:1.6rem;line-height:100%!important;letter-spacing:4%!important;text-transform:uppercase!important;font-size:1.3rem;color:#b7985d;display:flex;gap:2.5rem;white-space:nowrap;align-items:center}.m-button-clean svg{transition:clip-path .3s ease;clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%)}.m-button-clean:hover{transition:.3s;color:#9d793f}.m-button-clean:hover svg{clip-path:polygon(30% 0%,100% 0%,100% 100%,30% 100%)}.m-button-clean:hover svg path{color:#9d793f;fill:#9d793f}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__container{background-color:#0000!important}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-experiencias{padding:6rem 0;background-color:#fff;font-family:Inter,sans-serif;max-width:144rem;margin:auto}.mdl-experiencias .header-module{text-align:left;max-width:54.6rem;margin:auto;margin-bottom:4rem}.mdl-experiencias .header-module h2{font-family:bentham,sans-serif;font-weight:400;font-size:4rem;line-height:4rem;color:#b7985d;margin-bottom:10px}.mdl-experiencias .header-module p{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:2.2rem}@media (max-width: 768px){.mdl-experiencias .header-module p{line-height:2.4rem}}.mdl-experiencias .header-module p{color:#54565a;margin:0 auto;margin-left:8.9rem;width:calc(100% - 8.9rem)}.mdl-experiencias .experiencias-swiper{padding:0 0 0 6rem;position:relative}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia{display:flex;align-items:flex-start;justify-content:space-between}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide{display:flex;align-items:flex-start;justify-content:space-between;gap:4rem}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .imagen{position:relative}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .imagen:before{content:\"\";display:block;position:absolute;top:-1px;right:-1px;background-color:#fff;width:47%;height:3rem}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .imagen img{width:100%;height:auto}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto h3{font-family:josefinsans,sans-serif;font-weight:300;font-size:3.7rem;line-height:100%;color:#b7985d;margin-bottom:5px}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto h4{font-family:josefinsans,sans-serif;font-weight:300;font-size:2.3rem;line-height:100%;margin-bottom:20px;color:#54565a}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto ul{list-style:none;margin-bottom:20px;color:#54565a}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto ul li{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:2.8rem;padding-left:0}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto ul li:before{content:none}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto p.m-texto{margin:30px}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto p,.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto li{font-family:var(--font-text);font-weight:400;font-size:1.4rem;line-height:2.2rem;color:#54565a}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto .nota,.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto .precio{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:2.8rem;margin-bottom:20px}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto .btn-reservar{display:inline-block;font-size:13px;letter-spacing:1px;color:#b28b4e;text-decoration:none;border-bottom:1px solid #b28b4e;padding-bottom:3px}.mdl-experiencias .swiper-button-prev,.mdl-experiencias .swiper-button-next{color:#fcfaf8}.mdl-experiencias .swiper-button-prev:not(.mobile),.mdl-experiencias .swiper-button-next:not(.mobile){color:#b28b4e}.mdl-experiencias .swiper-button-prev,.mdl-experiencias .swiper-button-next{border:1px solid #b28b4e;width:34px;height:34px;top:0;margin-top:0}.mdl-experiencias .swiper-button-prev svg,.mdl-experiencias .swiper-button-next svg{height:1.2rem;position:absolute}.mdl-experiencias .swiper-button-prev:hover,.mdl-experiencias .swiper-button-next:hover{color:#fff}.mdl-experiencias .swiper-button-prev:hover svg path,.mdl-experiencias .swiper-button-next:hover svg path{color:#fff;fill:#fff}.mdl-experiencias .swiper-button-prev:hover,.mdl-experiencias .swiper-button-next:hover{background-color:#b7985d;transition:.3s}.mdl-experiencias .swiper-button-prev:hover:after svg,.mdl-experiencias .swiper-button-next:hover:after svg{color:#fff;fill:#fff}.mdl-experiencias .swiper-button-prev:hover:after svg path,.mdl-experiencias .swiper-button-next:hover:after svg path{color:#fff;fill:#fff}.mdl-experiencias .swiper-button-prev.mobile,.mdl-experiencias .swiper-button-next.mobile{display:none}.mdl-experiencias .swiper-button-prev:after,.mdl-experiencias .swiper-button-next:after{font-size:1.2rem}@media (max-width: 1080px){.mdl-experiencias .experiencias-swiper{padding:0;max-width:calc(100% - 5rem)}.mdl-experiencias .experiencias-swiper .experiencia .content-slide{flex-direction:column;align-items:center;width:100%;gap:1.6rem!important}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .imagen{width:100%}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .texto{position:relative;width:100%;max-width:42rem;margin:auto}.mdl-experiencias .arrows-navigation{position:relative;width:100%;transform:translate3d(0,1.6rem,0)}.mdl-experiencias .swiper-button-prev.mobile,.mdl-experiencias .swiper-button-next.mobile{display:flex}.mdl-experiencias .swiper-button-prev.desktop,.mdl-experiencias .swiper-button-next.desktop{display:none}}@media (max-width: 1024px){.mdl-experiencias .experiencias-swiper h3{padding:0 30px;text-align:center}}@media (max-width: 800px){.mdl-experiencias .experiencias-swiper{max-width:100%}}@media (max-width: 600px){.mdl-experiencias .header-module{text-align:left;max-width:calc(100% - 7.4rem);margin:auto;margin-bottom:4rem}.mdl-experiencias .header-module h2{font-family:bentham,sans-serif;font-weight:400;font-size:4rem;line-height:4rem;color:#b7985d;margin-bottom:10px}.mdl-experiencias .header-module p{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:2.2rem;color:#54565a;margin:0 auto;width:100%}}@media (max-width: 600px) and (max-width: 768px){.mdl-experiencias .header-module p{line-height:2.4rem}}@media (max-width: 600px){.mdl-experiencias .experiencias-swiper{padding:0;max-width:100%}.mdl-experiencias .experiencias-swiper .experiencia .content-slide{flex-direction:column;align-items:center;width:100%;gap:1.6rem!important}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .imagen{width:100%}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .texto{position:relative;width:100%;max-width:calc(100% - 7.4rem);margin:auto}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .texto .content-texto{padding-left:0!important}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .texto .content-texto ul li{padding-left:0}.mdl-experiencias .arrows-navigation{position:relative;width:100%;display:flex;flex-direction:row;gap:1.5rem;max-width:calc(100% - 7.4rem);margin:auto;margin-bottom:3.3rem}.mdl-experiencias .swiper-button-prev,.mdl-experiencias .swiper-button-next{position:relative;left:inherit;right:inherit}.mdl-experiencias .swiper-button-prev.mobile,.mdl-experiencias .swiper-button-next.mobile{display:flex}.mdl-experiencias .swiper-button-prev.desktop,.mdl-experiencias .swiper-button-next.desktop{display:none}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup"], outputs: ["anchorClicked"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
15742
15740
|
}
|
|
15743
15741
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: C4SliC2TxtImgComponent, decorators: [{
|
|
15744
15742
|
type: Component,
|
|
15745
|
-
args: [{ selector: 'ces-c4-sli-c2-txt-img', standalone: true, imports: [CommonModule, BabylonLinkTypeDirective], encapsulation: ViewEncapsulation.None, template: "<section class=\"mdl-experiencias\">\n <div class=\"container\">\n @if (texts) {\n <div class=\"header-module\">\n @if (texts.title || texts.subtitle) {\n <h2 [innerHTML]=\"texts.title\">\n <br />\n <span [innerHTML]=\"texts.subtitle\"></span>\n </h2>\n }\n @if (texts.description) {\n <p [innerText]=\"texts.description\"></p>\n }\n </div>\n }\n\n @if (items?.length) {\n <div class=\"swiper experiencias-swiper\" #swiperRoot>\n <div class=\"swiper-wrapper\">\n @for (slide of items; track $index) {\n @if (slide) {\n <div class=\"swiper-slide experiencia\">\n <div class=\"content-slide\">\n <div class=\"imagen\">\n <img\n [src]=\"slide.images?.[0]?.src\"\n [alt]=\"slide.images?.[0]?.alt\"\n />\n </div>\n <div class=\"arrows-navigation\">\n <div\n class=\"swiper-button-prev mobile prev fill\"\n role=\"button\"\n tabindex=\"0\"\n (click)=\"slidePrev()\"\n >\n <svg\n width=\"8\"\n height=\"14\"\n viewBox=\"0 0 8 14\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M6.84717 0.5L0.707031 6.64014L6.84717 12.7798\"\n stroke=\"#B7985D\"\n stroke-linecap=\"round\"\n />\n </svg>\n </div>\n <div\n class=\"swiper-button-next mobile prev fill\"\n role=\"button\"\n tabindex=\"0\"\n (click)=\"slideNext()\"\n >\n <svg\n width=\"8\"\n height=\"14\"\n viewBox=\"0 0 8 14\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M0.500488 0.5L6.64062 6.64014L0.500488 12.7798\"\n stroke=\"#B7985D\"\n stroke-linecap=\"round\"\n />\n </svg>\n </div>\n </div>\n @if (slide.texts) {\n <div class=\"texto\">\n @if (slide.texts.title) {\n <h3\n [innerHTML]=\"\n slide.texts.title\n \"\n ></h3>\n }\n @if (slide.texts.subtitle) {\n <h4\n [innerHTML]=\"\n slide.texts.subtitle\n \"\n ></h4>\n }\n\n @if (slide.texts.description) {\n <div class=\"content-texto\">\n <p\n [innerHTML]=\"\n slide.texts\n .description\n \"\n ></p>\n </div>\n }\n @if (slide.buttons?.length) {\n <a\n [href]=\"\n slide.buttons?.[0]?.url\n \"\n [linkType]=\"\n slide.buttons?.[0]\n ?.linkType\n \"\n class=\"m-button-clean\"\n [attr.aria-label]=\"\n slide.buttons?.[0]\n ?.label ||\n slide.buttons?.[0]?.name\n \"\n >\n {{\n slide.buttons?.[0]\n ?.label ||\n slide.buttons?.[0]\n ?.name\n }}\n <svg\n width=\"50\"\n height=\"6\"\n viewBox=\"0 0 50 6\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M45.875 0L49.875 2.8L45.875 5.6V0Z\"\n fill=\"#B7985D\"\n ></path>\n <path\n d=\"M48.875 2.80078H0.375\"\n stroke=\"#B7985D\"\n stroke-width=\"0.75\"\n stroke-linecap=\"round\"\n ></path>\n </svg>\n </a>\n }\n </div>\n }\n </div>\n </div>\n }\n }\n </div>\n\n <div class=\"swiper-button-prev desktop\"></div>\n <div class=\"swiper-button-next desktop\"></div>\n </div>\n }\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.m-swiper-button{width:3.9rem;height:3.9rem;display:flex;align-items:center;justify-content:center;transition:.3s}.m-swiper-button.fill{border:1px solid #b7985d}.m-swiper-button.fill:hover{background-color:#b7985d;transition:.3s}.m-swiper-button.fill:hover svg{filter:brightness(250%)}.m-button{font-family:josefinsans,sans-serif!important;font-weight:400!important;font-size:1.6rem;line-height:100%!important;letter-spacing:4%!important;text-transform:uppercase!important;border:1px solid #b7985d;padding:1.2rem 4.6rem .6rem;color:#b7985d;transition:.3s}.m-button:hover{background-color:#b7985d;transition:.3s;color:#fff}.m-button-clean{font-family:josefinsans,sans-serif!important;font-weight:400!important;font-size:1.6rem;line-height:100%!important;letter-spacing:4%!important;text-transform:uppercase!important;font-size:1.3rem;color:#b7985d;display:flex;gap:2.5rem;white-space:nowrap;align-items:center}.m-button-clean svg{transition:clip-path .3s ease;clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%)}.m-button-clean:hover{transition:.3s;color:#9d793f}.m-button-clean:hover svg{clip-path:polygon(30% 0%,100% 0%,100% 100%,30% 100%)}.m-button-clean:hover svg path{color:#9d793f;fill:#9d793f}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__container{background-color:#0000!important}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-experiencias{padding:6rem 0;background-color:#fff;font-family:Inter,sans-serif;max-width:144rem;margin:auto}.mdl-experiencias .header-module{text-align:left;max-width:54.6rem;margin:auto;margin-bottom:4rem}.mdl-experiencias .header-module h2{font-family:bentham,sans-serif;font-weight:400;font-size:4rem;line-height:4rem;color:#b7985d;margin-bottom:10px}.mdl-experiencias .header-module p{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:2.2rem}@media (max-width: 768px){.mdl-experiencias .header-module p{line-height:2.4rem}}.mdl-experiencias .header-module p{color:#54565a;margin:0 auto;margin-left:8.9rem;width:calc(100% - 8.9rem)}.mdl-experiencias .experiencias-swiper{padding:0 0 0 6rem;position:relative}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia{display:flex;align-items:flex-start;justify-content:space-between}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide{display:flex;align-items:flex-start;justify-content:space-between;gap:4rem}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .imagen{position:relative}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .imagen:before{content:\"\";display:block;position:absolute;top:-1px;right:-1px;background-color:#fff;width:47%;height:3rem}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .imagen img{width:100%;height:auto}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto h3{font-family:josefinsans,sans-serif;font-weight:300;font-size:3.7rem;line-height:100%;color:#b7985d;margin-bottom:5px}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto h4{font-family:josefinsans,sans-serif;font-weight:300;font-size:2.3rem;line-height:100%;margin-bottom:20px;color:#54565a}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto{padding-left:6.3rem}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto ul{list-style:none;margin-bottom:20px;color:#54565a}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto ul li{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:2.8rem;padding-left:0}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto ul li:before{content:none}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto .nota,.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto .precio{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:2.8rem;margin-bottom:20px}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto .btn-reservar{display:inline-block;font-size:13px;letter-spacing:1px;color:#b28b4e;text-decoration:none;border-bottom:1px solid #b28b4e;padding-bottom:3px}.mdl-experiencias .swiper-button-prev,.mdl-experiencias .swiper-button-next{color:#fcfaf8}.mdl-experiencias .swiper-button-prev:not(.mobile),.mdl-experiencias .swiper-button-next:not(.mobile){color:#b28b4e}.mdl-experiencias .swiper-button-prev,.mdl-experiencias .swiper-button-next{border:1px solid #b28b4e;width:34px;height:34px;top:0;margin-top:0}.mdl-experiencias .swiper-button-prev svg,.mdl-experiencias .swiper-button-next svg{height:1.2rem;position:absolute}.mdl-experiencias .swiper-button-prev:hover,.mdl-experiencias .swiper-button-next:hover{color:#fff}.mdl-experiencias .swiper-button-prev:hover svg path,.mdl-experiencias .swiper-button-next:hover svg path{color:#fff;fill:#fff}.mdl-experiencias .swiper-button-prev:hover,.mdl-experiencias .swiper-button-next:hover{background-color:#b7985d;transition:.3s}.mdl-experiencias .swiper-button-prev:hover:after svg,.mdl-experiencias .swiper-button-next:hover:after svg{color:#fff;fill:#fff}.mdl-experiencias .swiper-button-prev:hover:after svg path,.mdl-experiencias .swiper-button-next:hover:after svg path{color:#fff;fill:#fff}.mdl-experiencias .swiper-button-prev.mobile,.mdl-experiencias .swiper-button-next.mobile{display:none}.mdl-experiencias .swiper-button-prev:after,.mdl-experiencias .swiper-button-next:after{font-size:1.2rem}@media (max-width: 1080px){.mdl-experiencias .experiencias-swiper{padding:0;max-width:calc(100% - 5rem)}.mdl-experiencias .experiencias-swiper .experiencia .content-slide{flex-direction:column;align-items:center;width:100%;gap:1.6rem!important}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .imagen{width:100%}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .texto{position:relative;width:100%;max-width:42rem;margin:auto}.mdl-experiencias .arrows-navigation{position:relative;width:100%;transform:translate3d(0,1.6rem,0)}.mdl-experiencias .swiper-button-prev.mobile,.mdl-experiencias .swiper-button-next.mobile{display:flex}.mdl-experiencias .swiper-button-prev.desktop,.mdl-experiencias .swiper-button-next.desktop{display:none}}@media (max-width: 800px){.mdl-experiencias .experiencias-swiper{max-width:100%}}@media (max-width: 600px){.mdl-experiencias .header-module{text-align:left;max-width:calc(100% - 7.4rem);margin:auto;margin-bottom:4rem}.mdl-experiencias .header-module h2{font-family:bentham,sans-serif;font-weight:400;font-size:4rem;line-height:4rem;color:#b7985d;margin-bottom:10px}.mdl-experiencias .header-module p{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:2.2rem;color:#54565a;margin:0 auto;width:100%}}@media (max-width: 600px) and (max-width: 768px){.mdl-experiencias .header-module p{line-height:2.4rem}}@media (max-width: 600px){.mdl-experiencias .experiencias-swiper{padding:0;max-width:100%}.mdl-experiencias .experiencias-swiper .experiencia .content-slide{flex-direction:column;align-items:center;width:100%;gap:1.6rem!important}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .imagen{width:100%}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .texto{position:relative;width:100%;max-width:calc(100% - 7.4rem);margin:auto}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .texto .content-texto{padding-left:0!important}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .texto .content-texto ul li{padding-left:0}.mdl-experiencias .arrows-navigation{position:relative;width:100%;display:flex;flex-direction:row;gap:1.5rem;max-width:calc(100% - 7.4rem);margin:auto;margin-bottom:3.3rem}.mdl-experiencias .swiper-button-prev,.mdl-experiencias .swiper-button-next{position:relative;left:inherit;right:inherit}.mdl-experiencias .swiper-button-prev.mobile,.mdl-experiencias .swiper-button-next.mobile{display:flex}.mdl-experiencias .swiper-button-prev.desktop,.mdl-experiencias .swiper-button-next.desktop{display:none}}\n"] }]
|
|
15743
|
+
args: [{ selector: 'ces-c4-sli-c2-txt-img', standalone: true, imports: [CommonModule, BabylonLinkTypeDirective], encapsulation: ViewEncapsulation.None, template: "<section class=\"mdl-experiencias\">\n <div class=\"container\">\n @if (texts) {\n <div class=\"header-module\">\n @if (texts.title || texts.subtitle) {\n <h2 [innerHTML]=\"texts.title\">\n <br />\n <span [innerHTML]=\"texts.subtitle\"></span>\n </h2>\n }\n @if (texts.description) {\n <p [innerText]=\"texts.description\"></p>\n }\n </div>\n }\n\n @if (items?.length) {\n <div class=\"swiper experiencias-swiper\" #swiperRoot>\n <div class=\"swiper-wrapper\">\n @for (slide of items; track $index) {\n @if (slide) {\n <div class=\"swiper-slide experiencia\">\n <div class=\"content-slide\">\n <div class=\"imagen\">\n <img\n [src]=\"slide.img?.src\"\n [alt]=\"slide.img?.alt\"\n />\n </div>\n <div class=\"arrows-navigation\">\n <div\n class=\"swiper-button-prev mobile prev fill\"\n role=\"button\"\n tabindex=\"0\"\n (click)=\"slidePrev()\"\n >\n <svg\n width=\"8\"\n height=\"14\"\n viewBox=\"0 0 8 14\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M6.84717 0.5L0.707031 6.64014L6.84717 12.7798\"\n stroke=\"#B7985D\"\n stroke-linecap=\"round\"\n />\n </svg>\n </div>\n <div\n class=\"swiper-button-next mobile prev fill\"\n role=\"button\"\n tabindex=\"0\"\n (click)=\"slideNext()\"\n >\n <svg\n width=\"8\"\n height=\"14\"\n viewBox=\"0 0 8 14\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M0.500488 0.5L6.64062 6.64014L0.500488 12.7798\"\n stroke=\"#B7985D\"\n stroke-linecap=\"round\"\n />\n </svg>\n </div>\n </div>\n @if (slide.texts) {\n <div class=\"texto\">\n @if (slide.texts.title) {\n <h3\n [innerHTML]=\"\n slide.texts.title\n \"\n ></h3>\n }\n @if (slide.texts.subtitle) {\n <h4\n [innerHTML]=\"\n slide.texts.subtitle\n \"\n ></h4>\n }\n\n @if (slide.texts.description) {\n <div class=\"content-texto\">\n <p\n class=\"m-texto\"\n [innerHTML]=\"\n slide.texts\n .description\n \"\n ></p>\n </div>\n }\n @if (slide.buttons?.length) {\n <a\n [href]=\"\n slide.buttons?.[0]?.url\n \"\n [linkType]=\"\n slide.buttons?.[0]\n ?.linkType\n \"\n class=\"m-button-clean\"\n [attr.aria-label]=\"\n slide.buttons?.[0]\n ?.label ||\n slide.buttons?.[0]?.name\n \"\n >\n {{\n slide.buttons?.[0]\n ?.label ||\n slide.buttons?.[0]\n ?.name\n }}\n <svg\n width=\"50\"\n height=\"6\"\n viewBox=\"0 0 50 6\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M45.875 0L49.875 2.8L45.875 5.6V0Z\"\n fill=\"#B7985D\"\n ></path>\n <path\n d=\"M48.875 2.80078H0.375\"\n stroke=\"#B7985D\"\n stroke-width=\"0.75\"\n stroke-linecap=\"round\"\n ></path>\n </svg>\n </a>\n }\n </div>\n }\n </div>\n </div>\n }\n }\n </div>\n\n <div class=\"swiper-button-prev desktop\"></div>\n <div class=\"swiper-button-next desktop\"></div>\n </div>\n }\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.m-swiper-button{width:3.9rem;height:3.9rem;display:flex;align-items:center;justify-content:center;transition:.3s}.m-swiper-button.fill{border:1px solid #b7985d}.m-swiper-button.fill:hover{background-color:#b7985d;transition:.3s}.m-swiper-button.fill:hover svg{filter:brightness(250%)}.m-button{font-family:josefinsans,sans-serif!important;font-weight:400!important;font-size:1.6rem;line-height:100%!important;letter-spacing:4%!important;text-transform:uppercase!important;border:1px solid #b7985d;padding:1.2rem 4.6rem .6rem;color:#b7985d;transition:.3s}.m-button:hover{background-color:#b7985d;transition:.3s;color:#fff}.m-button-clean{font-family:josefinsans,sans-serif!important;font-weight:400!important;font-size:1.6rem;line-height:100%!important;letter-spacing:4%!important;text-transform:uppercase!important;font-size:1.3rem;color:#b7985d;display:flex;gap:2.5rem;white-space:nowrap;align-items:center}.m-button-clean svg{transition:clip-path .3s ease;clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%)}.m-button-clean:hover{transition:.3s;color:#9d793f}.m-button-clean:hover svg{clip-path:polygon(30% 0%,100% 0%,100% 100%,30% 100%)}.m-button-clean:hover svg path{color:#9d793f;fill:#9d793f}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__container{background-color:#0000!important}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-experiencias{padding:6rem 0;background-color:#fff;font-family:Inter,sans-serif;max-width:144rem;margin:auto}.mdl-experiencias .header-module{text-align:left;max-width:54.6rem;margin:auto;margin-bottom:4rem}.mdl-experiencias .header-module h2{font-family:bentham,sans-serif;font-weight:400;font-size:4rem;line-height:4rem;color:#b7985d;margin-bottom:10px}.mdl-experiencias .header-module p{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:2.2rem}@media (max-width: 768px){.mdl-experiencias .header-module p{line-height:2.4rem}}.mdl-experiencias .header-module p{color:#54565a;margin:0 auto;margin-left:8.9rem;width:calc(100% - 8.9rem)}.mdl-experiencias .experiencias-swiper{padding:0 0 0 6rem;position:relative}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia{display:flex;align-items:flex-start;justify-content:space-between}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide{display:flex;align-items:flex-start;justify-content:space-between;gap:4rem}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .imagen{position:relative}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .imagen:before{content:\"\";display:block;position:absolute;top:-1px;right:-1px;background-color:#fff;width:47%;height:3rem}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .imagen img{width:100%;height:auto}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto h3{font-family:josefinsans,sans-serif;font-weight:300;font-size:3.7rem;line-height:100%;color:#b7985d;margin-bottom:5px}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto h4{font-family:josefinsans,sans-serif;font-weight:300;font-size:2.3rem;line-height:100%;margin-bottom:20px;color:#54565a}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto ul{list-style:none;margin-bottom:20px;color:#54565a}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto ul li{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:2.8rem;padding-left:0}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto ul li:before{content:none}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto p.m-texto{margin:30px}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto p,.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto li{font-family:var(--font-text);font-weight:400;font-size:1.4rem;line-height:2.2rem;color:#54565a}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto .nota,.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto .precio{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:2.8rem;margin-bottom:20px}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto .btn-reservar{display:inline-block;font-size:13px;letter-spacing:1px;color:#b28b4e;text-decoration:none;border-bottom:1px solid #b28b4e;padding-bottom:3px}.mdl-experiencias .swiper-button-prev,.mdl-experiencias .swiper-button-next{color:#fcfaf8}.mdl-experiencias .swiper-button-prev:not(.mobile),.mdl-experiencias .swiper-button-next:not(.mobile){color:#b28b4e}.mdl-experiencias .swiper-button-prev,.mdl-experiencias .swiper-button-next{border:1px solid #b28b4e;width:34px;height:34px;top:0;margin-top:0}.mdl-experiencias .swiper-button-prev svg,.mdl-experiencias .swiper-button-next svg{height:1.2rem;position:absolute}.mdl-experiencias .swiper-button-prev:hover,.mdl-experiencias .swiper-button-next:hover{color:#fff}.mdl-experiencias .swiper-button-prev:hover svg path,.mdl-experiencias .swiper-button-next:hover svg path{color:#fff;fill:#fff}.mdl-experiencias .swiper-button-prev:hover,.mdl-experiencias .swiper-button-next:hover{background-color:#b7985d;transition:.3s}.mdl-experiencias .swiper-button-prev:hover:after svg,.mdl-experiencias .swiper-button-next:hover:after svg{color:#fff;fill:#fff}.mdl-experiencias .swiper-button-prev:hover:after svg path,.mdl-experiencias .swiper-button-next:hover:after svg path{color:#fff;fill:#fff}.mdl-experiencias .swiper-button-prev.mobile,.mdl-experiencias .swiper-button-next.mobile{display:none}.mdl-experiencias .swiper-button-prev:after,.mdl-experiencias .swiper-button-next:after{font-size:1.2rem}@media (max-width: 1080px){.mdl-experiencias .experiencias-swiper{padding:0;max-width:calc(100% - 5rem)}.mdl-experiencias .experiencias-swiper .experiencia .content-slide{flex-direction:column;align-items:center;width:100%;gap:1.6rem!important}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .imagen{width:100%}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .texto{position:relative;width:100%;max-width:42rem;margin:auto}.mdl-experiencias .arrows-navigation{position:relative;width:100%;transform:translate3d(0,1.6rem,0)}.mdl-experiencias .swiper-button-prev.mobile,.mdl-experiencias .swiper-button-next.mobile{display:flex}.mdl-experiencias .swiper-button-prev.desktop,.mdl-experiencias .swiper-button-next.desktop{display:none}}@media (max-width: 1024px){.mdl-experiencias .experiencias-swiper h3{padding:0 30px;text-align:center}}@media (max-width: 800px){.mdl-experiencias .experiencias-swiper{max-width:100%}}@media (max-width: 600px){.mdl-experiencias .header-module{text-align:left;max-width:calc(100% - 7.4rem);margin:auto;margin-bottom:4rem}.mdl-experiencias .header-module h2{font-family:bentham,sans-serif;font-weight:400;font-size:4rem;line-height:4rem;color:#b7985d;margin-bottom:10px}.mdl-experiencias .header-module p{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:2.2rem;color:#54565a;margin:0 auto;width:100%}}@media (max-width: 600px) and (max-width: 768px){.mdl-experiencias .header-module p{line-height:2.4rem}}@media (max-width: 600px){.mdl-experiencias .experiencias-swiper{padding:0;max-width:100%}.mdl-experiencias .experiencias-swiper .experiencia .content-slide{flex-direction:column;align-items:center;width:100%;gap:1.6rem!important}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .imagen{width:100%}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .texto{position:relative;width:100%;max-width:calc(100% - 7.4rem);margin:auto}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .texto .content-texto{padding-left:0!important}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .texto .content-texto ul li{padding-left:0}.mdl-experiencias .arrows-navigation{position:relative;width:100%;display:flex;flex-direction:row;gap:1.5rem;max-width:calc(100% - 7.4rem);margin:auto;margin-bottom:3.3rem}.mdl-experiencias .swiper-button-prev,.mdl-experiencias .swiper-button-next{position:relative;left:inherit;right:inherit}.mdl-experiencias .swiper-button-prev.mobile,.mdl-experiencias .swiper-button-next.mobile{display:flex}.mdl-experiencias .swiper-button-prev.desktop,.mdl-experiencias .swiper-button-next.desktop{display:none}}\n"] }]
|
|
15746
15744
|
}], propDecorators: { swiperRoot: [{
|
|
15747
15745
|
type: ViewChild,
|
|
15748
15746
|
args: ['swiperRoot']
|