ctt-babylon 0.13.40 → 0.13.41
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-sli-c1-img-text/babylon-sli-c1-img-text.component.mjs +3 -3
- package/esm2022/lib/components/external/core/c4-for-c2-txt/c4-for-c2-txt.component.mjs +3 -3
- package/esm2022/lib/components/external/core/c4-lis-c2-img-txt-c/list-rooms.component.mjs +15 -7
- package/esm2022/lib/components/external/core/c4-sli-c1-img-txt/h04-slider-text.component.mjs +8 -3
- package/esm2022/lib/directives/link-type/link-type.directive.mjs +4 -1
- package/esm2022/lib/services/mapper/mapper.service.mjs +4 -2
- package/fesm2022/ctt-babylon.mjs +27 -11
- package/fesm2022/ctt-babylon.mjs.map +1 -1
- package/lib/components/external/core/c4-sli-c1-img-txt/h04-slider-text.component.d.ts +1 -0
- package/package.json +1 -1
package/fesm2022/ctt-babylon.mjs
CHANGED
|
@@ -94,6 +94,9 @@ class BabylonLinkTypeDirective {
|
|
|
94
94
|
case 'anchor':
|
|
95
95
|
this.handleAnchorLink(this.href);
|
|
96
96
|
break;
|
|
97
|
+
case 'anchor_link':
|
|
98
|
+
this.handleAnchorLink(this.href);
|
|
99
|
+
break;
|
|
97
100
|
case 'pdf_link':
|
|
98
101
|
this.handlePdfLink(this.href);
|
|
99
102
|
break;
|
|
@@ -3689,7 +3692,9 @@ class MapperService {
|
|
|
3689
3692
|
return array
|
|
3690
3693
|
?.filter((room, index, self) => self?.findIndex((r) => r?.id === room?.id) === index)
|
|
3691
3694
|
?.map((item) => ({
|
|
3692
|
-
buttons: Utils.mapButtons(item?.buttons
|
|
3695
|
+
buttons: Utils.mapButtons(item?.buttons
|
|
3696
|
+
/* item?.buttons?.slice().reverse() TODO: ".slice().reverse()" esto se hace en el componente que lo use */
|
|
3697
|
+
),
|
|
3693
3698
|
links: Utils.mapButtons(item?.links),
|
|
3694
3699
|
images: [
|
|
3695
3700
|
this.getImageResponsive(item?.multimedia?.find((img) => img?.cover) || item?.multimedia?.[0], false),
|
|
@@ -15251,11 +15256,11 @@ class BabylonSliC1ImgTextComponent {
|
|
|
15251
15256
|
}
|
|
15252
15257
|
}
|
|
15253
15258
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonSliC1ImgTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
15254
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BabylonSliC1ImgTextComponent, isStandalone: true, selector: "lib-babylon-sli-c1-img-text", inputs: { rigthSide: "rigthSide", texts: "texts", multimedia: "multimedia", buttons: "buttons" }, viewQueries: [{ propertyName: "swiperEl", first: true, predicate: ["swiperEl"], descendants: true }, { propertyName: "nextBtn", first: true, predicate: ["nextBtn"], descendants: true }, { propertyName: "prevBtn", first: true, predicate: ["prevBtn"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<section\n class=\"mdl-seoimagen\"\n [ngClass]=\"{\n 'full-slider': (multimedia?.imagenes?.length ?? 0) > 1,\n }\"\n>\n <div class=\"mdl-container\" [ngClass]=\"{ 'seo-right': rigthSide }\">\n <!-- A\u00F1adir seo-right si la imagen debe ir a la derecha -->\n @if (texts?.subtitle) {\n <h2 class=\"m-pretitulo-mobile\">{{ texts?.subtitle }}</h2>\n }\n\n @if (multimedia?.imagenes?.length) {\n <div\n class=\"m-content-left\"\n [ngClass]=\"{\n 'full-slider': (multimedia?.imagenes?.length ?? 0) > 1,\n }\"\n >\n <!-- Contenedor principal: HOST de la directiva -->\n <div\n class=\"js-active-slider\"\n data-slider_autoplay=\"true\"\n data-slider_speed=\"600\"\n data-slides_infinite=\"true\"\n data-slider_draggable=\"true\"\n data-slider_showbtns=\"false\"\n data-slider_showdots=\"false\"\n >\n <div #swiperEl class=\"swiper\">\n <div class=\"swiper-wrapper\">\n @for (item of multimedia?.imagenes; track $index) {\n <div class=\"swiper-slide\">\n <div class=\"slide-media\">\n <img\n [src]=\"item.img?.src\"\n [alt]=\"item.img?.alt\"\n />\n\n @if (\n (multimedia?.imagenes?.length ??\n 0) > 1\n ) {\n <div class=\"slide-overlay\">\n <div class=\"m-content\">\n @if (item.pretitle) {\n <div\n class=\"m-pretitulo\"\n [innerHTML]=\"\n texts?.pretitle\n \"\n ></div>\n }\n @if (item.title) {\n <h2\n class=\"m-titulo\"\n [ngClass]=\"{\n 'no-pad':\n !item.pretitle,\n }\"\n [innerHTML]=\"\n item?.title\n \"\n ></h2>\n }\n @if (item.description) {\n <div\n class=\"m-texto\"\n [innerHTML]=\"\n item.description\n \"\n ></div>\n }\n @if (\n item?.buttons?.length\n ) {\n @for (\n btn of buttons;\n track $index\n ) {\n <a\n [href]=\"btn.url\"\n [linkType]=\"\n btn.linkType\n \"\n [attr.aria-label]=\"\n btn.label\n \"\n class=\"m-button-big-babylon\"\n >\n {{ btn.label }}\n </a>\n }\n }\n </div>\n </div>\n }\n </div>\n </div>\n }\n </div>\n\n <button\n #prevBtn\n type=\"button\"\n class=\"swiper-button-prev\"\n aria-label=\"Previous\"\n ></button>\n\n <button\n #nextBtn\n type=\"button\"\n class=\"swiper-button-next\"\n aria-label=\"Next\"\n ></button>\n </div>\n </div>\n <!-- \n <img\n class=\"svgBack\"\n src=\"/assets/babylon/svg/holidays.svg\"\n alt=\"\"\n /> -->\n </div>\n }\n\n @if (texts && (multimedia?.imagenes?.length ?? 0) < 2) {\n <div class=\"m-content-right\">\n <div class=\"m-content\">\n @if (texts.pretitle) {\n <div\n class=\"m-pretitulo\"\n [innerHTML]=\"texts.pretitle\"\n ></div>\n }\n @if (texts.title) {\n <h2 class=\"m-titulo\" [innerHTML]=\"texts.title\"></h2>\n }\n @if (texts.description) {\n <div\n class=\"m-texto\"\n [innerHTML]=\"texts.description\"\n ></div>\n }\n @if (buttons?.length) {\n @for (item of buttons; track $index) {\n <a\n [href]=\"item.url\"\n [linkType]=\"item.linkType\"\n [attr.aria-label]=\"item.label\"\n class=\"m-button-big-babylon\"\n >{{ item.label }}</a\n >\n }\n }\n </div>\n </div>\n }\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-big-babylon{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:var(--cl_btn-box-text);background-color:var(--cl_btn-box);border-radius:var(--btn_radius);border:1px solid var(--cl_btn-box);transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big-babylon{font-size:1.6rem}}.m-button-big-babylon.red{background-color:#ff4338}@media (hover: hover){.m-button-big-babylon.red:hover{background-color:#ed3b37}}.m-button-big-babylon.blue{background-color:#5b87da}@media (hover: hover){.m-button-big-babylon.blue:hover{background-color:#446ecd}}.m-button-big-babylon.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big-babylon.green:hover{background-color:#2ec99b}}.m-button-big-babylon.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big-babylon.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big-babylon span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big-babylon:hover{background-color:var(--cl_btn-box-hover);color:var(--cl_btn-box-text-hover)}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline{font-size:1.6rem}}@media (hover: hover){.m-underline:hover,.m-underline.active{color:#ed3b37}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-red{font-size:1.6rem}}.m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-red:hover{color:#ed3b37}.m-underline-red:hover:after{width:100%}}.m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-blue{font-size:1.6rem}}.m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-blue:hover{color:#446ecd}.m-underline-blue:hover:after{width:100%}}.m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-green{font-size:1.6rem}}.m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-green:hover{color:#2ec99b}.m-underline-green:hover:after{width:100%}}.m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.m-swiper-button.swiper-button-disabled{opacity:.7}.m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.m-swiper-button{width:3.2rem;height:3.2rem}.m-swiper-button svg{width:.5rem}}.m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button-s.prev svg{left:45%}.m-swiper-button-s.next svg{left:55%}@media (hover: hover){.m-swiper-button-s:hover{background-color:#ed3b37}}.m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.m-button-close:hover{background-color:#ed3b37}.m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}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:#00000082!important}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.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)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}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-seoimagen{padding:0!important}.mdl-seoimagen .mdl-container{position:relative;height:1000px;width:100%;display:flex;max-width:none}.mdl-seoimagen .mdl-container.seo-right{flex-direction:row-reverse}.mdl-seoimagen .mdl-container .m-pretitulo-mobile{display:none;font-family:var(--font-text);font-weight:400;font-size:1.8rem;line-height:100%;letter-spacing:.18rem;text-transform:uppercase}@media (max-width: 375px){.mdl-seoimagen .mdl-container .m-pretitulo-mobile{font-size:1.4rem;letter-spacing:.056rem}}.mdl-seoimagen .mdl-container .m-pretitulo-mobile{color:#515050b2;text-transform:uppercase;margin:6.1rem auto 4rem}.mdl-seoimagen .mdl-container .m-content-left{background-size:cover;background-position:center;width:50%;height:100%;display:flex;flex-direction:column;align-items:center;position:relative}.mdl-seoimagen .mdl-container .m-content-left .svgBack{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease;width:41.7rem;padding-top:8.4rem;pointer-events:none;position:absolute;z-index:1;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.mdl-seoimagen .mdl-container .m-content-left .js-active-slider{height:100%}.mdl-seoimagen .mdl-container .m-content-left .swiper,.mdl-seoimagen .mdl-container .m-content-left .swiper .swiper-container{width:100%;height:100%}.mdl-seoimagen .mdl-container .m-content-left .swiper .swiper-container img{width:100%;height:100%;object-fit:cover}.mdl-seoimagen .mdl-container .m-content-left:hover .svgBack{opacity:1;transform:translateY(0);pointer-events:auto}.mdl-seoimagen .mdl-container .m-content-right{width:50%;height:100%;display:flex;align-items:center;justify-content:center}.mdl-seoimagen .mdl-container .m-content-right .m-content{width:62rem;height:auto;padding:0 5rem}.mdl-seoimagen .mdl-container .m-content-right .m-content .m-pretitulo{font-family:var(--font-text);font-weight:400;font-size:1.8rem;line-height:100%;letter-spacing:.18rem;text-transform:uppercase}@media (max-width: 375px){.mdl-seoimagen .mdl-container .m-content-right .m-content .m-pretitulo{font-size:1.4rem;letter-spacing:.056rem}}.mdl-seoimagen .mdl-container .m-content-right .m-content .m-pretitulo{color:var(--cl_pretitle);text-transform:uppercase}.mdl-seoimagen .mdl-container .m-content-right .m-content .m-titulo{font-family:var(--font-title);font-weight:var(--w_title);font-size:5.5rem;line-height:5.8rem;color:var(--cl_title);margin-top:12rem}.mdl-seoimagen .mdl-container .m-content-right .m-content .m-texto{font-family:var(--font-text);font-weight:var(--w_text);font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-seoimagen .mdl-container .m-content-right .m-content .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-seoimagen .mdl-container .m-content-right .m-content .m-texto{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-seoimagen .mdl-container .m-content-right .m-content .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-seoimagen .mdl-container .m-content-right .m-content .m-texto{font-size:2.2rem;line-height:3rem}}.mdl-seoimagen .mdl-container .m-content-right .m-content .m-texto{color:var(--cl_text);margin-top:5rem}.mdl-seoimagen .mdl-container .m-content-right .m-content .m-button-big{margin-top:5rem}@media (max-width: 1080px){.mdl-seoimagen .mdl-container{height:auto;width:100%;display:flex;flex-direction:column!important}.mdl-seoimagen .mdl-container .m-pretitulo-mobile{display:block}.mdl-seoimagen .mdl-container .m-content-left{width:100%;height:102rem}.mdl-seoimagen .mdl-container .m-content-right{width:100%;padding-bottom:7rem}.mdl-seoimagen .mdl-container .m-content-right .m-content{width:61.7rem}.mdl-seoimagen .mdl-container .m-content-right .m-content .m-pretitulo{display:none}.mdl-seoimagen .mdl-container .m-content-right .m-content .m-titulo{margin-top:5rem}.mdl-seoimagen .mdl-container .m-content-right .m-content .m-button-big{margin:5rem auto 0}}@media (max-width: 768px){.mdl-seoimagen .mdl-container .m-content-left{height:76.8rem}.mdl-seoimagen .mdl-container .m-content-right .m-content{padding:0 7.5rem}}@media (max-width: 540px){.mdl-seoimagen .mdl-container .m-content-left{height:54rem}.mdl-seoimagen .mdl-container .m-content-right .m-content{padding:0 3rem}}@media (max-width: 375px){.mdl-seoimagen .mdl-container .m-content-left{height:37.5rem}}.mdl-seoimagen.full-slider .m-content-left{width:100%;min-width:0}.mdl-seoimagen.full-slider .m-content-left .swiper{width:100%!important;max-width:100%!important;overflow:hidden}.mdl-seoimagen.full-slider .m-content-left .swiper-wrapper{width:100%!important;max-width:100%!important;box-sizing:border-box}.mdl-seoimagen.full-slider .m-content-left .swiper-slide{width:100%!important;max-width:100%!important;flex:0 0 100%!important;box-sizing:border-box}.mdl-seoimagen.full-slider .m-content-left img{width:100%;height:100%;display:block;object-fit:cover;max-height:80vh}.mdl-seoimagen.full-slider .mdl-container{height:100%;padding:60px 0}.mdl-seoimagen.full-slider .swiper-slide{position:relative}.mdl-seoimagen.full-slider .slide-media{position:relative;width:100%;height:100%}.mdl-seoimagen.full-slider .slide-media img{width:100%;height:auto;display:block;object-fit:cover}.mdl-seoimagen.full-slider .slide-overlay .m-content{position:relative;z-index:1;padding:24px;max-width:560px;pointer-events:auto}.mdl-seoimagen.full-slider .swiper-button-prev,.mdl-seoimagen.full-slider .swiper-button-next{z-index:5}.mdl-seoimagen.full-slider .full-slider{width:100%!important}.mdl-seoimagen.full-slider .full-slider .slide-media{display:flex;flex-direction:row;height:100%}.mdl-seoimagen.full-slider .full-slider .slide-media img{width:50%;height:80vh}.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay{pointer-events:none;width:50%;height:auto;display:flex;align-items:center;justify-content:center}.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content{width:100%;height:auto;padding:5rem}.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content .m-pretitulo{font-family:var(--font-text);font-weight:400;font-size:1.8rem;line-height:100%;letter-spacing:.18rem;text-transform:uppercase}@media (max-width: 375px){.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content .m-pretitulo{font-size:1.4rem;letter-spacing:.056rem}}.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content .m-pretitulo{color:var(--cl_pretitle);text-transform:uppercase}.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content .m-titulo{font-family:var(--font-title);font-weight:var(--w_title);font-size:5.5rem;line-height:5.8rem;color:var(--cl_title);margin-top:12rem;margin-left:-10rem}@media (max-width: 1500px){.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content .m-titulo{margin-left:0rem}}.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content .m-titulo.no-pad{margin-top:0}.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content .m-texto{font-family:var(--font-text);font-weight:var(--w_text);font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content .m-texto{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content .m-texto{font-size:2.2rem;line-height:3rem}}.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content .m-texto{color:var(--cl_text);margin-top:5rem;line-height:var(--lh_text)}.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content .m-button-big{margin-top:5rem}@media (max-width: 1080px){.mdl-seoimagen.full-slider .full-slider{height:100%!important}.mdl-seoimagen.full-slider .full-slider .slide-media{flex-direction:column;height:100%}.mdl-seoimagen.full-slider .full-slider .slide-media img{width:100%;object-fit:contain}.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay{width:100%}.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-titulo{margin-left:-10rem}.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content{width:100vw}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup", "disablePointerNone"], outputs: ["anchorClicked"] }] }); }
|
|
15259
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BabylonSliC1ImgTextComponent, isStandalone: true, selector: "lib-babylon-sli-c1-img-text", inputs: { rigthSide: "rigthSide", texts: "texts", multimedia: "multimedia", buttons: "buttons" }, viewQueries: [{ propertyName: "swiperEl", first: true, predicate: ["swiperEl"], descendants: true }, { propertyName: "nextBtn", first: true, predicate: ["nextBtn"], descendants: true }, { propertyName: "prevBtn", first: true, predicate: ["prevBtn"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<section\n class=\"mdl-seoimagen\"\n [ngClass]=\"{\n 'full-slider': (multimedia?.imagenes?.length ?? 0) > 1,\n }\"\n id=\"SliC1ImgText\"\n>\n <div class=\"mdl-container\" [ngClass]=\"{ 'seo-right': rigthSide }\">\n <!-- A\u00F1adir seo-right si la imagen debe ir a la derecha -->\n @if (texts?.subtitle) {\n <h2 class=\"m-pretitulo-mobile\">{{ texts?.subtitle }}</h2>\n }\n\n @if (multimedia?.imagenes?.length) {\n <div\n class=\"m-content-left\"\n [ngClass]=\"{\n 'full-slider': (multimedia?.imagenes?.length ?? 0) > 1,\n }\"\n >\n <!-- Contenedor principal: HOST de la directiva -->\n <div\n class=\"js-active-slider\"\n data-slider_autoplay=\"true\"\n data-slider_speed=\"600\"\n data-slides_infinite=\"true\"\n data-slider_draggable=\"true\"\n data-slider_showbtns=\"false\"\n data-slider_showdots=\"false\"\n >\n <div #swiperEl class=\"swiper\">\n <div class=\"swiper-wrapper\">\n @for (item of multimedia?.imagenes; track $index) {\n <div class=\"swiper-slide\">\n <div class=\"slide-media\">\n <img\n [src]=\"item.img?.src\"\n [alt]=\"item.img?.alt\"\n />\n\n @if (\n (multimedia?.imagenes?.length ??\n 0) > 1\n ) {\n <div class=\"slide-overlay\">\n <div class=\"m-content\">\n @if (item.pretitle) {\n <div\n class=\"m-pretitulo\"\n [innerHTML]=\"\n texts?.pretitle\n \"\n ></div>\n }\n @if (item.title) {\n <h2\n class=\"m-titulo\"\n [ngClass]=\"{\n 'no-pad':\n !item.pretitle,\n }\"\n [innerHTML]=\"\n item?.title\n \"\n ></h2>\n }\n @if (item.description) {\n <div\n class=\"m-texto\"\n [innerHTML]=\"\n item.description\n \"\n ></div>\n }\n @if (\n item?.buttons?.length\n ) {\n @for (\n btn of buttons;\n track $index\n ) {\n <a\n [href]=\"btn.url\"\n [linkType]=\"\n btn.linkType\n \"\n [attr.aria-label]=\"\n btn.label\n \"\n class=\"m-button-big-babylon\"\n >\n {{ btn.label }}\n </a>\n }\n }\n </div>\n </div>\n }\n </div>\n </div>\n }\n </div>\n\n <button\n #prevBtn\n type=\"button\"\n class=\"swiper-button-prev\"\n aria-label=\"Previous\"\n ></button>\n\n <button\n #nextBtn\n type=\"button\"\n class=\"swiper-button-next\"\n aria-label=\"Next\"\n ></button>\n </div>\n </div>\n <!-- \n <img\n class=\"svgBack\"\n src=\"/assets/babylon/svg/holidays.svg\"\n alt=\"\"\n /> -->\n </div>\n }\n\n @if (texts && (multimedia?.imagenes?.length ?? 0) < 2) {\n <div class=\"m-content-right\">\n <div class=\"m-content\">\n @if (texts.pretitle) {\n <div\n class=\"m-pretitulo\"\n [innerHTML]=\"texts.pretitle\"\n ></div>\n }\n @if (texts.title) {\n <h2 class=\"m-titulo\" [innerHTML]=\"texts.title\"></h2>\n }\n @if (texts.description) {\n <div\n class=\"m-texto\"\n [innerHTML]=\"texts.description\"\n ></div>\n }\n @if (buttons?.length) {\n @for (item of buttons; track $index) {\n <a\n [href]=\"item.url\"\n [linkType]=\"item.linkType\"\n [attr.aria-label]=\"item.label\"\n class=\"m-button-big-babylon\"\n >{{ item.label }}</a\n >\n }\n }\n </div>\n </div>\n }\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-big-babylon{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:var(--cl_btn-box-text);background-color:var(--cl_btn-box);border-radius:var(--btn_radius);border:1px solid var(--cl_btn-box);transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big-babylon{font-size:1.6rem}}.m-button-big-babylon.red{background-color:#ff4338}@media (hover: hover){.m-button-big-babylon.red:hover{background-color:#ed3b37}}.m-button-big-babylon.blue{background-color:#5b87da}@media (hover: hover){.m-button-big-babylon.blue:hover{background-color:#446ecd}}.m-button-big-babylon.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big-babylon.green:hover{background-color:#2ec99b}}.m-button-big-babylon.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big-babylon.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big-babylon span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big-babylon:hover{background-color:var(--cl_btn-box-hover);color:var(--cl_btn-box-text-hover)}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline{font-size:1.6rem}}@media (hover: hover){.m-underline:hover,.m-underline.active{color:#ed3b37}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-red{font-size:1.6rem}}.m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-red:hover{color:#ed3b37}.m-underline-red:hover:after{width:100%}}.m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-blue{font-size:1.6rem}}.m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-blue:hover{color:#446ecd}.m-underline-blue:hover:after{width:100%}}.m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-green{font-size:1.6rem}}.m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-green:hover{color:#2ec99b}.m-underline-green:hover:after{width:100%}}.m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.m-swiper-button.swiper-button-disabled{opacity:.7}.m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.m-swiper-button{width:3.2rem;height:3.2rem}.m-swiper-button svg{width:.5rem}}.m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button-s.prev svg{left:45%}.m-swiper-button-s.next svg{left:55%}@media (hover: hover){.m-swiper-button-s:hover{background-color:#ed3b37}}.m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.m-button-close:hover{background-color:#ed3b37}.m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}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:#00000082!important}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.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)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}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-seoimagen{padding:0!important}.mdl-seoimagen .mdl-container{position:relative;height:1000px;width:100%;display:flex;max-width:none}.mdl-seoimagen .mdl-container.seo-right{flex-direction:row-reverse}.mdl-seoimagen .mdl-container .m-pretitulo-mobile{display:none;font-family:var(--font-text);font-weight:400;font-size:1.8rem;line-height:100%;letter-spacing:.18rem;text-transform:uppercase}@media (max-width: 375px){.mdl-seoimagen .mdl-container .m-pretitulo-mobile{font-size:1.4rem;letter-spacing:.056rem}}.mdl-seoimagen .mdl-container .m-pretitulo-mobile{color:#515050b2;text-transform:uppercase;margin:6.1rem auto 4rem}.mdl-seoimagen .mdl-container .m-content-left{background-size:cover;background-position:center;width:50%;height:100%;display:flex;flex-direction:column;align-items:center;position:relative}.mdl-seoimagen .mdl-container .m-content-left .svgBack{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease;width:41.7rem;padding-top:8.4rem;pointer-events:none;position:absolute;z-index:1;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.mdl-seoimagen .mdl-container .m-content-left .js-active-slider{height:100%}.mdl-seoimagen .mdl-container .m-content-left .swiper,.mdl-seoimagen .mdl-container .m-content-left .swiper .swiper-container{width:100%;height:100%}.mdl-seoimagen .mdl-container .m-content-left .swiper .swiper-container img{width:100%;height:100%;object-fit:cover}.mdl-seoimagen .mdl-container .m-content-left:hover .svgBack{opacity:1;transform:translateY(0);pointer-events:auto}.mdl-seoimagen .mdl-container .m-content-right{width:50%;height:100%;display:flex;align-items:center;justify-content:center}.mdl-seoimagen .mdl-container .m-content-right .m-content{width:62rem;height:auto;padding:0 5rem}.mdl-seoimagen .mdl-container .m-content-right .m-content .m-pretitulo{font-family:var(--font-text);font-weight:400;font-size:1.8rem;line-height:100%;letter-spacing:.18rem;text-transform:uppercase}@media (max-width: 375px){.mdl-seoimagen .mdl-container .m-content-right .m-content .m-pretitulo{font-size:1.4rem;letter-spacing:.056rem}}.mdl-seoimagen .mdl-container .m-content-right .m-content .m-pretitulo{color:var(--cl_pretitle);text-transform:uppercase}.mdl-seoimagen .mdl-container .m-content-right .m-content .m-titulo{font-family:var(--font-title);font-weight:var(--w_title);font-size:5.5rem;line-height:5.8rem;color:var(--cl_title);margin-top:12rem}.mdl-seoimagen .mdl-container .m-content-right .m-content .m-texto{font-family:var(--font-text);font-weight:var(--w_text);font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-seoimagen .mdl-container .m-content-right .m-content .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-seoimagen .mdl-container .m-content-right .m-content .m-texto{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-seoimagen .mdl-container .m-content-right .m-content .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-seoimagen .mdl-container .m-content-right .m-content .m-texto{font-size:2.2rem;line-height:3rem}}.mdl-seoimagen .mdl-container .m-content-right .m-content .m-texto{color:var(--cl_text);margin-top:5rem}.mdl-seoimagen .mdl-container .m-content-right .m-content .m-button-big{margin-top:5rem}@media (max-width: 1080px){.mdl-seoimagen .mdl-container{height:auto;width:100%;display:flex;flex-direction:column!important}.mdl-seoimagen .mdl-container .m-pretitulo-mobile{display:block}.mdl-seoimagen .mdl-container .m-content-left{width:100%;height:102rem}.mdl-seoimagen .mdl-container .m-content-right{width:100%;padding-bottom:7rem}.mdl-seoimagen .mdl-container .m-content-right .m-content{width:61.7rem}.mdl-seoimagen .mdl-container .m-content-right .m-content .m-pretitulo{display:none}.mdl-seoimagen .mdl-container .m-content-right .m-content .m-titulo{margin-top:5rem}.mdl-seoimagen .mdl-container .m-content-right .m-content .m-button-big{margin:5rem auto 0}}@media (max-width: 768px){.mdl-seoimagen .mdl-container .m-content-left{height:76.8rem}.mdl-seoimagen .mdl-container .m-content-right .m-content{padding:0 7.5rem}}@media (max-width: 540px){.mdl-seoimagen .mdl-container .m-content-left{height:54rem}.mdl-seoimagen .mdl-container .m-content-right .m-content{padding:0 3rem}}@media (max-width: 375px){.mdl-seoimagen .mdl-container .m-content-left{height:37.5rem}}.mdl-seoimagen.full-slider .m-content-left{width:100%;min-width:0}.mdl-seoimagen.full-slider .m-content-left .swiper{width:100%!important;max-width:100%!important;overflow:hidden}.mdl-seoimagen.full-slider .m-content-left .swiper-wrapper{width:100%!important;max-width:100%!important;box-sizing:border-box}.mdl-seoimagen.full-slider .m-content-left .swiper-slide{width:100%!important;max-width:100%!important;flex:0 0 100%!important;box-sizing:border-box}.mdl-seoimagen.full-slider .m-content-left img{width:100%;height:100%;display:block;object-fit:cover;max-height:80vh}.mdl-seoimagen.full-slider .mdl-container{height:100%;padding:60px 0}.mdl-seoimagen.full-slider .swiper-slide{position:relative}.mdl-seoimagen.full-slider .slide-media{position:relative;width:100%;height:100%}.mdl-seoimagen.full-slider .slide-media img{width:100%;height:auto;display:block;object-fit:cover}.mdl-seoimagen.full-slider .slide-overlay .m-content{position:relative;z-index:1;padding:24px;max-width:560px;pointer-events:auto}.mdl-seoimagen.full-slider .swiper-button-prev,.mdl-seoimagen.full-slider .swiper-button-next{z-index:5}.mdl-seoimagen.full-slider .full-slider{width:100%!important}.mdl-seoimagen.full-slider .full-slider .slide-media{display:flex;flex-direction:row;height:100%}.mdl-seoimagen.full-slider .full-slider .slide-media img{width:50%;height:80vh}.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay{pointer-events:none;width:50%;height:auto;display:flex;align-items:center;justify-content:center}.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content{width:100%;height:auto;padding:5rem}.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content .m-pretitulo{font-family:var(--font-text);font-weight:400;font-size:1.8rem;line-height:100%;letter-spacing:.18rem;text-transform:uppercase}@media (max-width: 375px){.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content .m-pretitulo{font-size:1.4rem;letter-spacing:.056rem}}.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content .m-pretitulo{color:var(--cl_pretitle);text-transform:uppercase}.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content .m-titulo{font-family:var(--font-title);font-weight:var(--w_title);font-size:5.5rem;line-height:5.8rem;color:var(--cl_title);margin-top:12rem;margin-left:-10rem}@media (max-width: 1500px){.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content .m-titulo{margin-left:0rem}}.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content .m-titulo.no-pad{margin-top:0}.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content .m-texto{font-family:var(--font-text);font-weight:var(--w_text);font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content .m-texto{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content .m-texto{font-size:2.2rem;line-height:3rem}}.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content .m-texto{color:var(--cl_text);margin-top:5rem;line-height:var(--lh_text)}.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content .m-button-big{margin-top:5rem}@media (min-width: 1080px) and (max-width: 1500px){.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay{width:30%}}@media (max-width: 1080px){.mdl-seoimagen.full-slider .full-slider{height:100%!important}.mdl-seoimagen.full-slider .full-slider .slide-media{flex-direction:column;height:100%}.mdl-seoimagen.full-slider .full-slider .slide-media img{width:100%;object-fit:contain}.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay{width:100%}.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-titulo{margin-left:-10rem}.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content{width:100vw}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup", "disablePointerNone"], outputs: ["anchorClicked"] }] }); }
|
|
15255
15260
|
}
|
|
15256
15261
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonSliC1ImgTextComponent, decorators: [{
|
|
15257
15262
|
type: Component,
|
|
15258
|
-
args: [{ selector: 'lib-babylon-sli-c1-img-text', standalone: true, imports: [CommonModule, BabylonLinkTypeDirective], template: "<section\n class=\"mdl-seoimagen\"\n [ngClass]=\"{\n 'full-slider': (multimedia?.imagenes?.length ?? 0) > 1,\n }\"\n>\n <div class=\"mdl-container\" [ngClass]=\"{ 'seo-right': rigthSide }\">\n <!-- A\u00F1adir seo-right si la imagen debe ir a la derecha -->\n @if (texts?.subtitle) {\n <h2 class=\"m-pretitulo-mobile\">{{ texts?.subtitle }}</h2>\n }\n\n @if (multimedia?.imagenes?.length) {\n <div\n class=\"m-content-left\"\n [ngClass]=\"{\n 'full-slider': (multimedia?.imagenes?.length ?? 0) > 1,\n }\"\n >\n <!-- Contenedor principal: HOST de la directiva -->\n <div\n class=\"js-active-slider\"\n data-slider_autoplay=\"true\"\n data-slider_speed=\"600\"\n data-slides_infinite=\"true\"\n data-slider_draggable=\"true\"\n data-slider_showbtns=\"false\"\n data-slider_showdots=\"false\"\n >\n <div #swiperEl class=\"swiper\">\n <div class=\"swiper-wrapper\">\n @for (item of multimedia?.imagenes; track $index) {\n <div class=\"swiper-slide\">\n <div class=\"slide-media\">\n <img\n [src]=\"item.img?.src\"\n [alt]=\"item.img?.alt\"\n />\n\n @if (\n (multimedia?.imagenes?.length ??\n 0) > 1\n ) {\n <div class=\"slide-overlay\">\n <div class=\"m-content\">\n @if (item.pretitle) {\n <div\n class=\"m-pretitulo\"\n [innerHTML]=\"\n texts?.pretitle\n \"\n ></div>\n }\n @if (item.title) {\n <h2\n class=\"m-titulo\"\n [ngClass]=\"{\n 'no-pad':\n !item.pretitle,\n }\"\n [innerHTML]=\"\n item?.title\n \"\n ></h2>\n }\n @if (item.description) {\n <div\n class=\"m-texto\"\n [innerHTML]=\"\n item.description\n \"\n ></div>\n }\n @if (\n item?.buttons?.length\n ) {\n @for (\n btn of buttons;\n track $index\n ) {\n <a\n [href]=\"btn.url\"\n [linkType]=\"\n btn.linkType\n \"\n [attr.aria-label]=\"\n btn.label\n \"\n class=\"m-button-big-babylon\"\n >\n {{ btn.label }}\n </a>\n }\n }\n </div>\n </div>\n }\n </div>\n </div>\n }\n </div>\n\n <button\n #prevBtn\n type=\"button\"\n class=\"swiper-button-prev\"\n aria-label=\"Previous\"\n ></button>\n\n <button\n #nextBtn\n type=\"button\"\n class=\"swiper-button-next\"\n aria-label=\"Next\"\n ></button>\n </div>\n </div>\n <!-- \n <img\n class=\"svgBack\"\n src=\"/assets/babylon/svg/holidays.svg\"\n alt=\"\"\n /> -->\n </div>\n }\n\n @if (texts && (multimedia?.imagenes?.length ?? 0) < 2) {\n <div class=\"m-content-right\">\n <div class=\"m-content\">\n @if (texts.pretitle) {\n <div\n class=\"m-pretitulo\"\n [innerHTML]=\"texts.pretitle\"\n ></div>\n }\n @if (texts.title) {\n <h2 class=\"m-titulo\" [innerHTML]=\"texts.title\"></h2>\n }\n @if (texts.description) {\n <div\n class=\"m-texto\"\n [innerHTML]=\"texts.description\"\n ></div>\n }\n @if (buttons?.length) {\n @for (item of buttons; track $index) {\n <a\n [href]=\"item.url\"\n [linkType]=\"item.linkType\"\n [attr.aria-label]=\"item.label\"\n class=\"m-button-big-babylon\"\n >{{ item.label }}</a\n >\n }\n }\n </div>\n </div>\n }\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-big-babylon{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:var(--cl_btn-box-text);background-color:var(--cl_btn-box);border-radius:var(--btn_radius);border:1px solid var(--cl_btn-box);transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big-babylon{font-size:1.6rem}}.m-button-big-babylon.red{background-color:#ff4338}@media (hover: hover){.m-button-big-babylon.red:hover{background-color:#ed3b37}}.m-button-big-babylon.blue{background-color:#5b87da}@media (hover: hover){.m-button-big-babylon.blue:hover{background-color:#446ecd}}.m-button-big-babylon.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big-babylon.green:hover{background-color:#2ec99b}}.m-button-big-babylon.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big-babylon.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big-babylon span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big-babylon:hover{background-color:var(--cl_btn-box-hover);color:var(--cl_btn-box-text-hover)}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline{font-size:1.6rem}}@media (hover: hover){.m-underline:hover,.m-underline.active{color:#ed3b37}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-red{font-size:1.6rem}}.m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-red:hover{color:#ed3b37}.m-underline-red:hover:after{width:100%}}.m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-blue{font-size:1.6rem}}.m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-blue:hover{color:#446ecd}.m-underline-blue:hover:after{width:100%}}.m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-green{font-size:1.6rem}}.m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-green:hover{color:#2ec99b}.m-underline-green:hover:after{width:100%}}.m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.m-swiper-button.swiper-button-disabled{opacity:.7}.m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.m-swiper-button{width:3.2rem;height:3.2rem}.m-swiper-button svg{width:.5rem}}.m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button-s.prev svg{left:45%}.m-swiper-button-s.next svg{left:55%}@media (hover: hover){.m-swiper-button-s:hover{background-color:#ed3b37}}.m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.m-button-close:hover{background-color:#ed3b37}.m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}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:#00000082!important}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.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)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}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-seoimagen{padding:0!important}.mdl-seoimagen .mdl-container{position:relative;height:1000px;width:100%;display:flex;max-width:none}.mdl-seoimagen .mdl-container.seo-right{flex-direction:row-reverse}.mdl-seoimagen .mdl-container .m-pretitulo-mobile{display:none;font-family:var(--font-text);font-weight:400;font-size:1.8rem;line-height:100%;letter-spacing:.18rem;text-transform:uppercase}@media (max-width: 375px){.mdl-seoimagen .mdl-container .m-pretitulo-mobile{font-size:1.4rem;letter-spacing:.056rem}}.mdl-seoimagen .mdl-container .m-pretitulo-mobile{color:#515050b2;text-transform:uppercase;margin:6.1rem auto 4rem}.mdl-seoimagen .mdl-container .m-content-left{background-size:cover;background-position:center;width:50%;height:100%;display:flex;flex-direction:column;align-items:center;position:relative}.mdl-seoimagen .mdl-container .m-content-left .svgBack{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease;width:41.7rem;padding-top:8.4rem;pointer-events:none;position:absolute;z-index:1;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.mdl-seoimagen .mdl-container .m-content-left .js-active-slider{height:100%}.mdl-seoimagen .mdl-container .m-content-left .swiper,.mdl-seoimagen .mdl-container .m-content-left .swiper .swiper-container{width:100%;height:100%}.mdl-seoimagen .mdl-container .m-content-left .swiper .swiper-container img{width:100%;height:100%;object-fit:cover}.mdl-seoimagen .mdl-container .m-content-left:hover .svgBack{opacity:1;transform:translateY(0);pointer-events:auto}.mdl-seoimagen .mdl-container .m-content-right{width:50%;height:100%;display:flex;align-items:center;justify-content:center}.mdl-seoimagen .mdl-container .m-content-right .m-content{width:62rem;height:auto;padding:0 5rem}.mdl-seoimagen .mdl-container .m-content-right .m-content .m-pretitulo{font-family:var(--font-text);font-weight:400;font-size:1.8rem;line-height:100%;letter-spacing:.18rem;text-transform:uppercase}@media (max-width: 375px){.mdl-seoimagen .mdl-container .m-content-right .m-content .m-pretitulo{font-size:1.4rem;letter-spacing:.056rem}}.mdl-seoimagen .mdl-container .m-content-right .m-content .m-pretitulo{color:var(--cl_pretitle);text-transform:uppercase}.mdl-seoimagen .mdl-container .m-content-right .m-content .m-titulo{font-family:var(--font-title);font-weight:var(--w_title);font-size:5.5rem;line-height:5.8rem;color:var(--cl_title);margin-top:12rem}.mdl-seoimagen .mdl-container .m-content-right .m-content .m-texto{font-family:var(--font-text);font-weight:var(--w_text);font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-seoimagen .mdl-container .m-content-right .m-content .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-seoimagen .mdl-container .m-content-right .m-content .m-texto{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-seoimagen .mdl-container .m-content-right .m-content .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-seoimagen .mdl-container .m-content-right .m-content .m-texto{font-size:2.2rem;line-height:3rem}}.mdl-seoimagen .mdl-container .m-content-right .m-content .m-texto{color:var(--cl_text);margin-top:5rem}.mdl-seoimagen .mdl-container .m-content-right .m-content .m-button-big{margin-top:5rem}@media (max-width: 1080px){.mdl-seoimagen .mdl-container{height:auto;width:100%;display:flex;flex-direction:column!important}.mdl-seoimagen .mdl-container .m-pretitulo-mobile{display:block}.mdl-seoimagen .mdl-container .m-content-left{width:100%;height:102rem}.mdl-seoimagen .mdl-container .m-content-right{width:100%;padding-bottom:7rem}.mdl-seoimagen .mdl-container .m-content-right .m-content{width:61.7rem}.mdl-seoimagen .mdl-container .m-content-right .m-content .m-pretitulo{display:none}.mdl-seoimagen .mdl-container .m-content-right .m-content .m-titulo{margin-top:5rem}.mdl-seoimagen .mdl-container .m-content-right .m-content .m-button-big{margin:5rem auto 0}}@media (max-width: 768px){.mdl-seoimagen .mdl-container .m-content-left{height:76.8rem}.mdl-seoimagen .mdl-container .m-content-right .m-content{padding:0 7.5rem}}@media (max-width: 540px){.mdl-seoimagen .mdl-container .m-content-left{height:54rem}.mdl-seoimagen .mdl-container .m-content-right .m-content{padding:0 3rem}}@media (max-width: 375px){.mdl-seoimagen .mdl-container .m-content-left{height:37.5rem}}.mdl-seoimagen.full-slider .m-content-left{width:100%;min-width:0}.mdl-seoimagen.full-slider .m-content-left .swiper{width:100%!important;max-width:100%!important;overflow:hidden}.mdl-seoimagen.full-slider .m-content-left .swiper-wrapper{width:100%!important;max-width:100%!important;box-sizing:border-box}.mdl-seoimagen.full-slider .m-content-left .swiper-slide{width:100%!important;max-width:100%!important;flex:0 0 100%!important;box-sizing:border-box}.mdl-seoimagen.full-slider .m-content-left img{width:100%;height:100%;display:block;object-fit:cover;max-height:80vh}.mdl-seoimagen.full-slider .mdl-container{height:100%;padding:60px 0}.mdl-seoimagen.full-slider .swiper-slide{position:relative}.mdl-seoimagen.full-slider .slide-media{position:relative;width:100%;height:100%}.mdl-seoimagen.full-slider .slide-media img{width:100%;height:auto;display:block;object-fit:cover}.mdl-seoimagen.full-slider .slide-overlay .m-content{position:relative;z-index:1;padding:24px;max-width:560px;pointer-events:auto}.mdl-seoimagen.full-slider .swiper-button-prev,.mdl-seoimagen.full-slider .swiper-button-next{z-index:5}.mdl-seoimagen.full-slider .full-slider{width:100%!important}.mdl-seoimagen.full-slider .full-slider .slide-media{display:flex;flex-direction:row;height:100%}.mdl-seoimagen.full-slider .full-slider .slide-media img{width:50%;height:80vh}.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay{pointer-events:none;width:50%;height:auto;display:flex;align-items:center;justify-content:center}.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content{width:100%;height:auto;padding:5rem}.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content .m-pretitulo{font-family:var(--font-text);font-weight:400;font-size:1.8rem;line-height:100%;letter-spacing:.18rem;text-transform:uppercase}@media (max-width: 375px){.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content .m-pretitulo{font-size:1.4rem;letter-spacing:.056rem}}.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content .m-pretitulo{color:var(--cl_pretitle);text-transform:uppercase}.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content .m-titulo{font-family:var(--font-title);font-weight:var(--w_title);font-size:5.5rem;line-height:5.8rem;color:var(--cl_title);margin-top:12rem;margin-left:-10rem}@media (max-width: 1500px){.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content .m-titulo{margin-left:0rem}}.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content .m-titulo.no-pad{margin-top:0}.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content .m-texto{font-family:var(--font-text);font-weight:var(--w_text);font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content .m-texto{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content .m-texto{font-size:2.2rem;line-height:3rem}}.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content .m-texto{color:var(--cl_text);margin-top:5rem;line-height:var(--lh_text)}.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content .m-button-big{margin-top:5rem}@media (max-width: 1080px){.mdl-seoimagen.full-slider .full-slider{height:100%!important}.mdl-seoimagen.full-slider .full-slider .slide-media{flex-direction:column;height:100%}.mdl-seoimagen.full-slider .full-slider .slide-media img{width:100%;object-fit:contain}.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay{width:100%}.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-titulo{margin-left:-10rem}.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content{width:100vw}}\n"] }]
|
|
15263
|
+
args: [{ selector: 'lib-babylon-sli-c1-img-text', standalone: true, imports: [CommonModule, BabylonLinkTypeDirective], template: "<section\n class=\"mdl-seoimagen\"\n [ngClass]=\"{\n 'full-slider': (multimedia?.imagenes?.length ?? 0) > 1,\n }\"\n id=\"SliC1ImgText\"\n>\n <div class=\"mdl-container\" [ngClass]=\"{ 'seo-right': rigthSide }\">\n <!-- A\u00F1adir seo-right si la imagen debe ir a la derecha -->\n @if (texts?.subtitle) {\n <h2 class=\"m-pretitulo-mobile\">{{ texts?.subtitle }}</h2>\n }\n\n @if (multimedia?.imagenes?.length) {\n <div\n class=\"m-content-left\"\n [ngClass]=\"{\n 'full-slider': (multimedia?.imagenes?.length ?? 0) > 1,\n }\"\n >\n <!-- Contenedor principal: HOST de la directiva -->\n <div\n class=\"js-active-slider\"\n data-slider_autoplay=\"true\"\n data-slider_speed=\"600\"\n data-slides_infinite=\"true\"\n data-slider_draggable=\"true\"\n data-slider_showbtns=\"false\"\n data-slider_showdots=\"false\"\n >\n <div #swiperEl class=\"swiper\">\n <div class=\"swiper-wrapper\">\n @for (item of multimedia?.imagenes; track $index) {\n <div class=\"swiper-slide\">\n <div class=\"slide-media\">\n <img\n [src]=\"item.img?.src\"\n [alt]=\"item.img?.alt\"\n />\n\n @if (\n (multimedia?.imagenes?.length ??\n 0) > 1\n ) {\n <div class=\"slide-overlay\">\n <div class=\"m-content\">\n @if (item.pretitle) {\n <div\n class=\"m-pretitulo\"\n [innerHTML]=\"\n texts?.pretitle\n \"\n ></div>\n }\n @if (item.title) {\n <h2\n class=\"m-titulo\"\n [ngClass]=\"{\n 'no-pad':\n !item.pretitle,\n }\"\n [innerHTML]=\"\n item?.title\n \"\n ></h2>\n }\n @if (item.description) {\n <div\n class=\"m-texto\"\n [innerHTML]=\"\n item.description\n \"\n ></div>\n }\n @if (\n item?.buttons?.length\n ) {\n @for (\n btn of buttons;\n track $index\n ) {\n <a\n [href]=\"btn.url\"\n [linkType]=\"\n btn.linkType\n \"\n [attr.aria-label]=\"\n btn.label\n \"\n class=\"m-button-big-babylon\"\n >\n {{ btn.label }}\n </a>\n }\n }\n </div>\n </div>\n }\n </div>\n </div>\n }\n </div>\n\n <button\n #prevBtn\n type=\"button\"\n class=\"swiper-button-prev\"\n aria-label=\"Previous\"\n ></button>\n\n <button\n #nextBtn\n type=\"button\"\n class=\"swiper-button-next\"\n aria-label=\"Next\"\n ></button>\n </div>\n </div>\n <!-- \n <img\n class=\"svgBack\"\n src=\"/assets/babylon/svg/holidays.svg\"\n alt=\"\"\n /> -->\n </div>\n }\n\n @if (texts && (multimedia?.imagenes?.length ?? 0) < 2) {\n <div class=\"m-content-right\">\n <div class=\"m-content\">\n @if (texts.pretitle) {\n <div\n class=\"m-pretitulo\"\n [innerHTML]=\"texts.pretitle\"\n ></div>\n }\n @if (texts.title) {\n <h2 class=\"m-titulo\" [innerHTML]=\"texts.title\"></h2>\n }\n @if (texts.description) {\n <div\n class=\"m-texto\"\n [innerHTML]=\"texts.description\"\n ></div>\n }\n @if (buttons?.length) {\n @for (item of buttons; track $index) {\n <a\n [href]=\"item.url\"\n [linkType]=\"item.linkType\"\n [attr.aria-label]=\"item.label\"\n class=\"m-button-big-babylon\"\n >{{ item.label }}</a\n >\n }\n }\n </div>\n </div>\n }\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-big-babylon{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:var(--cl_btn-box-text);background-color:var(--cl_btn-box);border-radius:var(--btn_radius);border:1px solid var(--cl_btn-box);transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big-babylon{font-size:1.6rem}}.m-button-big-babylon.red{background-color:#ff4338}@media (hover: hover){.m-button-big-babylon.red:hover{background-color:#ed3b37}}.m-button-big-babylon.blue{background-color:#5b87da}@media (hover: hover){.m-button-big-babylon.blue:hover{background-color:#446ecd}}.m-button-big-babylon.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big-babylon.green:hover{background-color:#2ec99b}}.m-button-big-babylon.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big-babylon.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big-babylon span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big-babylon:hover{background-color:var(--cl_btn-box-hover);color:var(--cl_btn-box-text-hover)}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline{font-size:1.6rem}}@media (hover: hover){.m-underline:hover,.m-underline.active{color:#ed3b37}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-red{font-size:1.6rem}}.m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-red:hover{color:#ed3b37}.m-underline-red:hover:after{width:100%}}.m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-blue{font-size:1.6rem}}.m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-blue:hover{color:#446ecd}.m-underline-blue:hover:after{width:100%}}.m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-green{font-size:1.6rem}}.m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-green:hover{color:#2ec99b}.m-underline-green:hover:after{width:100%}}.m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.m-swiper-button.swiper-button-disabled{opacity:.7}.m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.m-swiper-button{width:3.2rem;height:3.2rem}.m-swiper-button svg{width:.5rem}}.m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button-s.prev svg{left:45%}.m-swiper-button-s.next svg{left:55%}@media (hover: hover){.m-swiper-button-s:hover{background-color:#ed3b37}}.m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.m-button-close:hover{background-color:#ed3b37}.m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}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:#00000082!important}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.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)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}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-seoimagen{padding:0!important}.mdl-seoimagen .mdl-container{position:relative;height:1000px;width:100%;display:flex;max-width:none}.mdl-seoimagen .mdl-container.seo-right{flex-direction:row-reverse}.mdl-seoimagen .mdl-container .m-pretitulo-mobile{display:none;font-family:var(--font-text);font-weight:400;font-size:1.8rem;line-height:100%;letter-spacing:.18rem;text-transform:uppercase}@media (max-width: 375px){.mdl-seoimagen .mdl-container .m-pretitulo-mobile{font-size:1.4rem;letter-spacing:.056rem}}.mdl-seoimagen .mdl-container .m-pretitulo-mobile{color:#515050b2;text-transform:uppercase;margin:6.1rem auto 4rem}.mdl-seoimagen .mdl-container .m-content-left{background-size:cover;background-position:center;width:50%;height:100%;display:flex;flex-direction:column;align-items:center;position:relative}.mdl-seoimagen .mdl-container .m-content-left .svgBack{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease;width:41.7rem;padding-top:8.4rem;pointer-events:none;position:absolute;z-index:1;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.mdl-seoimagen .mdl-container .m-content-left .js-active-slider{height:100%}.mdl-seoimagen .mdl-container .m-content-left .swiper,.mdl-seoimagen .mdl-container .m-content-left .swiper .swiper-container{width:100%;height:100%}.mdl-seoimagen .mdl-container .m-content-left .swiper .swiper-container img{width:100%;height:100%;object-fit:cover}.mdl-seoimagen .mdl-container .m-content-left:hover .svgBack{opacity:1;transform:translateY(0);pointer-events:auto}.mdl-seoimagen .mdl-container .m-content-right{width:50%;height:100%;display:flex;align-items:center;justify-content:center}.mdl-seoimagen .mdl-container .m-content-right .m-content{width:62rem;height:auto;padding:0 5rem}.mdl-seoimagen .mdl-container .m-content-right .m-content .m-pretitulo{font-family:var(--font-text);font-weight:400;font-size:1.8rem;line-height:100%;letter-spacing:.18rem;text-transform:uppercase}@media (max-width: 375px){.mdl-seoimagen .mdl-container .m-content-right .m-content .m-pretitulo{font-size:1.4rem;letter-spacing:.056rem}}.mdl-seoimagen .mdl-container .m-content-right .m-content .m-pretitulo{color:var(--cl_pretitle);text-transform:uppercase}.mdl-seoimagen .mdl-container .m-content-right .m-content .m-titulo{font-family:var(--font-title);font-weight:var(--w_title);font-size:5.5rem;line-height:5.8rem;color:var(--cl_title);margin-top:12rem}.mdl-seoimagen .mdl-container .m-content-right .m-content .m-texto{font-family:var(--font-text);font-weight:var(--w_text);font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-seoimagen .mdl-container .m-content-right .m-content .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-seoimagen .mdl-container .m-content-right .m-content .m-texto{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-seoimagen .mdl-container .m-content-right .m-content .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-seoimagen .mdl-container .m-content-right .m-content .m-texto{font-size:2.2rem;line-height:3rem}}.mdl-seoimagen .mdl-container .m-content-right .m-content .m-texto{color:var(--cl_text);margin-top:5rem}.mdl-seoimagen .mdl-container .m-content-right .m-content .m-button-big{margin-top:5rem}@media (max-width: 1080px){.mdl-seoimagen .mdl-container{height:auto;width:100%;display:flex;flex-direction:column!important}.mdl-seoimagen .mdl-container .m-pretitulo-mobile{display:block}.mdl-seoimagen .mdl-container .m-content-left{width:100%;height:102rem}.mdl-seoimagen .mdl-container .m-content-right{width:100%;padding-bottom:7rem}.mdl-seoimagen .mdl-container .m-content-right .m-content{width:61.7rem}.mdl-seoimagen .mdl-container .m-content-right .m-content .m-pretitulo{display:none}.mdl-seoimagen .mdl-container .m-content-right .m-content .m-titulo{margin-top:5rem}.mdl-seoimagen .mdl-container .m-content-right .m-content .m-button-big{margin:5rem auto 0}}@media (max-width: 768px){.mdl-seoimagen .mdl-container .m-content-left{height:76.8rem}.mdl-seoimagen .mdl-container .m-content-right .m-content{padding:0 7.5rem}}@media (max-width: 540px){.mdl-seoimagen .mdl-container .m-content-left{height:54rem}.mdl-seoimagen .mdl-container .m-content-right .m-content{padding:0 3rem}}@media (max-width: 375px){.mdl-seoimagen .mdl-container .m-content-left{height:37.5rem}}.mdl-seoimagen.full-slider .m-content-left{width:100%;min-width:0}.mdl-seoimagen.full-slider .m-content-left .swiper{width:100%!important;max-width:100%!important;overflow:hidden}.mdl-seoimagen.full-slider .m-content-left .swiper-wrapper{width:100%!important;max-width:100%!important;box-sizing:border-box}.mdl-seoimagen.full-slider .m-content-left .swiper-slide{width:100%!important;max-width:100%!important;flex:0 0 100%!important;box-sizing:border-box}.mdl-seoimagen.full-slider .m-content-left img{width:100%;height:100%;display:block;object-fit:cover;max-height:80vh}.mdl-seoimagen.full-slider .mdl-container{height:100%;padding:60px 0}.mdl-seoimagen.full-slider .swiper-slide{position:relative}.mdl-seoimagen.full-slider .slide-media{position:relative;width:100%;height:100%}.mdl-seoimagen.full-slider .slide-media img{width:100%;height:auto;display:block;object-fit:cover}.mdl-seoimagen.full-slider .slide-overlay .m-content{position:relative;z-index:1;padding:24px;max-width:560px;pointer-events:auto}.mdl-seoimagen.full-slider .swiper-button-prev,.mdl-seoimagen.full-slider .swiper-button-next{z-index:5}.mdl-seoimagen.full-slider .full-slider{width:100%!important}.mdl-seoimagen.full-slider .full-slider .slide-media{display:flex;flex-direction:row;height:100%}.mdl-seoimagen.full-slider .full-slider .slide-media img{width:50%;height:80vh}.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay{pointer-events:none;width:50%;height:auto;display:flex;align-items:center;justify-content:center}.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content{width:100%;height:auto;padding:5rem}.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content .m-pretitulo{font-family:var(--font-text);font-weight:400;font-size:1.8rem;line-height:100%;letter-spacing:.18rem;text-transform:uppercase}@media (max-width: 375px){.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content .m-pretitulo{font-size:1.4rem;letter-spacing:.056rem}}.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content .m-pretitulo{color:var(--cl_pretitle);text-transform:uppercase}.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content .m-titulo{font-family:var(--font-title);font-weight:var(--w_title);font-size:5.5rem;line-height:5.8rem;color:var(--cl_title);margin-top:12rem;margin-left:-10rem}@media (max-width: 1500px){.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content .m-titulo{margin-left:0rem}}.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content .m-titulo.no-pad{margin-top:0}.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content .m-texto{font-family:var(--font-text);font-weight:var(--w_text);font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content .m-texto{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content .m-texto{font-size:2.2rem;line-height:3rem}}.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content .m-texto{color:var(--cl_text);margin-top:5rem;line-height:var(--lh_text)}.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content .m-button-big{margin-top:5rem}@media (min-width: 1080px) and (max-width: 1500px){.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay{width:30%}}@media (max-width: 1080px){.mdl-seoimagen.full-slider .full-slider{height:100%!important}.mdl-seoimagen.full-slider .full-slider .slide-media{flex-direction:column;height:100%}.mdl-seoimagen.full-slider .full-slider .slide-media img{width:100%;object-fit:contain}.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay{width:100%}.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-titulo{margin-left:-10rem}.mdl-seoimagen.full-slider .full-slider .slide-media .slide-overlay .m-content{width:100vw}}\n"] }]
|
|
15259
15264
|
}], propDecorators: { rigthSide: [{
|
|
15260
15265
|
type: Input
|
|
15261
15266
|
}], texts: [{
|
|
@@ -18258,11 +18263,11 @@ class C4ForC2TxtComponent {
|
|
|
18258
18263
|
this.submitted = false;
|
|
18259
18264
|
}
|
|
18260
18265
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: C4ForC2TxtComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18261
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: C4ForC2TxtComponent, isStandalone: true, selector: "ces-c4-for-c2-txt", inputs: { identifier: "identifier", texts: "texts", hotels: "hotels", consultType: "consultType", buttons: "buttons" }, outputs: { submitForm: "submitForm" }, usesOnChanges: true, ngImport: i0, template: "<section class=\"mdl-h09\" [id]=\"identifier\">\n <div class=\"mdl-container\">\n @if (texts) {\n <div class=\"m-left\">\n @if (texts.title) {\n <h3 class=\"m-titulo\" [innerHTML]=\"texts.title\"></h3>\n }\n @if (texts.description) {\n <div class=\"m-texto\" [innerHTML]=\"texts.description\"></div>\n }\n </div>\n }\n <div class=\"m-right\">\n <div class=\"consulta-form\">\n <form [formGroup]=\"form\" (ngSubmit)=\"onSubmit()\" novalidate>\n @if (consultType?.props ?? consultType?.options; as opts) {\n <div class=\"form-group\">\n <label>{{ texts?.dropdownTitle }}</label>\n <select\n formControlName=\"consultTypeId\"\n [class.is-invalid]=\"isInvalid('consultTypeId')\"\n >\n <option value=\"\" selected disabled>\n {{ texts?.dropdownPlaceholder }}\n </option>\n @for (option of opts; track option) {\n <option [value]=\"option.Id ?? option.code\">\n {{ option.name }}\n </option>\n }\n </select>\n </div>\n }\n\n <div class=\"form-row\">\n <div class=\"form-group\">\n @if (texts?.inputName) {\n <label for=\"name\">{{ texts?.inputName }}</label>\n <input\n type=\"text\"\n id=\"name\"\n formControlName=\"name\"\n [placeholder]=\"texts?.inputNamePlaceHolder\"\n [class.is-invalid]=\"isInvalid('name')\"\n />\n }\n\n @if (texts?.inputlastname || texts?.inputSurnames) {\n <label for=\"lastname\">{{\n texts?.inputlastname ?? texts?.inputSurnames\n }}</label>\n <input\n type=\"text\"\n id=\"lastname\"\n formControlName=\"lastname\"\n [placeholder]=\"\n texts?.inputlastnamePlaceHolder ??\n texts?.inputSurnamesPlaceHolder\n \"\n [class.is-invalid]=\"isInvalid('lastname')\"\n />\n }\n </div>\n </div>\n\n <div class=\"form-row\">\n <div class=\"form-group\">\n @if (texts?.inputEmail) {\n <label for=\"email\">{{\n texts?.inputEmail\n }}</label>\n <input\n type=\"email\"\n id=\"email\"\n formControlName=\"email\"\n [placeholder]=\"texts?.inputEmailPlaceHolder\"\n [class.is-invalid]=\"isInvalid('email')\"\n />\n }\n </div>\n\n <div class=\"form-group\">\n @if (texts?.inputPhone) {\n <label for=\"phone\">{{\n texts?.inputPhone\n }}</label>\n <input\n type=\"tel\"\n id=\"phone\"\n formControlName=\"phone\"\n [placeholder]=\"texts?.inputPhonePlaceHolder\"\n [class.is-invalid]=\"isInvalid('phone')\"\n />\n }\n </div>\n </div>\n\n @if (texts?.inputMessage) {\n <div class=\"form-group\">\n <label for=\"message\">{{\n texts?.inputMessage\n }}</label>\n <textarea\n id=\"message\"\n formControlName=\"message\"\n [placeholder]=\"texts?.inputMessagePlaceHolder\"\n [class.is-invalid]=\"isInvalid('message')\"\n ></textarea>\n </div>\n }\n\n <div class=\"form-footer\">\n @if (texts?.conditions) {\n <label class=\"privacidad\">\n <input\n type=\"checkbox\"\n formControlName=\"privacy\"\n [class.is-invalid]=\"isInvalid('privacy')\"\n />\n <span\n class=\"privacidad__box\"\n aria-hidden=\"true\"\n ></span>\n <span class=\"privacidad__texto\">{{\n texts?.conditions\n }}</span>\n </label>\n }\n\n @if (buttons?.length) {\n <button\n type=\"submit\"\n class=\"m-button-clean enviar\"\n [disabled]=\"form.invalid\"\n [attr.aria-label]=\"\n buttons?.[0]?.label || buttons?.[0]?.name\n \"\n >\n {{ buttons?.[0]?.label || buttons?.[0]?.name }}\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 />\n <path\n d=\"M48.875 2.80078H0.375\"\n stroke=\"#B7985D\"\n stroke-width=\"0.75\"\n stroke-linecap=\"round\"\n />\n </svg>\n </button>\n }\n </div>\n </form>\n </div>\n </div>\n </div>\n</section>\n", styles: [".mdl-h09{padding:6rem 5rem;display:flex;justify-content:center}.mdl-h09 .mdl-container{max-width:143.6rem;display:flex;justify-content:space-between;width:120%}.mdl-h09 .mdl-container .m-left{width:100%;max-width:54.8rem}.mdl-h09 .mdl-container .m-left .m-titulo{font-family:bentham,sans-serif;font-weight:400;font-size:4rem;line-height:4rem;color:#b7985d}.mdl-h09 .mdl-container .m-left .m-texto{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:2.2rem;color:#54565a;margin-top:2rem;margin-left:6.6rem}@media (max-width: 768px){.mdl-h09 .mdl-container .m-left .m-texto{line-height:2.4rem}}.mdl-h09 .mdl-container .m-right{width:100%;max-width:67rem;padding:5.3rem 0 0}.mdl-h09 .mdl-container .m-right .consulta-form{max-width:67rem;margin:0 auto;font-family:sourcesans,sans-serif;font-weight:600;font-size:1.3rem;line-height:100%;color:#b7985d;padding:4rem 0 0}.mdl-h09 .mdl-container .m-right .consulta-form input::-moz-placeholder,.mdl-h09 .mdl-container .m-right .consulta-form textarea::-moz-placeholder{color:#b7985d;opacity:1;font-family:sourcesans,sans-serif;font-weight:600;font-size:1.3rem;line-height:100%;font-size:1em;letter-spacing:.04em}.mdl-h09 .mdl-container .m-right .consulta-form input::placeholder,.mdl-h09 .mdl-container .m-right .consulta-form textarea::placeholder{color:#b7985d;opacity:1;font-family:sourcesans,sans-serif;font-weight:600;font-size:1.3rem;line-height:100%;font-size:1em;letter-spacing:.04em}.mdl-h09 .mdl-container .m-right .consulta-form label{display:block;font-weight:500;letter-spacing:.05em;margin-bottom:.7rem;color:#b7985d;display:none}.mdl-h09 .mdl-container .m-right .consulta-form .form-group,.mdl-h09 .mdl-container .m-right .consulta-form .form-row{margin-bottom:1.6rem;width:100%}.mdl-h09 .mdl-container .m-right .consulta-form .form-row{display:flex}.mdl-h09 .mdl-container .m-right .consulta-form .m-mail .form-group{width:60%}.mdl-h09 .mdl-container .m-right .consulta-form .m-mail .form-group:last-child{width:40%}.mdl-h09 .mdl-container .m-right .consulta-form input,.mdl-h09 .mdl-container .m-right .consulta-form select,.mdl-h09 .mdl-container .m-right .consulta-form textarea{background:none;border:none;border-bottom:1px solid #b7985d;color:#b7985d;letter-spacing:.05em;padding:1.4rem 0;width:100%;outline:none;transition:border-color .2s;font-family:sourcesans,sans-serif;font-weight:600;font-size:1.3rem;line-height:100%;line-height:20px}.mdl-h09 .mdl-container .m-right .consulta-form textarea{height:10rem;resize:none}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad{display:flex;align-items:center;font-size:1em;margin-top:1.8rem;font-family:sourcesans,sans-serif;font-weight:400;font-size:1.4rem;line-height:100%}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad input[type=checkbox]{accent-color:#b7985d;width:1.5rem;height:1.5rem;margin-right:.8rem;border-radius:0;border-color:#b7985d!important;color:#b7985d}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad a{color:#b7985d}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad input[type=checkbox]{position:absolute;opacity:0;pointer-events:none}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad span.privacidad__texto{margin-left:10px}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad .privacidad__box{width:1.6rem;height:1.6rem;border-bottom:1px solid #b7985d;display:inline-flex;align-items:center;justify-content:center;flex:0 0 1.6rem;background:#0000;transition:transform .15s ease,border-color .15s ease,background .15s ease}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad .privacidad__box:after{content:\"\";width:.45rem;height:.85rem;border-right:2px solid #b7985d;border-bottom:2px solid #b7985d;transform:rotate(45deg) scale(0);transform-origin:center;transition:transform .15s ease;margin-top:-1px}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad input[type=checkbox]:checked+.privacidad__box:after{transform:rotate(45deg) scale(1)}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad input[type=checkbox]:focus+.privacidad__box{outline:2px solid rgba(183,152,93,.35);outline-offset:2px}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad input[type=checkbox].is-invalid+.privacidad__box{border-bottom-color:var(--cl_alert-text-error)}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad input[type=checkbox].is-invalid+.privacidad__box:after{border-right-color:var(--cl_alert-text-error);border-bottom-color:var(--cl_alert-text-error)}.mdl-h09 .mdl-container .m-right .consulta-form .form-footer{display:flex;justify-content:space-between;align-items:center;margin-top:0}.mdl-h09 .mdl-container .m-right .consulta-form .enviar{background:none;border:none;color:#b7985d;font-size:1.08em;letter-spacing:.07em;cursor:pointer;display:flex;align-items:center}.mdl-h09 .mdl-container .m-right .consulta-form .enviar .flecha{font-size:1.5em;margin-left:1.9rem;transform:translateY(.2rem)}.mdl-h09 .mdl-container .m-right .consulta-form input.is-invalid,.mdl-h09 .mdl-container .m-right .consulta-form select.is-invalid,.mdl-h09 .mdl-container .m-right .consulta-form textarea.is-invalid{border-bottom-color:var(--cl_alert-text-error)!important}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad input[type=checkbox].is-invalid{outline:2px solid var(--cl_alert-text-error);outline-offset:2px}.mdl-h09 .mdl-container .m-right .consulta-form .enviar[disabled]{opacity:.45;cursor:not-allowed;pointer-events:none}@media (max-width: 1440px){.mdl-h09 .mdl-container{flex-direction:column;max-width:67rem}.mdl-h09 .mdl-container .m-left{max-width:100%;margin-left:-6.6rem}.mdl-h09 .mdl-container .m-right .consulta-form{padding:0}}@media (max-width: 1080px){.mdl-h09 .mdl-container .m-left,.mdl-h09 .mdl-container .m-left .m-texto{margin-left:0}}@media (max-width: 540px){.mdl-h09 .mdl-container .m-right .consulta-form .form-row{flex-direction:column;gap:1.2rem;margin-bottom:1.2rem}.mdl-h09 .mdl-container .m-right .consulta-form .form-row .form-group{width:100%!important}.mdl-h09 .mdl-container .m-right .consulta-form .form-footer{flex-direction:column-reverse;align-items:normal;gap:2rem}.mdl-h09 .mdl-container .m-right .consulta-form .enviar{justify-content:flex-end}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$4.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$4.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$4.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$4.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }] }); }
|
|
18266
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: C4ForC2TxtComponent, isStandalone: true, selector: "ces-c4-for-c2-txt", inputs: { identifier: "identifier", texts: "texts", hotels: "hotels", consultType: "consultType", buttons: "buttons" }, outputs: { submitForm: "submitForm" }, usesOnChanges: true, ngImport: i0, template: "<section class=\"mdl-h09\" [id]=\"identifier\">\n <div class=\"mdl-container\">\n @if (texts) {\n <div class=\"m-left\">\n @if (texts.title) {\n <h3 class=\"m-titulo\" [innerHTML]=\"texts.title\"></h3>\n }\n @if (texts.description) {\n <div class=\"m-texto\" [innerHTML]=\"texts.description\"></div>\n }\n </div>\n }\n <div class=\"m-right\">\n <div class=\"consulta-form\">\n <form [formGroup]=\"form\" (ngSubmit)=\"onSubmit()\" novalidate>\n @if (consultType?.props ?? consultType?.options; as opts) {\n <div class=\"form-group\">\n <label>{{ texts?.dropdownTitle }}</label>\n <select\n formControlName=\"consultTypeId\"\n [class.is-invalid]=\"isInvalid('consultTypeId')\"\n >\n <option value=\"\" selected disabled>\n {{ texts?.dropdownPlaceholder }}\n </option>\n @for (option of opts; track option) {\n <option [value]=\"option.Id ?? option.code\">\n {{ option.name }}\n </option>\n }\n </select>\n </div>\n }\n\n <div class=\"form-row\">\n <div class=\"form-group\">\n @if (texts?.inputName) {\n <label for=\"name\">{{ texts?.inputName }}</label>\n <input\n type=\"text\"\n id=\"name\"\n formControlName=\"name\"\n [placeholder]=\"texts?.inputNamePlaceHolder\"\n [class.is-invalid]=\"isInvalid('name')\"\n />\n }\n\n @if (texts?.inputlastname || texts?.inputSurnames) {\n <label for=\"lastname\">{{\n texts?.inputlastname ?? texts?.inputSurnames\n }}</label>\n <input\n type=\"text\"\n id=\"lastname\"\n formControlName=\"lastname\"\n [placeholder]=\"\n texts?.inputlastnamePlaceHolder ??\n texts?.inputSurnamesPlaceHolder\n \"\n [class.is-invalid]=\"isInvalid('lastname')\"\n />\n }\n </div>\n </div>\n\n <div class=\"form-row\">\n <div class=\"form-group\">\n @if (texts?.inputEmail) {\n <label for=\"email\">{{\n texts?.inputEmail\n }}</label>\n <input\n type=\"email\"\n id=\"email\"\n formControlName=\"email\"\n [placeholder]=\"texts?.inputEmailPlaceHolder\"\n [class.is-invalid]=\"isInvalid('email')\"\n />\n }\n </div>\n\n <div class=\"form-group\">\n @if (texts?.inputPhone) {\n <label for=\"phone\">{{\n texts?.inputPhone\n }}</label>\n <input\n type=\"tel\"\n id=\"phone\"\n formControlName=\"phone\"\n [placeholder]=\"texts?.inputPhonePlaceHolder\"\n [class.is-invalid]=\"isInvalid('phone')\"\n />\n }\n </div>\n </div>\n\n @if (texts?.inputMessage) {\n <div class=\"form-group\">\n <label for=\"message\">{{\n texts?.inputMessage\n }}</label>\n <textarea\n id=\"message\"\n formControlName=\"message\"\n [placeholder]=\"texts?.inputMessagePlaceHolder\"\n [class.is-invalid]=\"isInvalid('message')\"\n ></textarea>\n </div>\n }\n\n <div class=\"form-footer\">\n @if (texts?.conditions) {\n <label class=\"privacidad\">\n <input\n type=\"checkbox\"\n formControlName=\"privacy\"\n [class.is-invalid]=\"isInvalid('privacy')\"\n />\n <span\n class=\"privacidad__box\"\n aria-hidden=\"true\"\n ></span>\n <span class=\"privacidad__texto\">\n <a\n [href]=\"buttons?.[0]?.url\"\n target=\"_blank\"\n class=\"link-terminos\"\n >{{ texts?.conditions }}</a\n ></span\n >\n </label>\n }\n\n @if (buttons?.length) {\n <button\n type=\"submit\"\n class=\"m-button-clean enviar\"\n [disabled]=\"form.invalid\"\n [attr.aria-label]=\"\n buttons?.[0]?.label || buttons?.[0]?.name\n \"\n >\n {{ buttons?.[0]?.label || buttons?.[0]?.name }}\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 />\n <path\n d=\"M48.875 2.80078H0.375\"\n stroke=\"#B7985D\"\n stroke-width=\"0.75\"\n stroke-linecap=\"round\"\n />\n </svg>\n </button>\n }\n </div>\n </form>\n </div>\n </div>\n </div>\n</section>\n", styles: [".mdl-h09{padding:6rem 5rem;display:flex;justify-content:center}.mdl-h09 .mdl-container{max-width:143.6rem;display:flex;justify-content:space-between;width:120%}.mdl-h09 .mdl-container .m-left{width:100%;max-width:54.8rem}.mdl-h09 .mdl-container .m-left .m-titulo{font-family:bentham,sans-serif;font-weight:400;font-size:4rem;line-height:4rem;color:#b7985d}.mdl-h09 .mdl-container .m-left .m-texto{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:2.2rem;color:#54565a;margin-top:2rem;margin-left:6.6rem}@media (max-width: 768px){.mdl-h09 .mdl-container .m-left .m-texto{line-height:2.4rem}}.mdl-h09 .mdl-container .m-right{width:100%;max-width:67rem;padding:5.3rem 0 0}.mdl-h09 .mdl-container .m-right .consulta-form{max-width:67rem;margin:0 auto;font-family:sourcesans,sans-serif;font-weight:600;font-size:1.3rem;line-height:100%;color:#b7985d;padding:4rem 0 0}.mdl-h09 .mdl-container .m-right .consulta-form input::-moz-placeholder,.mdl-h09 .mdl-container .m-right .consulta-form textarea::-moz-placeholder{color:#b7985d;opacity:1;font-family:sourcesans,sans-serif;font-weight:600;font-size:1.3rem;line-height:100%;font-size:1em;letter-spacing:.04em}.mdl-h09 .mdl-container .m-right .consulta-form input::placeholder,.mdl-h09 .mdl-container .m-right .consulta-form textarea::placeholder{color:#b7985d;opacity:1;font-family:sourcesans,sans-serif;font-weight:600;font-size:1.3rem;line-height:100%;font-size:1em;letter-spacing:.04em}.mdl-h09 .mdl-container .m-right .consulta-form label{display:block;font-weight:500;letter-spacing:.05em;margin-bottom:.7rem;color:#b7985d;display:none}.mdl-h09 .mdl-container .m-right .consulta-form .form-group,.mdl-h09 .mdl-container .m-right .consulta-form .form-row{margin-bottom:1.6rem;width:100%}.mdl-h09 .mdl-container .m-right .consulta-form .form-row{display:flex}.mdl-h09 .mdl-container .m-right .consulta-form .m-mail .form-group{width:60%}.mdl-h09 .mdl-container .m-right .consulta-form .m-mail .form-group:last-child{width:40%}.mdl-h09 .mdl-container .m-right .consulta-form input,.mdl-h09 .mdl-container .m-right .consulta-form select,.mdl-h09 .mdl-container .m-right .consulta-form textarea{background:none;border:none;border-bottom:1px solid #b7985d;color:#b7985d;letter-spacing:.05em;padding:1.4rem 0;width:100%;outline:none;transition:border-color .2s;font-family:sourcesans,sans-serif;font-weight:600;font-size:1.3rem;line-height:100%;line-height:20px}.mdl-h09 .mdl-container .m-right .consulta-form textarea{height:10rem;resize:none}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad{display:flex;align-items:center;font-size:1em;margin-top:1.8rem;font-family:sourcesans,sans-serif;font-weight:400;font-size:1.4rem;line-height:100%}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad input[type=checkbox]{accent-color:#b7985d;width:1.5rem;height:1.5rem;margin-right:.8rem;border-radius:0;border-color:#b7985d!important;color:#b7985d}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad a{color:#b7985d}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad input[type=checkbox]{position:absolute;opacity:0;pointer-events:none}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad span.privacidad__texto{margin-left:10px}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad .privacidad__box{width:1.6rem;height:1.6rem;border-bottom:1px solid #b7985d;display:inline-flex;align-items:center;justify-content:center;flex:0 0 1.6rem;background:#0000;transition:transform .15s ease,border-color .15s ease,background .15s ease}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad .privacidad__box:after{content:\"\";width:.45rem;height:.85rem;border-right:2px solid #b7985d;border-bottom:2px solid #b7985d;transform:rotate(45deg) scale(0);transform-origin:center;transition:transform .15s ease;margin-top:-1px}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad input[type=checkbox]:checked+.privacidad__box:after{transform:rotate(45deg) scale(1)}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad input[type=checkbox]:focus+.privacidad__box{outline:2px solid rgba(183,152,93,.35);outline-offset:2px}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad input[type=checkbox].is-invalid+.privacidad__box{border-bottom-color:var(--cl_alert-text-error)}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad input[type=checkbox].is-invalid+.privacidad__box:after{border-right-color:var(--cl_alert-text-error);border-bottom-color:var(--cl_alert-text-error)}.mdl-h09 .mdl-container .m-right .consulta-form .form-footer{display:flex;justify-content:space-between;align-items:center;margin-top:0}.mdl-h09 .mdl-container .m-right .consulta-form .enviar{background:none;border:none;color:#b7985d;font-size:1.08em;letter-spacing:.07em;cursor:pointer;display:flex;align-items:center}.mdl-h09 .mdl-container .m-right .consulta-form .enviar .flecha{font-size:1.5em;margin-left:1.9rem;transform:translateY(.2rem)}.mdl-h09 .mdl-container .m-right .consulta-form input.is-invalid,.mdl-h09 .mdl-container .m-right .consulta-form select.is-invalid,.mdl-h09 .mdl-container .m-right .consulta-form textarea.is-invalid{border-bottom-color:var(--cl_alert-text-error)!important}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad input[type=checkbox].is-invalid{outline:2px solid var(--cl_alert-text-error);outline-offset:2px}.mdl-h09 .mdl-container .m-right .consulta-form .enviar[disabled]{opacity:.45;cursor:not-allowed;pointer-events:none}@media (max-width: 1440px){.mdl-h09 .mdl-container{flex-direction:column;max-width:67rem}.mdl-h09 .mdl-container .m-left{max-width:100%;margin-left:-6.6rem}.mdl-h09 .mdl-container .m-right .consulta-form{padding:0}}@media (max-width: 1080px){.mdl-h09 .mdl-container .m-left,.mdl-h09 .mdl-container .m-left .m-texto{margin-left:0}}@media (max-width: 540px){.mdl-h09 .mdl-container .m-right .consulta-form .form-row{flex-direction:column;gap:1.2rem;margin-bottom:1.2rem}.mdl-h09 .mdl-container .m-right .consulta-form .form-row .form-group{width:100%!important}.mdl-h09 .mdl-container .m-right .consulta-form .form-footer{flex-direction:column-reverse;align-items:normal;gap:2rem}.mdl-h09 .mdl-container .m-right .consulta-form .enviar{justify-content:flex-end}}.mdl-h09 .link-terminos{text-decoration:underline;cursor:pointer;text-underline-offset:4px;transition:opacity .2s}.mdl-h09 .link-terminos:hover{text-decoration:none;opacity:.8}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$4.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$4.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$4.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$4.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }] }); }
|
|
18262
18267
|
}
|
|
18263
18268
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: C4ForC2TxtComponent, decorators: [{
|
|
18264
18269
|
type: Component,
|
|
18265
|
-
args: [{ selector: 'ces-c4-for-c2-txt', standalone: true, imports: [CommonModule, ReactiveFormsModule], template: "<section class=\"mdl-h09\" [id]=\"identifier\">\n <div class=\"mdl-container\">\n @if (texts) {\n <div class=\"m-left\">\n @if (texts.title) {\n <h3 class=\"m-titulo\" [innerHTML]=\"texts.title\"></h3>\n }\n @if (texts.description) {\n <div class=\"m-texto\" [innerHTML]=\"texts.description\"></div>\n }\n </div>\n }\n <div class=\"m-right\">\n <div class=\"consulta-form\">\n <form [formGroup]=\"form\" (ngSubmit)=\"onSubmit()\" novalidate>\n @if (consultType?.props ?? consultType?.options; as opts) {\n <div class=\"form-group\">\n <label>{{ texts?.dropdownTitle }}</label>\n <select\n formControlName=\"consultTypeId\"\n [class.is-invalid]=\"isInvalid('consultTypeId')\"\n >\n <option value=\"\" selected disabled>\n {{ texts?.dropdownPlaceholder }}\n </option>\n @for (option of opts; track option) {\n <option [value]=\"option.Id ?? option.code\">\n {{ option.name }}\n </option>\n }\n </select>\n </div>\n }\n\n <div class=\"form-row\">\n <div class=\"form-group\">\n @if (texts?.inputName) {\n <label for=\"name\">{{ texts?.inputName }}</label>\n <input\n type=\"text\"\n id=\"name\"\n formControlName=\"name\"\n [placeholder]=\"texts?.inputNamePlaceHolder\"\n [class.is-invalid]=\"isInvalid('name')\"\n />\n }\n\n @if (texts?.inputlastname || texts?.inputSurnames) {\n <label for=\"lastname\">{{\n texts?.inputlastname ?? texts?.inputSurnames\n }}</label>\n <input\n type=\"text\"\n id=\"lastname\"\n formControlName=\"lastname\"\n [placeholder]=\"\n texts?.inputlastnamePlaceHolder ??\n texts?.inputSurnamesPlaceHolder\n \"\n [class.is-invalid]=\"isInvalid('lastname')\"\n />\n }\n </div>\n </div>\n\n <div class=\"form-row\">\n <div class=\"form-group\">\n @if (texts?.inputEmail) {\n <label for=\"email\">{{\n texts?.inputEmail\n }}</label>\n <input\n type=\"email\"\n id=\"email\"\n formControlName=\"email\"\n [placeholder]=\"texts?.inputEmailPlaceHolder\"\n [class.is-invalid]=\"isInvalid('email')\"\n />\n }\n </div>\n\n <div class=\"form-group\">\n @if (texts?.inputPhone) {\n <label for=\"phone\">{{\n texts?.inputPhone\n }}</label>\n <input\n type=\"tel\"\n id=\"phone\"\n formControlName=\"phone\"\n [placeholder]=\"texts?.inputPhonePlaceHolder\"\n [class.is-invalid]=\"isInvalid('phone')\"\n />\n }\n </div>\n </div>\n\n @if (texts?.inputMessage) {\n <div class=\"form-group\">\n <label for=\"message\">{{\n texts?.inputMessage\n }}</label>\n <textarea\n id=\"message\"\n formControlName=\"message\"\n [placeholder]=\"texts?.inputMessagePlaceHolder\"\n [class.is-invalid]=\"isInvalid('message')\"\n ></textarea>\n </div>\n }\n\n <div class=\"form-footer\">\n @if (texts?.conditions) {\n <label class=\"privacidad\">\n <input\n type=\"checkbox\"\n formControlName=\"privacy\"\n [class.is-invalid]=\"isInvalid('privacy')\"\n />\n <span\n class=\"privacidad__box\"\n aria-hidden=\"true\"\n ></span>\n <span class=\"privacidad__texto\">{{\n texts?.conditions\n }}</span>\n </label>\n }\n\n @if (buttons?.length) {\n <button\n type=\"submit\"\n class=\"m-button-clean enviar\"\n [disabled]=\"form.invalid\"\n [attr.aria-label]=\"\n buttons?.[0]?.label || buttons?.[0]?.name\n \"\n >\n {{ buttons?.[0]?.label || buttons?.[0]?.name }}\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 />\n <path\n d=\"M48.875 2.80078H0.375\"\n stroke=\"#B7985D\"\n stroke-width=\"0.75\"\n stroke-linecap=\"round\"\n />\n </svg>\n </button>\n }\n </div>\n </form>\n </div>\n </div>\n </div>\n</section>\n", styles: [".mdl-h09{padding:6rem 5rem;display:flex;justify-content:center}.mdl-h09 .mdl-container{max-width:143.6rem;display:flex;justify-content:space-between;width:120%}.mdl-h09 .mdl-container .m-left{width:100%;max-width:54.8rem}.mdl-h09 .mdl-container .m-left .m-titulo{font-family:bentham,sans-serif;font-weight:400;font-size:4rem;line-height:4rem;color:#b7985d}.mdl-h09 .mdl-container .m-left .m-texto{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:2.2rem;color:#54565a;margin-top:2rem;margin-left:6.6rem}@media (max-width: 768px){.mdl-h09 .mdl-container .m-left .m-texto{line-height:2.4rem}}.mdl-h09 .mdl-container .m-right{width:100%;max-width:67rem;padding:5.3rem 0 0}.mdl-h09 .mdl-container .m-right .consulta-form{max-width:67rem;margin:0 auto;font-family:sourcesans,sans-serif;font-weight:600;font-size:1.3rem;line-height:100%;color:#b7985d;padding:4rem 0 0}.mdl-h09 .mdl-container .m-right .consulta-form input::-moz-placeholder,.mdl-h09 .mdl-container .m-right .consulta-form textarea::-moz-placeholder{color:#b7985d;opacity:1;font-family:sourcesans,sans-serif;font-weight:600;font-size:1.3rem;line-height:100%;font-size:1em;letter-spacing:.04em}.mdl-h09 .mdl-container .m-right .consulta-form input::placeholder,.mdl-h09 .mdl-container .m-right .consulta-form textarea::placeholder{color:#b7985d;opacity:1;font-family:sourcesans,sans-serif;font-weight:600;font-size:1.3rem;line-height:100%;font-size:1em;letter-spacing:.04em}.mdl-h09 .mdl-container .m-right .consulta-form label{display:block;font-weight:500;letter-spacing:.05em;margin-bottom:.7rem;color:#b7985d;display:none}.mdl-h09 .mdl-container .m-right .consulta-form .form-group,.mdl-h09 .mdl-container .m-right .consulta-form .form-row{margin-bottom:1.6rem;width:100%}.mdl-h09 .mdl-container .m-right .consulta-form .form-row{display:flex}.mdl-h09 .mdl-container .m-right .consulta-form .m-mail .form-group{width:60%}.mdl-h09 .mdl-container .m-right .consulta-form .m-mail .form-group:last-child{width:40%}.mdl-h09 .mdl-container .m-right .consulta-form input,.mdl-h09 .mdl-container .m-right .consulta-form select,.mdl-h09 .mdl-container .m-right .consulta-form textarea{background:none;border:none;border-bottom:1px solid #b7985d;color:#b7985d;letter-spacing:.05em;padding:1.4rem 0;width:100%;outline:none;transition:border-color .2s;font-family:sourcesans,sans-serif;font-weight:600;font-size:1.3rem;line-height:100%;line-height:20px}.mdl-h09 .mdl-container .m-right .consulta-form textarea{height:10rem;resize:none}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad{display:flex;align-items:center;font-size:1em;margin-top:1.8rem;font-family:sourcesans,sans-serif;font-weight:400;font-size:1.4rem;line-height:100%}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad input[type=checkbox]{accent-color:#b7985d;width:1.5rem;height:1.5rem;margin-right:.8rem;border-radius:0;border-color:#b7985d!important;color:#b7985d}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad a{color:#b7985d}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad input[type=checkbox]{position:absolute;opacity:0;pointer-events:none}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad span.privacidad__texto{margin-left:10px}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad .privacidad__box{width:1.6rem;height:1.6rem;border-bottom:1px solid #b7985d;display:inline-flex;align-items:center;justify-content:center;flex:0 0 1.6rem;background:#0000;transition:transform .15s ease,border-color .15s ease,background .15s ease}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad .privacidad__box:after{content:\"\";width:.45rem;height:.85rem;border-right:2px solid #b7985d;border-bottom:2px solid #b7985d;transform:rotate(45deg) scale(0);transform-origin:center;transition:transform .15s ease;margin-top:-1px}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad input[type=checkbox]:checked+.privacidad__box:after{transform:rotate(45deg) scale(1)}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad input[type=checkbox]:focus+.privacidad__box{outline:2px solid rgba(183,152,93,.35);outline-offset:2px}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad input[type=checkbox].is-invalid+.privacidad__box{border-bottom-color:var(--cl_alert-text-error)}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad input[type=checkbox].is-invalid+.privacidad__box:after{border-right-color:var(--cl_alert-text-error);border-bottom-color:var(--cl_alert-text-error)}.mdl-h09 .mdl-container .m-right .consulta-form .form-footer{display:flex;justify-content:space-between;align-items:center;margin-top:0}.mdl-h09 .mdl-container .m-right .consulta-form .enviar{background:none;border:none;color:#b7985d;font-size:1.08em;letter-spacing:.07em;cursor:pointer;display:flex;align-items:center}.mdl-h09 .mdl-container .m-right .consulta-form .enviar .flecha{font-size:1.5em;margin-left:1.9rem;transform:translateY(.2rem)}.mdl-h09 .mdl-container .m-right .consulta-form input.is-invalid,.mdl-h09 .mdl-container .m-right .consulta-form select.is-invalid,.mdl-h09 .mdl-container .m-right .consulta-form textarea.is-invalid{border-bottom-color:var(--cl_alert-text-error)!important}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad input[type=checkbox].is-invalid{outline:2px solid var(--cl_alert-text-error);outline-offset:2px}.mdl-h09 .mdl-container .m-right .consulta-form .enviar[disabled]{opacity:.45;cursor:not-allowed;pointer-events:none}@media (max-width: 1440px){.mdl-h09 .mdl-container{flex-direction:column;max-width:67rem}.mdl-h09 .mdl-container .m-left{max-width:100%;margin-left:-6.6rem}.mdl-h09 .mdl-container .m-right .consulta-form{padding:0}}@media (max-width: 1080px){.mdl-h09 .mdl-container .m-left,.mdl-h09 .mdl-container .m-left .m-texto{margin-left:0}}@media (max-width: 540px){.mdl-h09 .mdl-container .m-right .consulta-form .form-row{flex-direction:column;gap:1.2rem;margin-bottom:1.2rem}.mdl-h09 .mdl-container .m-right .consulta-form .form-row .form-group{width:100%!important}.mdl-h09 .mdl-container .m-right .consulta-form .form-footer{flex-direction:column-reverse;align-items:normal;gap:2rem}.mdl-h09 .mdl-container .m-right .consulta-form .enviar{justify-content:flex-end}}\n"] }]
|
|
18270
|
+
args: [{ selector: 'ces-c4-for-c2-txt', standalone: true, imports: [CommonModule, ReactiveFormsModule], template: "<section class=\"mdl-h09\" [id]=\"identifier\">\n <div class=\"mdl-container\">\n @if (texts) {\n <div class=\"m-left\">\n @if (texts.title) {\n <h3 class=\"m-titulo\" [innerHTML]=\"texts.title\"></h3>\n }\n @if (texts.description) {\n <div class=\"m-texto\" [innerHTML]=\"texts.description\"></div>\n }\n </div>\n }\n <div class=\"m-right\">\n <div class=\"consulta-form\">\n <form [formGroup]=\"form\" (ngSubmit)=\"onSubmit()\" novalidate>\n @if (consultType?.props ?? consultType?.options; as opts) {\n <div class=\"form-group\">\n <label>{{ texts?.dropdownTitle }}</label>\n <select\n formControlName=\"consultTypeId\"\n [class.is-invalid]=\"isInvalid('consultTypeId')\"\n >\n <option value=\"\" selected disabled>\n {{ texts?.dropdownPlaceholder }}\n </option>\n @for (option of opts; track option) {\n <option [value]=\"option.Id ?? option.code\">\n {{ option.name }}\n </option>\n }\n </select>\n </div>\n }\n\n <div class=\"form-row\">\n <div class=\"form-group\">\n @if (texts?.inputName) {\n <label for=\"name\">{{ texts?.inputName }}</label>\n <input\n type=\"text\"\n id=\"name\"\n formControlName=\"name\"\n [placeholder]=\"texts?.inputNamePlaceHolder\"\n [class.is-invalid]=\"isInvalid('name')\"\n />\n }\n\n @if (texts?.inputlastname || texts?.inputSurnames) {\n <label for=\"lastname\">{{\n texts?.inputlastname ?? texts?.inputSurnames\n }}</label>\n <input\n type=\"text\"\n id=\"lastname\"\n formControlName=\"lastname\"\n [placeholder]=\"\n texts?.inputlastnamePlaceHolder ??\n texts?.inputSurnamesPlaceHolder\n \"\n [class.is-invalid]=\"isInvalid('lastname')\"\n />\n }\n </div>\n </div>\n\n <div class=\"form-row\">\n <div class=\"form-group\">\n @if (texts?.inputEmail) {\n <label for=\"email\">{{\n texts?.inputEmail\n }}</label>\n <input\n type=\"email\"\n id=\"email\"\n formControlName=\"email\"\n [placeholder]=\"texts?.inputEmailPlaceHolder\"\n [class.is-invalid]=\"isInvalid('email')\"\n />\n }\n </div>\n\n <div class=\"form-group\">\n @if (texts?.inputPhone) {\n <label for=\"phone\">{{\n texts?.inputPhone\n }}</label>\n <input\n type=\"tel\"\n id=\"phone\"\n formControlName=\"phone\"\n [placeholder]=\"texts?.inputPhonePlaceHolder\"\n [class.is-invalid]=\"isInvalid('phone')\"\n />\n }\n </div>\n </div>\n\n @if (texts?.inputMessage) {\n <div class=\"form-group\">\n <label for=\"message\">{{\n texts?.inputMessage\n }}</label>\n <textarea\n id=\"message\"\n formControlName=\"message\"\n [placeholder]=\"texts?.inputMessagePlaceHolder\"\n [class.is-invalid]=\"isInvalid('message')\"\n ></textarea>\n </div>\n }\n\n <div class=\"form-footer\">\n @if (texts?.conditions) {\n <label class=\"privacidad\">\n <input\n type=\"checkbox\"\n formControlName=\"privacy\"\n [class.is-invalid]=\"isInvalid('privacy')\"\n />\n <span\n class=\"privacidad__box\"\n aria-hidden=\"true\"\n ></span>\n <span class=\"privacidad__texto\">\n <a\n [href]=\"buttons?.[0]?.url\"\n target=\"_blank\"\n class=\"link-terminos\"\n >{{ texts?.conditions }}</a\n ></span\n >\n </label>\n }\n\n @if (buttons?.length) {\n <button\n type=\"submit\"\n class=\"m-button-clean enviar\"\n [disabled]=\"form.invalid\"\n [attr.aria-label]=\"\n buttons?.[0]?.label || buttons?.[0]?.name\n \"\n >\n {{ buttons?.[0]?.label || buttons?.[0]?.name }}\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 />\n <path\n d=\"M48.875 2.80078H0.375\"\n stroke=\"#B7985D\"\n stroke-width=\"0.75\"\n stroke-linecap=\"round\"\n />\n </svg>\n </button>\n }\n </div>\n </form>\n </div>\n </div>\n </div>\n</section>\n", styles: [".mdl-h09{padding:6rem 5rem;display:flex;justify-content:center}.mdl-h09 .mdl-container{max-width:143.6rem;display:flex;justify-content:space-between;width:120%}.mdl-h09 .mdl-container .m-left{width:100%;max-width:54.8rem}.mdl-h09 .mdl-container .m-left .m-titulo{font-family:bentham,sans-serif;font-weight:400;font-size:4rem;line-height:4rem;color:#b7985d}.mdl-h09 .mdl-container .m-left .m-texto{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:2.2rem;color:#54565a;margin-top:2rem;margin-left:6.6rem}@media (max-width: 768px){.mdl-h09 .mdl-container .m-left .m-texto{line-height:2.4rem}}.mdl-h09 .mdl-container .m-right{width:100%;max-width:67rem;padding:5.3rem 0 0}.mdl-h09 .mdl-container .m-right .consulta-form{max-width:67rem;margin:0 auto;font-family:sourcesans,sans-serif;font-weight:600;font-size:1.3rem;line-height:100%;color:#b7985d;padding:4rem 0 0}.mdl-h09 .mdl-container .m-right .consulta-form input::-moz-placeholder,.mdl-h09 .mdl-container .m-right .consulta-form textarea::-moz-placeholder{color:#b7985d;opacity:1;font-family:sourcesans,sans-serif;font-weight:600;font-size:1.3rem;line-height:100%;font-size:1em;letter-spacing:.04em}.mdl-h09 .mdl-container .m-right .consulta-form input::placeholder,.mdl-h09 .mdl-container .m-right .consulta-form textarea::placeholder{color:#b7985d;opacity:1;font-family:sourcesans,sans-serif;font-weight:600;font-size:1.3rem;line-height:100%;font-size:1em;letter-spacing:.04em}.mdl-h09 .mdl-container .m-right .consulta-form label{display:block;font-weight:500;letter-spacing:.05em;margin-bottom:.7rem;color:#b7985d;display:none}.mdl-h09 .mdl-container .m-right .consulta-form .form-group,.mdl-h09 .mdl-container .m-right .consulta-form .form-row{margin-bottom:1.6rem;width:100%}.mdl-h09 .mdl-container .m-right .consulta-form .form-row{display:flex}.mdl-h09 .mdl-container .m-right .consulta-form .m-mail .form-group{width:60%}.mdl-h09 .mdl-container .m-right .consulta-form .m-mail .form-group:last-child{width:40%}.mdl-h09 .mdl-container .m-right .consulta-form input,.mdl-h09 .mdl-container .m-right .consulta-form select,.mdl-h09 .mdl-container .m-right .consulta-form textarea{background:none;border:none;border-bottom:1px solid #b7985d;color:#b7985d;letter-spacing:.05em;padding:1.4rem 0;width:100%;outline:none;transition:border-color .2s;font-family:sourcesans,sans-serif;font-weight:600;font-size:1.3rem;line-height:100%;line-height:20px}.mdl-h09 .mdl-container .m-right .consulta-form textarea{height:10rem;resize:none}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad{display:flex;align-items:center;font-size:1em;margin-top:1.8rem;font-family:sourcesans,sans-serif;font-weight:400;font-size:1.4rem;line-height:100%}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad input[type=checkbox]{accent-color:#b7985d;width:1.5rem;height:1.5rem;margin-right:.8rem;border-radius:0;border-color:#b7985d!important;color:#b7985d}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad a{color:#b7985d}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad input[type=checkbox]{position:absolute;opacity:0;pointer-events:none}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad span.privacidad__texto{margin-left:10px}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad .privacidad__box{width:1.6rem;height:1.6rem;border-bottom:1px solid #b7985d;display:inline-flex;align-items:center;justify-content:center;flex:0 0 1.6rem;background:#0000;transition:transform .15s ease,border-color .15s ease,background .15s ease}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad .privacidad__box:after{content:\"\";width:.45rem;height:.85rem;border-right:2px solid #b7985d;border-bottom:2px solid #b7985d;transform:rotate(45deg) scale(0);transform-origin:center;transition:transform .15s ease;margin-top:-1px}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad input[type=checkbox]:checked+.privacidad__box:after{transform:rotate(45deg) scale(1)}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad input[type=checkbox]:focus+.privacidad__box{outline:2px solid rgba(183,152,93,.35);outline-offset:2px}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad input[type=checkbox].is-invalid+.privacidad__box{border-bottom-color:var(--cl_alert-text-error)}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad input[type=checkbox].is-invalid+.privacidad__box:after{border-right-color:var(--cl_alert-text-error);border-bottom-color:var(--cl_alert-text-error)}.mdl-h09 .mdl-container .m-right .consulta-form .form-footer{display:flex;justify-content:space-between;align-items:center;margin-top:0}.mdl-h09 .mdl-container .m-right .consulta-form .enviar{background:none;border:none;color:#b7985d;font-size:1.08em;letter-spacing:.07em;cursor:pointer;display:flex;align-items:center}.mdl-h09 .mdl-container .m-right .consulta-form .enviar .flecha{font-size:1.5em;margin-left:1.9rem;transform:translateY(.2rem)}.mdl-h09 .mdl-container .m-right .consulta-form input.is-invalid,.mdl-h09 .mdl-container .m-right .consulta-form select.is-invalid,.mdl-h09 .mdl-container .m-right .consulta-form textarea.is-invalid{border-bottom-color:var(--cl_alert-text-error)!important}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad input[type=checkbox].is-invalid{outline:2px solid var(--cl_alert-text-error);outline-offset:2px}.mdl-h09 .mdl-container .m-right .consulta-form .enviar[disabled]{opacity:.45;cursor:not-allowed;pointer-events:none}@media (max-width: 1440px){.mdl-h09 .mdl-container{flex-direction:column;max-width:67rem}.mdl-h09 .mdl-container .m-left{max-width:100%;margin-left:-6.6rem}.mdl-h09 .mdl-container .m-right .consulta-form{padding:0}}@media (max-width: 1080px){.mdl-h09 .mdl-container .m-left,.mdl-h09 .mdl-container .m-left .m-texto{margin-left:0}}@media (max-width: 540px){.mdl-h09 .mdl-container .m-right .consulta-form .form-row{flex-direction:column;gap:1.2rem;margin-bottom:1.2rem}.mdl-h09 .mdl-container .m-right .consulta-form .form-row .form-group{width:100%!important}.mdl-h09 .mdl-container .m-right .consulta-form .form-footer{flex-direction:column-reverse;align-items:normal;gap:2rem}.mdl-h09 .mdl-container .m-right .consulta-form .enviar{justify-content:flex-end}}.mdl-h09 .link-terminos{text-decoration:underline;cursor:pointer;text-underline-offset:4px;transition:opacity .2s}.mdl-h09 .link-terminos:hover{text-decoration:none;opacity:.8}\n"] }]
|
|
18266
18271
|
}], propDecorators: { identifier: [{
|
|
18267
18272
|
type: Input
|
|
18268
18273
|
}], texts: [{
|
|
@@ -18318,23 +18323,29 @@ class ListRoomsComponent {
|
|
|
18318
18323
|
return source.map((item) => {
|
|
18319
18324
|
const isImageI = 'img' in item || 'src' in item;
|
|
18320
18325
|
return {
|
|
18321
|
-
src: isImageI
|
|
18322
|
-
|
|
18326
|
+
src: isImageI
|
|
18327
|
+
? item.img?.src || item.src
|
|
18328
|
+
: item.images?.[0]?.src,
|
|
18329
|
+
alt: isImageI
|
|
18330
|
+
? item.img?.alt || item.alt
|
|
18331
|
+
: item.images?.[0]?.alt,
|
|
18323
18332
|
title: isImageI ? item.title : item.texts?.name,
|
|
18324
18333
|
pretitle: isImageI ? item.pretitle : undefined,
|
|
18325
18334
|
subtitle: isImageI ? item.subtitle : undefined,
|
|
18326
|
-
description: isImageI
|
|
18335
|
+
description: isImageI
|
|
18336
|
+
? item.description
|
|
18337
|
+
: item.texts?.description,
|
|
18327
18338
|
buttons: item.buttons,
|
|
18328
|
-
links: item.links
|
|
18339
|
+
links: item.links,
|
|
18329
18340
|
};
|
|
18330
18341
|
});
|
|
18331
18342
|
}
|
|
18332
18343
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ListRoomsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18333
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ListRoomsComponent, isStandalone: true, selector: "ces-list-rooms", inputs: { links: "links", items: "items", multimedia: "multimedia" }, ngImport: i0, template: "<section class=\"mdl-h05\">\n <div class=\"mdl-container\">\n <div class=\"m-top\">\n @if (links?.length) {\n <a\n [href]=\"links?.[0]?.url\"\n [linkType]=\"links?.[0]?.linkType\"\n class=\"m-button-clean\"\n [title]=\"links?.[0]?.label\"\n >\n {{ links?.[0]?.label }}\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 />\n <path\n d=\"M48.875 2.80078H0.375\"\n stroke=\"#B7985D\"\n stroke-width=\"0.75\"\n stroke-linecap=\"round\"\n />\n </svg>\n </a>\n }\n </div>\n\n @if (normalizedItems.length) {\n <div class=\"m-bottom\">\n @for (item of normalizedItems; track $index) {\n <a\n [href]=\"item.links?.[0]?.url
|
|
18344
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ListRoomsComponent, isStandalone: true, selector: "ces-list-rooms", inputs: { links: "links", items: "items", multimedia: "multimedia" }, ngImport: i0, template: "<section class=\"mdl-h05\">\n <div class=\"mdl-container\">\n <div class=\"m-top\">\n @if (links?.length) {\n <a\n [href]=\"links?.[0]?.url\"\n [linkType]=\"links?.[0]?.linkType\"\n class=\"m-button-clean\"\n [title]=\"links?.[0]?.label\"\n >\n {{ links?.[0]?.label }}\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 />\n <path\n d=\"M48.875 2.80078H0.375\"\n stroke=\"#B7985D\"\n stroke-width=\"0.75\"\n stroke-linecap=\"round\"\n />\n </svg>\n </a>\n }\n </div>\n\n @if (normalizedItems.length) {\n <div class=\"m-bottom\">\n @for (item of normalizedItems; track $index) {\n <a class=\"m-item\">\n <div class=\"m-imagen\">\n <a\n class=\"img-link\"\n [href]=\"\n item.links?.[0]?.url ||\n item.buttons?.[0]?.url\n \"\n [title]=\"item.links?.[0]?.label || item.title\"\n [linkType]=\"\n item.links?.[0]?.linkType ||\n item.buttons?.[0]?.linkType\n \"\n >\n <img [src]=\"item.src\" [alt]=\"item.alt\" />\n </a>\n </div>\n <div class=\"m-titulo-wrap\">\n @if (item.pretitle) {\n <p class=\"m-pretitulo\">{{ item.pretitle }}</p>\n }\n <h4 class=\"m-titulo\">\n {{ item.title }}\n </h4>\n @if (item.subtitle) {\n <p class=\"m-subtitulo\">{{ item.subtitle }}</p>\n }\n @if (item.description) {\n <p class=\"m-descripcion\">\n {{ item.description }}\n </p>\n }\n <div class=\"m-line\"></div>\n @if (item.buttons?.length) {\n @for (item of item.buttons; track $index) {\n <button\n role=\"button\"\n [ngClass]=\"{\n 'm-button': $index % 2 === 0,\n 'm-underline': $index % 2 !== 0,\n }\"\n [href]=\"item.url\"\n [title]=\"item.label\"\n [linkType]=\"item.linkType\"\n >\n {{ item.label }}\n </button>\n }\n }\n </div>\n </a>\n }\n </div>\n }\n </div>\n</section>\n", styles: [".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:-webkit-clip-path .3s ease;transition:clip-path .3s ease;transition:clip-path .3s ease,-webkit-clip-path .3s ease;-webkit-clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%)}.m-button-clean:hover{transition:.3s;color:#9d793f}.m-button-clean:hover svg{-webkit-clip-path:polygon(30% 0%,100% 0%,100% 100%,30% 100%);clip-path:polygon(30% 0%,100% 0%,100% 100%,30% 100%)}.m-button-clean:hover svg path{color:#9d793f;fill:#9d793f}.m-underline{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;text-decoration:underline;padding:1.2rem 4.6rem .6rem;color:#b7985d;transition:.3s;font-size:1.4rem}.m-underline:hover{text-decoration:none;transition:.3s}.img-link{width:100%;height:100%}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{-moz-text-size-adjust:none;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;-o-object-fit:contain;object-fit:contain}@keyframes swingV{15%{transform:translateY(.5rem)}30%{transform:translateY(-.5rem)}50%{transform:translateY(.3rem)}65%{transform:translateY(-.3rem)}80%{transform:translateY(.2rem)}to{transform:translateY(0)}}@keyframes swingH{15%{transform:translate(.5rem)}30%{transform:translate(-.5rem)}50%{transform:translate(.3rem)}65%{transform:translate(-.3rem)}80%{transform:translate(.2rem)}to{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:#fff;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.m-titulo-wrap{width:34.9rem;max-width:100%;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center;gap:3rem}.mdl-h05{padding:3rem 1.4rem 0}.mdl-h05 .mdl-container{max-width:71rem}.mdl-h05 .mdl-container .m-top{margin-bottom:2.5rem}.mdl-h05 .mdl-container .m-bottom{display:flex;gap:1.2rem;flex-wrap:wrap;justify-content:center}.mdl-h05 .mdl-container .m-bottom .m-item{display:flex;flex-direction:column;gap:3rem;align-items:center;margin-bottom:7rem}.mdl-h05 .mdl-container .m-bottom .m-item .m-imagen{width:34.9rem;height:34.9rem}.mdl-h05 .mdl-container .m-bottom .m-item .m-imagen img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.mdl-h05 .mdl-container .m-bottom .m-item .m-line{height:.1rem;width:2.8rem;background-color:#b7985d}.mdl-h05 .mdl-container .m-bottom .m-item .m-titulo{font-family:josefinsans,sans-serif;font-weight:400;font-size:2rem;line-height:2.4rem;text-transform:uppercase;color:#b7985d}@media (max-width: 737px){.mdl-h05 .mdl-container .m-top{width:100%;display:flex;justify-content:center}.mdl-h05 .mdl-container .m-top .m-button-clean{width:23rem;white-space:wrap;align-items:flex-end;gap:0;margin-right:-3rem}.mdl-h05 .mdl-container .m-top .m-button-clean svg{margin-bottom:.7rem}}\n"], dependencies: [{ kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup", "disablePointerNone"], outputs: ["anchorClicked"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
18334
18345
|
}
|
|
18335
18346
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ListRoomsComponent, decorators: [{
|
|
18336
18347
|
type: Component,
|
|
18337
|
-
args: [{ selector: 'ces-list-rooms', standalone: true, imports: [BabylonLinkTypeDirective], template: "<section class=\"mdl-h05\">\n <div class=\"mdl-container\">\n <div class=\"m-top\">\n @if (links?.length) {\n <a\n [href]=\"links?.[0]?.url\"\n [linkType]=\"links?.[0]?.linkType\"\n class=\"m-button-clean\"\n [title]=\"links?.[0]?.label\"\n >\n {{ links?.[0]?.label }}\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 />\n <path\n d=\"M48.875 2.80078H0.375\"\n stroke=\"#B7985D\"\n stroke-width=\"0.75\"\n stroke-linecap=\"round\"\n />\n </svg>\n </a>\n }\n </div>\n\n @if (normalizedItems.length) {\n <div class=\"m-bottom\">\n @for (item of normalizedItems; track $index) {\n <a\n [href]=\"item.links?.[0]?.url
|
|
18348
|
+
args: [{ selector: 'ces-list-rooms', standalone: true, imports: [BabylonLinkTypeDirective, CommonModule], template: "<section class=\"mdl-h05\">\n <div class=\"mdl-container\">\n <div class=\"m-top\">\n @if (links?.length) {\n <a\n [href]=\"links?.[0]?.url\"\n [linkType]=\"links?.[0]?.linkType\"\n class=\"m-button-clean\"\n [title]=\"links?.[0]?.label\"\n >\n {{ links?.[0]?.label }}\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 />\n <path\n d=\"M48.875 2.80078H0.375\"\n stroke=\"#B7985D\"\n stroke-width=\"0.75\"\n stroke-linecap=\"round\"\n />\n </svg>\n </a>\n }\n </div>\n\n @if (normalizedItems.length) {\n <div class=\"m-bottom\">\n @for (item of normalizedItems; track $index) {\n <a class=\"m-item\">\n <div class=\"m-imagen\">\n <a\n class=\"img-link\"\n [href]=\"\n item.links?.[0]?.url ||\n item.buttons?.[0]?.url\n \"\n [title]=\"item.links?.[0]?.label || item.title\"\n [linkType]=\"\n item.links?.[0]?.linkType ||\n item.buttons?.[0]?.linkType\n \"\n >\n <img [src]=\"item.src\" [alt]=\"item.alt\" />\n </a>\n </div>\n <div class=\"m-titulo-wrap\">\n @if (item.pretitle) {\n <p class=\"m-pretitulo\">{{ item.pretitle }}</p>\n }\n <h4 class=\"m-titulo\">\n {{ item.title }}\n </h4>\n @if (item.subtitle) {\n <p class=\"m-subtitulo\">{{ item.subtitle }}</p>\n }\n @if (item.description) {\n <p class=\"m-descripcion\">\n {{ item.description }}\n </p>\n }\n <div class=\"m-line\"></div>\n @if (item.buttons?.length) {\n @for (item of item.buttons; track $index) {\n <button\n role=\"button\"\n [ngClass]=\"{\n 'm-button': $index % 2 === 0,\n 'm-underline': $index % 2 !== 0,\n }\"\n [href]=\"item.url\"\n [title]=\"item.label\"\n [linkType]=\"item.linkType\"\n >\n {{ item.label }}\n </button>\n }\n }\n </div>\n </a>\n }\n </div>\n }\n </div>\n</section>\n", styles: [".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:-webkit-clip-path .3s ease;transition:clip-path .3s ease;transition:clip-path .3s ease,-webkit-clip-path .3s ease;-webkit-clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%)}.m-button-clean:hover{transition:.3s;color:#9d793f}.m-button-clean:hover svg{-webkit-clip-path:polygon(30% 0%,100% 0%,100% 100%,30% 100%);clip-path:polygon(30% 0%,100% 0%,100% 100%,30% 100%)}.m-button-clean:hover svg path{color:#9d793f;fill:#9d793f}.m-underline{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;text-decoration:underline;padding:1.2rem 4.6rem .6rem;color:#b7985d;transition:.3s;font-size:1.4rem}.m-underline:hover{text-decoration:none;transition:.3s}.img-link{width:100%;height:100%}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{-moz-text-size-adjust:none;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;-o-object-fit:contain;object-fit:contain}@keyframes swingV{15%{transform:translateY(.5rem)}30%{transform:translateY(-.5rem)}50%{transform:translateY(.3rem)}65%{transform:translateY(-.3rem)}80%{transform:translateY(.2rem)}to{transform:translateY(0)}}@keyframes swingH{15%{transform:translate(.5rem)}30%{transform:translate(-.5rem)}50%{transform:translate(.3rem)}65%{transform:translate(-.3rem)}80%{transform:translate(.2rem)}to{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:#fff;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.m-titulo-wrap{width:34.9rem;max-width:100%;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center;gap:3rem}.mdl-h05{padding:3rem 1.4rem 0}.mdl-h05 .mdl-container{max-width:71rem}.mdl-h05 .mdl-container .m-top{margin-bottom:2.5rem}.mdl-h05 .mdl-container .m-bottom{display:flex;gap:1.2rem;flex-wrap:wrap;justify-content:center}.mdl-h05 .mdl-container .m-bottom .m-item{display:flex;flex-direction:column;gap:3rem;align-items:center;margin-bottom:7rem}.mdl-h05 .mdl-container .m-bottom .m-item .m-imagen{width:34.9rem;height:34.9rem}.mdl-h05 .mdl-container .m-bottom .m-item .m-imagen img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.mdl-h05 .mdl-container .m-bottom .m-item .m-line{height:.1rem;width:2.8rem;background-color:#b7985d}.mdl-h05 .mdl-container .m-bottom .m-item .m-titulo{font-family:josefinsans,sans-serif;font-weight:400;font-size:2rem;line-height:2.4rem;text-transform:uppercase;color:#b7985d}@media (max-width: 737px){.mdl-h05 .mdl-container .m-top{width:100%;display:flex;justify-content:center}.mdl-h05 .mdl-container .m-top .m-button-clean{width:23rem;white-space:wrap;align-items:flex-end;gap:0;margin-right:-3rem}.mdl-h05 .mdl-container .m-top .m-button-clean svg{margin-bottom:.7rem}}\n"] }]
|
|
18338
18349
|
}], propDecorators: { links: [{
|
|
18339
18350
|
type: Input
|
|
18340
18351
|
}], items: [{
|
|
@@ -18504,7 +18515,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
18504
18515
|
|
|
18505
18516
|
Swiper$1.use([Navigation, Pagination, Autoplay, EffectFade]);
|
|
18506
18517
|
class H04SliderTextComponent {
|
|
18518
|
+
constructor() {
|
|
18519
|
+
this.platformId = inject(PLATFORM_ID);
|
|
18520
|
+
}
|
|
18507
18521
|
ngAfterViewInit() {
|
|
18522
|
+
if (!isPlatformBrowser(this.platformId))
|
|
18523
|
+
return;
|
|
18508
18524
|
const swiperOptions = {
|
|
18509
18525
|
loop: true,
|
|
18510
18526
|
pagination: {
|