ctt-babylon 0.10.25 → 0.10.26
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/external/core/c4-c1-img-txt/c4-c1-img-txt.component.mjs +3 -3
- package/esm2022/lib/components/external/core/c4-fo-link-svg/c4-fo-link-svg.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-sli-c2-txt-img/c4-sli-c2-txt-img.component.mjs +3 -3
- package/fesm2022/ctt-babylon.mjs +8 -8
- package/fesm2022/ctt-babylon.mjs.map +1 -1
- package/package.json +1 -1
package/fesm2022/ctt-babylon.mjs
CHANGED
|
@@ -14391,11 +14391,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
14391
14391
|
|
|
14392
14392
|
class C4C1ImgTxtComponent {
|
|
14393
14393
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: C4C1ImgTxtComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
14394
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: C4C1ImgTxtComponent, isStandalone: true, selector: "ces-c4-c1-img-txt", inputs: { multimedia: "multimedia", texts: "texts" }, ngImport: i0, template: "<section class=\"mdl-h08\">\n <div class=\"mdl-container\">\n <div class=\"m-top\">\n <div class=\"m-content\">\n @if (texts) {\n @if (texts.title) {\n <h3 class=\"m-titulo\" [innerHTML]=\"texts.title\"></h3>\n }\n @if (texts.description) {\n <div\n class=\"m-texto\"\n [innerHTML]=\"texts.description\"\n ></div>\n }\n }\n <img src=\"/assets/babylon/images/icons/mapa.svg\" alt=\"map\" />\n </div>\n </div>\n @if (multimedia?.imagenes?.length) {\n <div class=\"m-bottom\">\n <img\n [src]=\"multimedia?.imagenes?.[0]?.img?.src\"\n [alt]=\"multimedia?.imagenes?.[0]?.img?.alt\"\n />\n </div>\n }\n </div>\n</section>\n", styles: [".mdl-h08{padding:6rem 10.1rem
|
|
14394
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: C4C1ImgTxtComponent, isStandalone: true, selector: "ces-c4-c1-img-txt", inputs: { multimedia: "multimedia", texts: "texts" }, ngImport: i0, template: "<section class=\"mdl-h08\">\n <div class=\"mdl-container\">\n <div class=\"m-top\">\n <div class=\"m-content\">\n @if (texts) {\n @if (texts.title) {\n <h3 class=\"m-titulo\" [innerHTML]=\"texts.title\"></h3>\n }\n @if (texts.description) {\n <div\n class=\"m-texto\"\n [innerHTML]=\"texts.description\"\n ></div>\n }\n }\n <img src=\"/assets/babylon/images/icons/mapa.svg\" alt=\"map\" />\n </div>\n </div>\n @if (multimedia?.imagenes?.length) {\n <div class=\"m-bottom\">\n <img\n [src]=\"multimedia?.imagenes?.[0]?.img?.src\"\n [alt]=\"multimedia?.imagenes?.[0]?.img?.alt\"\n />\n </div>\n }\n </div>\n</section>\n", styles: [".mdl-h08{padding:6rem 10.1rem;display:flex;justify-content:center}.mdl-h08 .mdl-container .m-top{display:flex;align-items:center;flex-direction:column;padding:0 4.1rem}.mdl-h08 .mdl-container .m-top .m-content{width:100%;max-width:42.6rem;display:flex;align-items:center;flex-direction:column;gap:1.1rem;text-align:center}.mdl-h08 .mdl-container .m-top .m-content .m-titulo{font-family:bentham,sans-serif;font-weight:400;font-size:4rem;line-height:4rem;color:#b7985d}.mdl-h08 .mdl-container .m-top .m-content .m-texto{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:2.2rem;color:#54565a}@media (max-width: 768px){.mdl-h08 .mdl-container .m-top .m-content .m-texto{line-height:2.4rem}}.mdl-h08 .mdl-container .m-top .m-content img{height:3rem;margin-top:1rem}.mdl-h08 .mdl-container .m-bottom{width:100%;height:79rem;margin-top:2rem}.mdl-h08 .mdl-container .m-bottom img{width:auto;height:100%;-o-object-fit:cover;object-fit:cover}@media (max-width: 1440px){.mdl-h08 .mdl-container .m-bottom{height:69.2rem}}@media (max-width: 1080px){.mdl-h08{padding:6rem 3.6rem}.mdl-h08 .mdl-container .m-bottom{height:64.2rem}}@media (max-width: 768px){.mdl-h08{padding:6rem 0}}@media (max-width: 540px){.mdl-h08{padding:3rem 0}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
14395
14395
|
}
|
|
14396
14396
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: C4C1ImgTxtComponent, decorators: [{
|
|
14397
14397
|
type: Component,
|
|
14398
|
-
args: [{ selector: 'ces-c4-c1-img-txt', standalone: true, imports: [CommonModule], template: "<section class=\"mdl-h08\">\n <div class=\"mdl-container\">\n <div class=\"m-top\">\n <div class=\"m-content\">\n @if (texts) {\n @if (texts.title) {\n <h3 class=\"m-titulo\" [innerHTML]=\"texts.title\"></h3>\n }\n @if (texts.description) {\n <div\n class=\"m-texto\"\n [innerHTML]=\"texts.description\"\n ></div>\n }\n }\n <img src=\"/assets/babylon/images/icons/mapa.svg\" alt=\"map\" />\n </div>\n </div>\n @if (multimedia?.imagenes?.length) {\n <div class=\"m-bottom\">\n <img\n [src]=\"multimedia?.imagenes?.[0]?.img?.src\"\n [alt]=\"multimedia?.imagenes?.[0]?.img?.alt\"\n />\n </div>\n }\n </div>\n</section>\n", styles: [".mdl-h08{padding:6rem 10.1rem
|
|
14398
|
+
args: [{ selector: 'ces-c4-c1-img-txt', standalone: true, imports: [CommonModule], template: "<section class=\"mdl-h08\">\n <div class=\"mdl-container\">\n <div class=\"m-top\">\n <div class=\"m-content\">\n @if (texts) {\n @if (texts.title) {\n <h3 class=\"m-titulo\" [innerHTML]=\"texts.title\"></h3>\n }\n @if (texts.description) {\n <div\n class=\"m-texto\"\n [innerHTML]=\"texts.description\"\n ></div>\n }\n }\n <img src=\"/assets/babylon/images/icons/mapa.svg\" alt=\"map\" />\n </div>\n </div>\n @if (multimedia?.imagenes?.length) {\n <div class=\"m-bottom\">\n <img\n [src]=\"multimedia?.imagenes?.[0]?.img?.src\"\n [alt]=\"multimedia?.imagenes?.[0]?.img?.alt\"\n />\n </div>\n }\n </div>\n</section>\n", styles: [".mdl-h08{padding:6rem 10.1rem;display:flex;justify-content:center}.mdl-h08 .mdl-container .m-top{display:flex;align-items:center;flex-direction:column;padding:0 4.1rem}.mdl-h08 .mdl-container .m-top .m-content{width:100%;max-width:42.6rem;display:flex;align-items:center;flex-direction:column;gap:1.1rem;text-align:center}.mdl-h08 .mdl-container .m-top .m-content .m-titulo{font-family:bentham,sans-serif;font-weight:400;font-size:4rem;line-height:4rem;color:#b7985d}.mdl-h08 .mdl-container .m-top .m-content .m-texto{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:2.2rem;color:#54565a}@media (max-width: 768px){.mdl-h08 .mdl-container .m-top .m-content .m-texto{line-height:2.4rem}}.mdl-h08 .mdl-container .m-top .m-content img{height:3rem;margin-top:1rem}.mdl-h08 .mdl-container .m-bottom{width:100%;height:79rem;margin-top:2rem}.mdl-h08 .mdl-container .m-bottom img{width:auto;height:100%;-o-object-fit:cover;object-fit:cover}@media (max-width: 1440px){.mdl-h08 .mdl-container .m-bottom{height:69.2rem}}@media (max-width: 1080px){.mdl-h08{padding:6rem 3.6rem}.mdl-h08 .mdl-container .m-bottom{height:64.2rem}}@media (max-width: 768px){.mdl-h08{padding:6rem 0}}@media (max-width: 540px){.mdl-h08{padding:3rem 0}}\n"] }]
|
|
14399
14399
|
}], propDecorators: { multimedia: [{
|
|
14400
14400
|
type: Input
|
|
14401
14401
|
}], texts: [{
|
|
@@ -14519,11 +14519,11 @@ var componentData$2 = {
|
|
|
14519
14519
|
const defaultData$2 = componentData$2;
|
|
14520
14520
|
class C4FoLinkSvgComponent {
|
|
14521
14521
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: C4FoLinkSvgComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
14522
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: C4FoLinkSvgComponent, isStandalone: true, selector: "ces-c4-fo-link-svg", inputs: { texts: "texts", multimedia: "multimedia", footerLinks: "footerLinks", socialMedia: "socialMedia" }, ngImport: i0, template: "<section class=\"mdl-f01\">\n <div class=\"mdl-container\">\n <div class=\"m-content\">\n @if (footerLinks?.length) {\n <div class=\"m-left\">\n <ul>\n @for (item of footerLinks?.slice(0, 5); track $index) {\n <li>\n <a\n [href]=\"item?.url\"\n [linkType]=\"item?.linkType\"\n >{{ item?.label }}</a\n >\n </li>\n }\n </ul>\n <ul>\n @for (item of footerLinks?.slice(5, 9); track $index) {\n <li>\n <a\n [href]=\"item?.url\"\n [linkType]=\"item?.linkType\"\n >{{ item?.label }}</a\n >\n </li>\n }\n\n @if (socialMedia?.length) {\n <li class=\"m-rrss\">\n @for (\n social of socialMedia;\n track social.icon\n ) {\n <a\n [href]=\"social?.url\"\n [linkType]=\"'external'\"\n >\n <img [src]=\"social?.icon\" />\n </a>\n }\n </li>\n }\n </ul>\n </div>\n }\n @if (multimedia?.logo?.length) {\n <div class=\"m-right\">\n <img\n [src]=\"multimedia?.logo?.[0]?.img?.src\"\n [alt]=\"multimedia?.logo?.[0]?.img?.alt\"\n />\n </div>\n }\n </div>\n <div class=\"m-legal\">\n <ul>\n @for (item of footerLinks?.slice(9); track $index) {\n <li>\n
|
|
14522
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: C4FoLinkSvgComponent, isStandalone: true, selector: "ces-c4-fo-link-svg", inputs: { texts: "texts", multimedia: "multimedia", footerLinks: "footerLinks", socialMedia: "socialMedia" }, ngImport: i0, template: "<section class=\"mdl-f01\">\n <div class=\"mdl-container\">\n <div class=\"m-content\">\n @if (footerLinks?.length) {\n <div class=\"m-left\">\n <ul>\n @for (item of footerLinks?.slice(0, 5); track $index) {\n <li>\n <a\n [href]=\"item?.url\"\n [linkType]=\"item?.linkType\"\n >{{ item?.label }}</a\n >\n </li>\n }\n </ul>\n <ul>\n @for (item of footerLinks?.slice(5, 9); track $index) {\n <li>\n <a\n [href]=\"item?.url\"\n [linkType]=\"item?.linkType\"\n >{{ item?.label }}</a\n >\n </li>\n }\n\n @if (socialMedia?.length) {\n <li class=\"m-rrss\">\n @for (\n social of socialMedia;\n track social.icon\n ) {\n <a\n [href]=\"social?.url\"\n [linkType]=\"'external'\"\n >\n <img [src]=\"social?.icon\" />\n </a>\n }\n </li>\n }\n </ul>\n </div>\n }\n @if (multimedia?.logo?.length) {\n <div class=\"m-right\">\n <img\n [src]=\"multimedia?.logo?.[0]?.img?.src\"\n [alt]=\"multimedia?.logo?.[0]?.img?.alt\"\n />\n </div>\n }\n </div>\n <div class=\"m-legal\">\n <ul>\n @for (item of footerLinks?.slice(9); track $index) {\n @if (item) {\n <li>\n <a [href]=\"item?.url\" [linkType]=\"item?.linkType\">{{\n item?.label\n }}</a>\n </li>\n }\n }\n </ul>\n </div>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.mdl-f01{padding:11.7rem 7.2rem 10.8rem}.mdl-f01 .mdl-container .m-content{width:calc(100% - 4.4rem);border-top:1px solid #b7985d;border-bottom:1px solid #b7985d;padding:5rem 2.2rem;display:flex;justify-content:space-between;align-items:center}.mdl-f01 .mdl-container .m-content .m-left{display:flex;gap:13rem}.mdl-f01 .mdl-container .m-content .m-left ul{list-style:none}.mdl-f01 .mdl-container .m-content .m-left ul>*{transition:opacity .3s ease}.mdl-f01 .mdl-container .m-content .m-left ul:hover>*{opacity:.6}.mdl-f01 .mdl-container .m-content .m-left ul:hover>*:hover{opacity:1}.mdl-f01 .mdl-container .m-content .m-left ul li{margin-bottom:2.2rem;padding-left:0}.mdl-f01 .mdl-container .m-content .m-left ul li a{font-family:josefinsans,sans-serif;font-weight:400;font-size:1.8rem;line-height:100%;color:#b7985d}.mdl-f01 .mdl-container .m-content .m-left ul li:before{display:none}.mdl-f01 .mdl-container .m-content .m-left ul .m-rrss{display:flex;gap:1.5rem}.mdl-f01 .mdl-container .m-content .m-left ul .m-rrss>*{transition:opacity .3s ease}.mdl-f01 .mdl-container .m-content .m-left ul .m-rrss:hover>*{opacity:.6}.mdl-f01 .mdl-container .m-content .m-left ul .m-rrss:hover>*:hover{opacity:1}.mdl-f01 .mdl-container .m-content .m-left ul .m-rrss img{width:30px;height:30px}.mdl-f01 .mdl-container .m-content .m-right img{width:250px;height:auto}.mdl-f01 .mdl-container .m-legal{padding:3rem 0 0 2.2rem}.mdl-f01 .mdl-container .m-legal ul{display:flex}.mdl-f01 .mdl-container .m-legal ul>*{transition:opacity .3s ease}.mdl-f01 .mdl-container .m-legal ul:hover>*{opacity:.6}.mdl-f01 .mdl-container .m-legal ul:hover>*:hover{opacity:1}.mdl-f01 .mdl-container .m-legal ul li{padding-left:0;border-right:.1rem solid #b7985d;padding-right:1rem;margin-right:1rem}.mdl-f01 .mdl-container .m-legal ul li a{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:100%}@media (max-width: 540px){.mdl-f01 .mdl-container .m-legal ul li a{line-height:2.8rem}}.mdl-f01 .mdl-container .m-legal ul li a{color:#b7985d}.mdl-f01 .mdl-container .m-legal ul li:last-child{border:0;padding-right:0;margin-right:0}.mdl-f01 .mdl-container .m-legal ul li:before{display:none}@media (max-width: 1024px){.mdl-f01 .mdl-container .m-content{align-items:flex-start}.mdl-f01 .mdl-container .m-content .m-left{flex-direction:column;gap:0}.mdl-f01 .mdl-container .m-legal{padding:3rem 0 0;width:100%;display:flex;justify-content:center}}@media (max-width: 770px){.mdl-f01{padding:11.7rem 4rem 10.8rem}.mdl-f01 .mdl-container .m-content{flex-direction:column;gap:2rem}.mdl-f01 .mdl-container .m-content .m-right{width:100%;display:flex;justify-content:center}.mdl-f01 .mdl-container .m-legal{padding:3rem 0 0 2rem;width:100%;display:flex;justify-content:left}.mdl-f01 .mdl-container .m-legal ul{flex-direction:column}.mdl-f01 .mdl-container .m-legal ul li{border:0;line-height:2.8rem}.mdl-f01 .mdl-container .m-legal ul li:first-child{margin-bottom:1.2rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup"], outputs: ["anchorClicked"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
14523
14523
|
}
|
|
14524
14524
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: C4FoLinkSvgComponent, decorators: [{
|
|
14525
14525
|
type: Component,
|
|
14526
|
-
args: [{ selector: 'ces-c4-fo-link-svg', standalone: true, imports: [CommonModule, BabylonLinkTypeDirective], encapsulation: ViewEncapsulation.None, template: "<section class=\"mdl-f01\">\n <div class=\"mdl-container\">\n <div class=\"m-content\">\n @if (footerLinks?.length) {\n <div class=\"m-left\">\n <ul>\n @for (item of footerLinks?.slice(0, 5); track $index) {\n <li>\n <a\n [href]=\"item?.url\"\n [linkType]=\"item?.linkType\"\n >{{ item?.label }}</a\n >\n </li>\n }\n </ul>\n <ul>\n @for (item of footerLinks?.slice(5, 9); track $index) {\n <li>\n <a\n [href]=\"item?.url\"\n [linkType]=\"item?.linkType\"\n >{{ item?.label }}</a\n >\n </li>\n }\n\n @if (socialMedia?.length) {\n <li class=\"m-rrss\">\n @for (\n social of socialMedia;\n track social.icon\n ) {\n <a\n [href]=\"social?.url\"\n [linkType]=\"'external'\"\n >\n <img [src]=\"social?.icon\" />\n </a>\n }\n </li>\n }\n </ul>\n </div>\n }\n @if (multimedia?.logo?.length) {\n <div class=\"m-right\">\n <img\n [src]=\"multimedia?.logo?.[0]?.img?.src\"\n [alt]=\"multimedia?.logo?.[0]?.img?.alt\"\n />\n </div>\n }\n </div>\n <div class=\"m-legal\">\n <ul>\n @for (item of footerLinks?.slice(9); track $index) {\n <li>\n
|
|
14526
|
+
args: [{ selector: 'ces-c4-fo-link-svg', standalone: true, imports: [CommonModule, BabylonLinkTypeDirective], encapsulation: ViewEncapsulation.None, template: "<section class=\"mdl-f01\">\n <div class=\"mdl-container\">\n <div class=\"m-content\">\n @if (footerLinks?.length) {\n <div class=\"m-left\">\n <ul>\n @for (item of footerLinks?.slice(0, 5); track $index) {\n <li>\n <a\n [href]=\"item?.url\"\n [linkType]=\"item?.linkType\"\n >{{ item?.label }}</a\n >\n </li>\n }\n </ul>\n <ul>\n @for (item of footerLinks?.slice(5, 9); track $index) {\n <li>\n <a\n [href]=\"item?.url\"\n [linkType]=\"item?.linkType\"\n >{{ item?.label }}</a\n >\n </li>\n }\n\n @if (socialMedia?.length) {\n <li class=\"m-rrss\">\n @for (\n social of socialMedia;\n track social.icon\n ) {\n <a\n [href]=\"social?.url\"\n [linkType]=\"'external'\"\n >\n <img [src]=\"social?.icon\" />\n </a>\n }\n </li>\n }\n </ul>\n </div>\n }\n @if (multimedia?.logo?.length) {\n <div class=\"m-right\">\n <img\n [src]=\"multimedia?.logo?.[0]?.img?.src\"\n [alt]=\"multimedia?.logo?.[0]?.img?.alt\"\n />\n </div>\n }\n </div>\n <div class=\"m-legal\">\n <ul>\n @for (item of footerLinks?.slice(9); track $index) {\n @if (item) {\n <li>\n <a [href]=\"item?.url\" [linkType]=\"item?.linkType\">{{\n item?.label\n }}</a>\n </li>\n }\n }\n </ul>\n </div>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.mdl-f01{padding:11.7rem 7.2rem 10.8rem}.mdl-f01 .mdl-container .m-content{width:calc(100% - 4.4rem);border-top:1px solid #b7985d;border-bottom:1px solid #b7985d;padding:5rem 2.2rem;display:flex;justify-content:space-between;align-items:center}.mdl-f01 .mdl-container .m-content .m-left{display:flex;gap:13rem}.mdl-f01 .mdl-container .m-content .m-left ul{list-style:none}.mdl-f01 .mdl-container .m-content .m-left ul>*{transition:opacity .3s ease}.mdl-f01 .mdl-container .m-content .m-left ul:hover>*{opacity:.6}.mdl-f01 .mdl-container .m-content .m-left ul:hover>*:hover{opacity:1}.mdl-f01 .mdl-container .m-content .m-left ul li{margin-bottom:2.2rem;padding-left:0}.mdl-f01 .mdl-container .m-content .m-left ul li a{font-family:josefinsans,sans-serif;font-weight:400;font-size:1.8rem;line-height:100%;color:#b7985d}.mdl-f01 .mdl-container .m-content .m-left ul li:before{display:none}.mdl-f01 .mdl-container .m-content .m-left ul .m-rrss{display:flex;gap:1.5rem}.mdl-f01 .mdl-container .m-content .m-left ul .m-rrss>*{transition:opacity .3s ease}.mdl-f01 .mdl-container .m-content .m-left ul .m-rrss:hover>*{opacity:.6}.mdl-f01 .mdl-container .m-content .m-left ul .m-rrss:hover>*:hover{opacity:1}.mdl-f01 .mdl-container .m-content .m-left ul .m-rrss img{width:30px;height:30px}.mdl-f01 .mdl-container .m-content .m-right img{width:250px;height:auto}.mdl-f01 .mdl-container .m-legal{padding:3rem 0 0 2.2rem}.mdl-f01 .mdl-container .m-legal ul{display:flex}.mdl-f01 .mdl-container .m-legal ul>*{transition:opacity .3s ease}.mdl-f01 .mdl-container .m-legal ul:hover>*{opacity:.6}.mdl-f01 .mdl-container .m-legal ul:hover>*:hover{opacity:1}.mdl-f01 .mdl-container .m-legal ul li{padding-left:0;border-right:.1rem solid #b7985d;padding-right:1rem;margin-right:1rem}.mdl-f01 .mdl-container .m-legal ul li a{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:100%}@media (max-width: 540px){.mdl-f01 .mdl-container .m-legal ul li a{line-height:2.8rem}}.mdl-f01 .mdl-container .m-legal ul li a{color:#b7985d}.mdl-f01 .mdl-container .m-legal ul li:last-child{border:0;padding-right:0;margin-right:0}.mdl-f01 .mdl-container .m-legal ul li:before{display:none}@media (max-width: 1024px){.mdl-f01 .mdl-container .m-content{align-items:flex-start}.mdl-f01 .mdl-container .m-content .m-left{flex-direction:column;gap:0}.mdl-f01 .mdl-container .m-legal{padding:3rem 0 0;width:100%;display:flex;justify-content:center}}@media (max-width: 770px){.mdl-f01{padding:11.7rem 4rem 10.8rem}.mdl-f01 .mdl-container .m-content{flex-direction:column;gap:2rem}.mdl-f01 .mdl-container .m-content .m-right{width:100%;display:flex;justify-content:center}.mdl-f01 .mdl-container .m-legal{padding:3rem 0 0 2rem;width:100%;display:flex;justify-content:left}.mdl-f01 .mdl-container .m-legal ul{flex-direction:column}.mdl-f01 .mdl-container .m-legal ul li{border:0;line-height:2.8rem}.mdl-f01 .mdl-container .m-legal ul li:first-child{margin-bottom:1.2rem}}\n"] }]
|
|
14527
14527
|
}], propDecorators: { texts: [{
|
|
14528
14528
|
type: Input
|
|
14529
14529
|
}], multimedia: [{
|
|
@@ -14605,11 +14605,11 @@ var componentData$1 = {
|
|
|
14605
14605
|
const defaultData$1 = componentData$1;
|
|
14606
14606
|
class C4ForC2TxtComponent {
|
|
14607
14607
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: C4ForC2TxtComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
14608
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: C4ForC2TxtComponent, isStandalone: true, selector: "ces-c4-for-c2-txt", inputs: { texts: "texts", hotels: "hotels", consultType: "consultType", buttons: "buttons" }, ngImport: i0, template: "<section class=\"mdl-h09\">\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>\n @if (consultType?.length) {\n <div class=\"form-group\">\n <label>{{ texts?.dropdownTitle }}</label>\n <select [attr.aria-required]=\"false\">\n <option value=\"\" selected disabled>\n {{ texts?.dropdownPlaceholder }}\n </option>\n @for (option of consultType; track option) {\n <option [value]=\"option.id\">\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 [placeholder]=\"texts?.inputNamePlaceHolder\"\n aria-required=\"false\"\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 [placeholder]=\"\n texts?.inputlastnamePlaceHolder ??\n texts?.inputSurnamesPlaceHolder\n \"\n aria-required=\"false\"\n />\n }\n </div>\n </div>\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 [placeholder]=\"texts?.inputEmailPlaceHolder\"\n aria-required=\"false\"\n />\n }\n </div>\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 [placeholder]=\"texts?.inputPhonePlaceHolder\"\n aria-required=\"false\"\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 [placeholder]=\"texts?.inputMessagePlaceHolder\"\n aria-required=\"false\"\n ></textarea>\n </div>\n }\n\n <div class=\"form-footer\">\n @if (texts?.conditions) {\n <label class=\"privacidad\">\n <input type=\"checkbox\" />\n <span class=\"privacidad__texto\">{{\n texts?.conditions\n }}</span>\n <!-- <a\n *ngIf=\"data.form.linkTerminos\"\n [href]=\"data.form.linkTerminos.href\"\n [attr.target]=\"\n data.form.linkTerminos.target\n \"\n [attr.rel]=\"data.form.linkTerminos.rel\"\n >\n {{\n data.form.linkTerminos.text ||\n 'Ver t\u00E9rminos'\n }}\n </a> -->\n </label>\n }\n @if (buttons?.length) {\n <button\n type=\"button\"\n class=\"m-button-clean enviar\"\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}.mdl-h09 .mdl-container{max-width:143.6rem;display:flex;justify-content:space-between}.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;background:#fff;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%}.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]:checked{background-color:#007bff;border-color:#007bff}.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)}@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 }] }); }
|
|
14608
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: C4ForC2TxtComponent, isStandalone: true, selector: "ces-c4-for-c2-txt", inputs: { texts: "texts", hotels: "hotels", consultType: "consultType", buttons: "buttons" }, ngImport: i0, template: "<section class=\"mdl-h09\">\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>\n @if (consultType?.length) {\n <div class=\"form-group\">\n <label>{{ texts?.dropdownTitle }}</label>\n <select [attr.aria-required]=\"false\">\n <option value=\"\" selected disabled>\n {{ texts?.dropdownPlaceholder }}\n </option>\n @for (option of consultType; track option) {\n <option [value]=\"option.id\">\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 [placeholder]=\"texts?.inputNamePlaceHolder\"\n aria-required=\"false\"\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 [placeholder]=\"\n texts?.inputlastnamePlaceHolder ??\n texts?.inputSurnamesPlaceHolder\n \"\n aria-required=\"false\"\n />\n }\n </div>\n </div>\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 [placeholder]=\"texts?.inputEmailPlaceHolder\"\n aria-required=\"false\"\n />\n }\n </div>\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 [placeholder]=\"texts?.inputPhonePlaceHolder\"\n aria-required=\"false\"\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 [placeholder]=\"texts?.inputMessagePlaceHolder\"\n aria-required=\"false\"\n ></textarea>\n </div>\n }\n\n <div class=\"form-footer\">\n @if (texts?.conditions) {\n <label class=\"privacidad\">\n <input type=\"checkbox\" />\n <span class=\"privacidad__texto\">{{\n texts?.conditions\n }}</span>\n <!-- <a\n *ngIf=\"data.form.linkTerminos\"\n [href]=\"data.form.linkTerminos.href\"\n [attr.target]=\"\n data.form.linkTerminos.target\n \"\n [attr.rel]=\"data.form.linkTerminos.rel\"\n >\n {{\n data.form.linkTerminos.text ||\n 'Ver t\u00E9rminos'\n }}\n </a> -->\n </label>\n }\n @if (buttons?.length) {\n <button\n type=\"button\"\n class=\"m-button-clean enviar\"\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;background:#fff;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%}.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]:checked{background-color:#007bff;border-color:#007bff}.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)}@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 }] }); }
|
|
14609
14609
|
}
|
|
14610
14610
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: C4ForC2TxtComponent, decorators: [{
|
|
14611
14611
|
type: Component,
|
|
14612
|
-
args: [{ selector: 'ces-c4-for-c2-txt', standalone: true, imports: [CommonModule], template: "<section class=\"mdl-h09\">\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>\n @if (consultType?.length) {\n <div class=\"form-group\">\n <label>{{ texts?.dropdownTitle }}</label>\n <select [attr.aria-required]=\"false\">\n <option value=\"\" selected disabled>\n {{ texts?.dropdownPlaceholder }}\n </option>\n @for (option of consultType; track option) {\n <option [value]=\"option.id\">\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 [placeholder]=\"texts?.inputNamePlaceHolder\"\n aria-required=\"false\"\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 [placeholder]=\"\n texts?.inputlastnamePlaceHolder ??\n texts?.inputSurnamesPlaceHolder\n \"\n aria-required=\"false\"\n />\n }\n </div>\n </div>\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 [placeholder]=\"texts?.inputEmailPlaceHolder\"\n aria-required=\"false\"\n />\n }\n </div>\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 [placeholder]=\"texts?.inputPhonePlaceHolder\"\n aria-required=\"false\"\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 [placeholder]=\"texts?.inputMessagePlaceHolder\"\n aria-required=\"false\"\n ></textarea>\n </div>\n }\n\n <div class=\"form-footer\">\n @if (texts?.conditions) {\n <label class=\"privacidad\">\n <input type=\"checkbox\" />\n <span class=\"privacidad__texto\">{{\n texts?.conditions\n }}</span>\n <!-- <a\n *ngIf=\"data.form.linkTerminos\"\n [href]=\"data.form.linkTerminos.href\"\n [attr.target]=\"\n data.form.linkTerminos.target\n \"\n [attr.rel]=\"data.form.linkTerminos.rel\"\n >\n {{\n data.form.linkTerminos.text ||\n 'Ver t\u00E9rminos'\n }}\n </a> -->\n </label>\n }\n @if (buttons?.length) {\n <button\n type=\"button\"\n class=\"m-button-clean enviar\"\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}.mdl-h09 .mdl-container{max-width:143.6rem;display:flex;justify-content:space-between}.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;background:#fff;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%}.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]:checked{background-color:#007bff;border-color:#007bff}.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)}@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"] }]
|
|
14612
|
+
args: [{ selector: 'ces-c4-for-c2-txt', standalone: true, imports: [CommonModule], template: "<section class=\"mdl-h09\">\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>\n @if (consultType?.length) {\n <div class=\"form-group\">\n <label>{{ texts?.dropdownTitle }}</label>\n <select [attr.aria-required]=\"false\">\n <option value=\"\" selected disabled>\n {{ texts?.dropdownPlaceholder }}\n </option>\n @for (option of consultType; track option) {\n <option [value]=\"option.id\">\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 [placeholder]=\"texts?.inputNamePlaceHolder\"\n aria-required=\"false\"\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 [placeholder]=\"\n texts?.inputlastnamePlaceHolder ??\n texts?.inputSurnamesPlaceHolder\n \"\n aria-required=\"false\"\n />\n }\n </div>\n </div>\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 [placeholder]=\"texts?.inputEmailPlaceHolder\"\n aria-required=\"false\"\n />\n }\n </div>\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 [placeholder]=\"texts?.inputPhonePlaceHolder\"\n aria-required=\"false\"\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 [placeholder]=\"texts?.inputMessagePlaceHolder\"\n aria-required=\"false\"\n ></textarea>\n </div>\n }\n\n <div class=\"form-footer\">\n @if (texts?.conditions) {\n <label class=\"privacidad\">\n <input type=\"checkbox\" />\n <span class=\"privacidad__texto\">{{\n texts?.conditions\n }}</span>\n <!-- <a\n *ngIf=\"data.form.linkTerminos\"\n [href]=\"data.form.linkTerminos.href\"\n [attr.target]=\"\n data.form.linkTerminos.target\n \"\n [attr.rel]=\"data.form.linkTerminos.rel\"\n >\n {{\n data.form.linkTerminos.text ||\n 'Ver t\u00E9rminos'\n }}\n </a> -->\n </label>\n }\n @if (buttons?.length) {\n <button\n type=\"button\"\n class=\"m-button-clean enviar\"\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;background:#fff;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%}.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]:checked{background-color:#007bff;border-color:#007bff}.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)}@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"] }]
|
|
14613
14613
|
}], propDecorators: { texts: [{
|
|
14614
14614
|
type: Input
|
|
14615
14615
|
}], hotels: [{
|
|
@@ -14953,11 +14953,11 @@ class C4SliC2TxtImgComponent {
|
|
|
14953
14953
|
this.swiper?.destroy(true, true);
|
|
14954
14954
|
}
|
|
14955
14955
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: C4SliC2TxtImgComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
14956
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: C4SliC2TxtImgComponent, isStandalone: true, selector: "ces-c4-sli-c2-txt-img", inputs: { items: "items", texts: "texts" }, viewQueries: [{ propertyName: "swiperRoot", first: true, predicate: ["swiperRoot"], descendants: true }], ngImport: i0, template: "<section class=\"mdl-experiencias\">\n <div class=\"container\">\n @if (texts) {\n <div class=\"header\">\n @if (texts.title || texts.subtitle) {\n <h2 [innerHTML]=\"texts.title\">\n <br />\n <span [innerHTML]=\"texts.subtitle\"></span>\n </h2>\n }\n @if (texts.description) {\n <p [innerText]=\"texts.description\"></p>\n }\n </div>\n }\n\n @if (items?.length) {\n <div class=\"swiper experiencias-swiper\" #swiperRoot>\n <div class=\"swiper-wrapper\">\n @for (slide of items; track $index) {\n @if (slide) {\n <div class=\"swiper-slide experiencia\">\n <div class=\"content-slide\">\n <div class=\"imagen\">\n <img\n [src]=\"slide.images?.src\"\n [alt]=\"slide.images?.alt\"\n />\n </div>\n <div class=\"arrows-navigation\">\n <div\n class=\"swiper-button-prev mobile prev fill\"\n role=\"button\"\n tabindex=\"0\"\n (click)=\"slidePrev()\"\n >\n <svg\n width=\"8\"\n height=\"14\"\n viewBox=\"0 0 8 14\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M6.84717 0.5L0.707031 6.64014L6.84717 12.7798\"\n stroke=\"#B7985D\"\n stroke-linecap=\"round\"\n />\n </svg>\n </div>\n <div\n class=\"swiper-button-next mobile prev fill\"\n role=\"button\"\n tabindex=\"0\"\n (click)=\"slideNext()\"\n >\n <svg\n width=\"8\"\n height=\"14\"\n viewBox=\"0 0 8 14\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M0.500488 0.5L6.64062 6.64014L0.500488 12.7798\"\n stroke=\"#B7985D\"\n stroke-linecap=\"round\"\n />\n </svg>\n </div>\n </div>\n @if (slide.texts) {\n <div class=\"texto\">\n @if (slide.texts.title) {\n <h3\n [innerHTML]=\"\n slide.texts.title\n \"\n ></h3>\n }\n @if (slide.texts.subtitle) {\n <h4\n [innerHTML]=\"\n slide.texts.subtitle\n \"\n ></h4>\n }\n\n @if (slide.texts.description) {\n <div class=\"content-texto\">\n <p\n [innerHTML]=\"\n slide.texts\n .description\n \"\n ></p>\n </div>\n }\n @if (slide.buttons?.length) {\n <a\n [href]=\"\n slide.buttons?.[0]?.url\n \"\n [linkType]=\"\n slide.buttons?.[0]\n ?.linkType\n \"\n class=\"m-button-clean\"\n [attr.aria-label]=\"\n slide.buttons?.[0]\n ?.label ||\n slide.buttons?.[0]?.name\n \"\n >\n {{\n slide.buttons?.[0]\n ?.label ||\n slide.buttons?.[0]\n ?.name\n }}\n <svg\n width=\"50\"\n height=\"6\"\n viewBox=\"0 0 50 6\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M45.875 0L49.875 2.8L45.875 5.6V0Z\"\n fill=\"#B7985D\"\n ></path>\n <path\n d=\"M48.875 2.80078H0.375\"\n stroke=\"#B7985D\"\n stroke-width=\"0.75\"\n stroke-linecap=\"round\"\n ></path>\n </svg>\n </a>\n }\n </div>\n }\n </div>\n </div>\n }\n }\n </div>\n\n <div class=\"swiper-button-prev desktop\"></div>\n <div class=\"swiper-button-next desktop\"></div>\n </div>\n }\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.m-swiper-button{width:3.9rem;height:3.9rem;display:flex;align-items:center;justify-content:center;transition:.3s}.m-swiper-button.fill{border:1px solid #b7985d}.m-swiper-button.fill:hover{background-color:#b7985d;transition:.3s}.m-swiper-button.fill:hover svg{filter:brightness(250%)}.m-button{font-family:josefinsans,sans-serif!important;font-weight:400!important;font-size:1.6rem;line-height:100%!important;letter-spacing:4%!important;text-transform:uppercase!important;border:1px solid #b7985d;padding:1.2rem 4.6rem .6rem;color:#b7985d;transition:.3s}.m-button:hover{background-color:#b7985d;transition:.3s;color:#fff}.m-button-clean{font-family:josefinsans,sans-serif!important;font-weight:400!important;font-size:1.6rem;line-height:100%!important;letter-spacing:4%!important;text-transform:uppercase!important;font-size:1.3rem;color:#b7985d;display:flex;gap:2.5rem;white-space:nowrap;align-items:center}.m-button-clean svg{transition:clip-path .3s ease;clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%)}.m-button-clean:hover{transition:.3s;color:#9d793f}.m-button-clean:hover svg{clip-path:polygon(30% 0%,100% 0%,100% 100%,30% 100%)}.m-button-clean:hover svg path{color:#9d793f;fill:#9d793f}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__container{background-color:#0000!important}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-experiencias{padding:6rem 0;background-color:#fff;font-family:Inter,sans-serif;max-width:144rem;margin:auto}.mdl-experiencias .header{text-align:left;max-width:54.6rem;margin:auto;margin-bottom:4rem}.mdl-experiencias .header h2{font-family:bentham,sans-serif;font-weight:400;font-size:4rem;line-height:4rem;color:#b7985d;margin-bottom:10px}.mdl-experiencias .header p{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:2.2rem}@media (max-width: 768px){.mdl-experiencias .header p{line-height:2.4rem}}.mdl-experiencias .header p{color:#54565a;margin:0 auto;margin-left:8.9rem;width:calc(100% - 8.9rem)}.mdl-experiencias .experiencias-swiper{padding:0 0 0 6rem;position:relative}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia{display:flex;align-items:flex-start;justify-content:space-between}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide{display:flex;align-items:flex-start;justify-content:space-between;gap:4rem}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .imagen{position:relative}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .imagen:before{content:\"\";display:block;position:absolute;top:-1px;right:-1px;background-color:#fff;width:47%;height:3rem}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .imagen img{width:100%;height:auto}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto h3{font-family:josefinsans,sans-serif;font-weight:300;font-size:3.7rem;line-height:100%;color:#b7985d;margin-bottom:5px}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto h4{font-family:josefinsans,sans-serif;font-weight:300;font-size:2.3rem;line-height:100%;margin-bottom:20px;color:#54565a}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto{padding-left:6.3rem}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto ul{list-style:none;margin-bottom:20px;color:#54565a}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto ul li{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:2.8rem;padding-left:0}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto ul li:before{content:none}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto .nota,.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto .precio{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:2.8rem;margin-bottom:20px}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto .btn-reservar{display:inline-block;font-size:13px;letter-spacing:1px;color:#b28b4e;text-decoration:none;border-bottom:1px solid #b28b4e;padding-bottom:3px}.mdl-experiencias .swiper-button-prev,.mdl-experiencias .swiper-button-next{color:#fcfaf8}.mdl-experiencias .swiper-button-prev:not(.mobile),.mdl-experiencias .swiper-button-next:not(.mobile){color:#b28b4e}.mdl-experiencias .swiper-button-prev,.mdl-experiencias .swiper-button-next{border:1px solid #b28b4e;width:34px;height:34px;top:0;margin-top:0}.mdl-experiencias .swiper-button-prev svg,.mdl-experiencias .swiper-button-next svg{height:1.2rem;position:absolute}.mdl-experiencias .swiper-button-prev:hover,.mdl-experiencias .swiper-button-next:hover{color:#fff}.mdl-experiencias .swiper-button-prev:hover svg path,.mdl-experiencias .swiper-button-next:hover svg path{color:#fff;fill:#fff}.mdl-experiencias .swiper-button-prev:hover,.mdl-experiencias .swiper-button-next:hover{background-color:#b7985d;transition:.3s}.mdl-experiencias .swiper-button-prev:hover:after svg,.mdl-experiencias .swiper-button-next:hover:after svg{color:#fff;fill:#fff}.mdl-experiencias .swiper-button-prev:hover:after svg path,.mdl-experiencias .swiper-button-next:hover:after svg path{color:#fff;fill:#fff}.mdl-experiencias .swiper-button-prev.mobile,.mdl-experiencias .swiper-button-next.mobile{display:none}.mdl-experiencias .swiper-button-prev:after,.mdl-experiencias .swiper-button-next:after{font-size:1.2rem}@media (max-width: 1080px){.mdl-experiencias .experiencias-swiper{padding:0;max-width:calc(100% - 5rem)}.mdl-experiencias .experiencias-swiper .experiencia .content-slide{flex-direction:column;align-items:center;width:100%;gap:1.6rem!important}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .imagen{width:100%}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .texto{position:relative;width:100%;max-width:42rem;margin:auto}.mdl-experiencias .arrows-navigation{position:relative;width:100%;transform:translate3d(0,1.6rem,0)}.mdl-experiencias .swiper-button-prev.mobile,.mdl-experiencias .swiper-button-next.mobile{display:flex}.mdl-experiencias .swiper-button-prev.desktop,.mdl-experiencias .swiper-button-next.desktop{display:none}}@media (max-width: 800px){.mdl-experiencias .experiencias-swiper{max-width:100%}}@media (max-width: 600px){.mdl-experiencias .header{text-align:left;max-width:calc(100% - 7.4rem);margin:auto;margin-bottom:4rem}.mdl-experiencias .header h2{font-family:bentham,sans-serif;font-weight:400;font-size:4rem;line-height:4rem;color:#b7985d;margin-bottom:10px}.mdl-experiencias .header p{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:2.2rem;color:#54565a;margin:0 auto;width:100%}}@media (max-width: 600px) and (max-width: 768px){.mdl-experiencias .header p{line-height:2.4rem}}@media (max-width: 600px){.mdl-experiencias .experiencias-swiper{padding:0;max-width:100%}.mdl-experiencias .experiencias-swiper .experiencia .content-slide{flex-direction:column;align-items:center;width:100%;gap:1.6rem!important}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .imagen{width:100%}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .texto{position:relative;width:100%;max-width:calc(100% - 7.4rem);margin:auto}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .texto .content-texto{padding-left:0!important}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .texto .content-texto ul li{padding-left:0}.mdl-experiencias .arrows-navigation{position:relative;width:100%;display:flex;flex-direction:row;gap:1.5rem;max-width:calc(100% - 7.4rem);margin:auto;margin-bottom:3.3rem}.mdl-experiencias .swiper-button-prev,.mdl-experiencias .swiper-button-next{position:relative;left:inherit;right:inherit}.mdl-experiencias .swiper-button-prev.mobile,.mdl-experiencias .swiper-button-next.mobile{display:flex}.mdl-experiencias .swiper-button-prev.desktop,.mdl-experiencias .swiper-button-next.desktop{display:none}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup"], outputs: ["anchorClicked"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
14956
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: C4SliC2TxtImgComponent, isStandalone: true, selector: "ces-c4-sli-c2-txt-img", inputs: { items: "items", texts: "texts" }, viewQueries: [{ propertyName: "swiperRoot", first: true, predicate: ["swiperRoot"], descendants: true }], ngImport: i0, template: "<section class=\"mdl-experiencias\">\n <div class=\"container\">\n @if (texts) {\n <div class=\"header-module\">\n @if (texts.title || texts.subtitle) {\n <h2 [innerHTML]=\"texts.title\">\n <br />\n <span [innerHTML]=\"texts.subtitle\"></span>\n </h2>\n }\n @if (texts.description) {\n <p [innerText]=\"texts.description\"></p>\n }\n </div>\n }\n\n @if (items?.length) {\n <div class=\"swiper experiencias-swiper\" #swiperRoot>\n <div class=\"swiper-wrapper\">\n @for (slide of items; track $index) {\n @if (slide) {\n <div class=\"swiper-slide experiencia\">\n <div class=\"content-slide\">\n <div class=\"imagen\">\n <img\n [src]=\"slide.images?.src\"\n [alt]=\"slide.images?.alt\"\n />\n </div>\n <div class=\"arrows-navigation\">\n <div\n class=\"swiper-button-prev mobile prev fill\"\n role=\"button\"\n tabindex=\"0\"\n (click)=\"slidePrev()\"\n >\n <svg\n width=\"8\"\n height=\"14\"\n viewBox=\"0 0 8 14\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M6.84717 0.5L0.707031 6.64014L6.84717 12.7798\"\n stroke=\"#B7985D\"\n stroke-linecap=\"round\"\n />\n </svg>\n </div>\n <div\n class=\"swiper-button-next mobile prev fill\"\n role=\"button\"\n tabindex=\"0\"\n (click)=\"slideNext()\"\n >\n <svg\n width=\"8\"\n height=\"14\"\n viewBox=\"0 0 8 14\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M0.500488 0.5L6.64062 6.64014L0.500488 12.7798\"\n stroke=\"#B7985D\"\n stroke-linecap=\"round\"\n />\n </svg>\n </div>\n </div>\n @if (slide.texts) {\n <div class=\"texto\">\n @if (slide.texts.title) {\n <h3\n [innerHTML]=\"\n slide.texts.title\n \"\n ></h3>\n }\n @if (slide.texts.subtitle) {\n <h4\n [innerHTML]=\"\n slide.texts.subtitle\n \"\n ></h4>\n }\n\n @if (slide.texts.description) {\n <div class=\"content-texto\">\n <p\n [innerHTML]=\"\n slide.texts\n .description\n \"\n ></p>\n </div>\n }\n @if (slide.buttons?.length) {\n <a\n [href]=\"\n slide.buttons?.[0]?.url\n \"\n [linkType]=\"\n slide.buttons?.[0]\n ?.linkType\n \"\n class=\"m-button-clean\"\n [attr.aria-label]=\"\n slide.buttons?.[0]\n ?.label ||\n slide.buttons?.[0]?.name\n \"\n >\n {{\n slide.buttons?.[0]\n ?.label ||\n slide.buttons?.[0]\n ?.name\n }}\n <svg\n width=\"50\"\n height=\"6\"\n viewBox=\"0 0 50 6\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M45.875 0L49.875 2.8L45.875 5.6V0Z\"\n fill=\"#B7985D\"\n ></path>\n <path\n d=\"M48.875 2.80078H0.375\"\n stroke=\"#B7985D\"\n stroke-width=\"0.75\"\n stroke-linecap=\"round\"\n ></path>\n </svg>\n </a>\n }\n </div>\n }\n </div>\n </div>\n }\n }\n </div>\n\n <div class=\"swiper-button-prev desktop\"></div>\n <div class=\"swiper-button-next desktop\"></div>\n </div>\n }\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.m-swiper-button{width:3.9rem;height:3.9rem;display:flex;align-items:center;justify-content:center;transition:.3s}.m-swiper-button.fill{border:1px solid #b7985d}.m-swiper-button.fill:hover{background-color:#b7985d;transition:.3s}.m-swiper-button.fill:hover svg{filter:brightness(250%)}.m-button{font-family:josefinsans,sans-serif!important;font-weight:400!important;font-size:1.6rem;line-height:100%!important;letter-spacing:4%!important;text-transform:uppercase!important;border:1px solid #b7985d;padding:1.2rem 4.6rem .6rem;color:#b7985d;transition:.3s}.m-button:hover{background-color:#b7985d;transition:.3s;color:#fff}.m-button-clean{font-family:josefinsans,sans-serif!important;font-weight:400!important;font-size:1.6rem;line-height:100%!important;letter-spacing:4%!important;text-transform:uppercase!important;font-size:1.3rem;color:#b7985d;display:flex;gap:2.5rem;white-space:nowrap;align-items:center}.m-button-clean svg{transition:clip-path .3s ease;clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%)}.m-button-clean:hover{transition:.3s;color:#9d793f}.m-button-clean:hover svg{clip-path:polygon(30% 0%,100% 0%,100% 100%,30% 100%)}.m-button-clean:hover svg path{color:#9d793f;fill:#9d793f}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__container{background-color:#0000!important}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-experiencias{padding:6rem 0;background-color:#fff;font-family:Inter,sans-serif;max-width:144rem;margin:auto}.mdl-experiencias .header-module{text-align:left;max-width:54.6rem;margin:auto;margin-bottom:4rem}.mdl-experiencias .header-module h2{font-family:bentham,sans-serif;font-weight:400;font-size:4rem;line-height:4rem;color:#b7985d;margin-bottom:10px}.mdl-experiencias .header-module p{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:2.2rem}@media (max-width: 768px){.mdl-experiencias .header-module p{line-height:2.4rem}}.mdl-experiencias .header-module p{color:#54565a;margin:0 auto;margin-left:8.9rem;width:calc(100% - 8.9rem)}.mdl-experiencias .experiencias-swiper{padding:0 0 0 6rem;position:relative}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia{display:flex;align-items:flex-start;justify-content:space-between}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide{display:flex;align-items:flex-start;justify-content:space-between;gap:4rem}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .imagen{position:relative}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .imagen:before{content:\"\";display:block;position:absolute;top:-1px;right:-1px;background-color:#fff;width:47%;height:3rem}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .imagen img{width:100%;height:auto}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto h3{font-family:josefinsans,sans-serif;font-weight:300;font-size:3.7rem;line-height:100%;color:#b7985d;margin-bottom:5px}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto h4{font-family:josefinsans,sans-serif;font-weight:300;font-size:2.3rem;line-height:100%;margin-bottom:20px;color:#54565a}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto{padding-left:6.3rem}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto ul{list-style:none;margin-bottom:20px;color:#54565a}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto ul li{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:2.8rem;padding-left:0}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto ul li:before{content:none}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto .nota,.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto .precio{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:2.8rem;margin-bottom:20px}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto .btn-reservar{display:inline-block;font-size:13px;letter-spacing:1px;color:#b28b4e;text-decoration:none;border-bottom:1px solid #b28b4e;padding-bottom:3px}.mdl-experiencias .swiper-button-prev,.mdl-experiencias .swiper-button-next{color:#fcfaf8}.mdl-experiencias .swiper-button-prev:not(.mobile),.mdl-experiencias .swiper-button-next:not(.mobile){color:#b28b4e}.mdl-experiencias .swiper-button-prev,.mdl-experiencias .swiper-button-next{border:1px solid #b28b4e;width:34px;height:34px;top:0;margin-top:0}.mdl-experiencias .swiper-button-prev svg,.mdl-experiencias .swiper-button-next svg{height:1.2rem;position:absolute}.mdl-experiencias .swiper-button-prev:hover,.mdl-experiencias .swiper-button-next:hover{color:#fff}.mdl-experiencias .swiper-button-prev:hover svg path,.mdl-experiencias .swiper-button-next:hover svg path{color:#fff;fill:#fff}.mdl-experiencias .swiper-button-prev:hover,.mdl-experiencias .swiper-button-next:hover{background-color:#b7985d;transition:.3s}.mdl-experiencias .swiper-button-prev:hover:after svg,.mdl-experiencias .swiper-button-next:hover:after svg{color:#fff;fill:#fff}.mdl-experiencias .swiper-button-prev:hover:after svg path,.mdl-experiencias .swiper-button-next:hover:after svg path{color:#fff;fill:#fff}.mdl-experiencias .swiper-button-prev.mobile,.mdl-experiencias .swiper-button-next.mobile{display:none}.mdl-experiencias .swiper-button-prev:after,.mdl-experiencias .swiper-button-next:after{font-size:1.2rem}@media (max-width: 1080px){.mdl-experiencias .experiencias-swiper{padding:0;max-width:calc(100% - 5rem)}.mdl-experiencias .experiencias-swiper .experiencia .content-slide{flex-direction:column;align-items:center;width:100%;gap:1.6rem!important}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .imagen{width:100%}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .texto{position:relative;width:100%;max-width:42rem;margin:auto}.mdl-experiencias .arrows-navigation{position:relative;width:100%;transform:translate3d(0,1.6rem,0)}.mdl-experiencias .swiper-button-prev.mobile,.mdl-experiencias .swiper-button-next.mobile{display:flex}.mdl-experiencias .swiper-button-prev.desktop,.mdl-experiencias .swiper-button-next.desktop{display:none}}@media (max-width: 800px){.mdl-experiencias .experiencias-swiper{max-width:100%}}@media (max-width: 600px){.mdl-experiencias .header-module{text-align:left;max-width:calc(100% - 7.4rem);margin:auto;margin-bottom:4rem}.mdl-experiencias .header-module h2{font-family:bentham,sans-serif;font-weight:400;font-size:4rem;line-height:4rem;color:#b7985d;margin-bottom:10px}.mdl-experiencias .header-module p{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:2.2rem;color:#54565a;margin:0 auto;width:100%}}@media (max-width: 600px) and (max-width: 768px){.mdl-experiencias .header-module p{line-height:2.4rem}}@media (max-width: 600px){.mdl-experiencias .experiencias-swiper{padding:0;max-width:100%}.mdl-experiencias .experiencias-swiper .experiencia .content-slide{flex-direction:column;align-items:center;width:100%;gap:1.6rem!important}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .imagen{width:100%}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .texto{position:relative;width:100%;max-width:calc(100% - 7.4rem);margin:auto}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .texto .content-texto{padding-left:0!important}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .texto .content-texto ul li{padding-left:0}.mdl-experiencias .arrows-navigation{position:relative;width:100%;display:flex;flex-direction:row;gap:1.5rem;max-width:calc(100% - 7.4rem);margin:auto;margin-bottom:3.3rem}.mdl-experiencias .swiper-button-prev,.mdl-experiencias .swiper-button-next{position:relative;left:inherit;right:inherit}.mdl-experiencias .swiper-button-prev.mobile,.mdl-experiencias .swiper-button-next.mobile{display:flex}.mdl-experiencias .swiper-button-prev.desktop,.mdl-experiencias .swiper-button-next.desktop{display:none}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup"], outputs: ["anchorClicked"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
14957
14957
|
}
|
|
14958
14958
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: C4SliC2TxtImgComponent, decorators: [{
|
|
14959
14959
|
type: Component,
|
|
14960
|
-
args: [{ selector: 'ces-c4-sli-c2-txt-img', standalone: true, imports: [CommonModule, BabylonLinkTypeDirective], encapsulation: ViewEncapsulation.None, template: "<section class=\"mdl-experiencias\">\n <div class=\"container\">\n @if (texts) {\n <div class=\"header\">\n @if (texts.title || texts.subtitle) {\n <h2 [innerHTML]=\"texts.title\">\n <br />\n <span [innerHTML]=\"texts.subtitle\"></span>\n </h2>\n }\n @if (texts.description) {\n <p [innerText]=\"texts.description\"></p>\n }\n </div>\n }\n\n @if (items?.length) {\n <div class=\"swiper experiencias-swiper\" #swiperRoot>\n <div class=\"swiper-wrapper\">\n @for (slide of items; track $index) {\n @if (slide) {\n <div class=\"swiper-slide experiencia\">\n <div class=\"content-slide\">\n <div class=\"imagen\">\n <img\n [src]=\"slide.images?.src\"\n [alt]=\"slide.images?.alt\"\n />\n </div>\n <div class=\"arrows-navigation\">\n <div\n class=\"swiper-button-prev mobile prev fill\"\n role=\"button\"\n tabindex=\"0\"\n (click)=\"slidePrev()\"\n >\n <svg\n width=\"8\"\n height=\"14\"\n viewBox=\"0 0 8 14\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M6.84717 0.5L0.707031 6.64014L6.84717 12.7798\"\n stroke=\"#B7985D\"\n stroke-linecap=\"round\"\n />\n </svg>\n </div>\n <div\n class=\"swiper-button-next mobile prev fill\"\n role=\"button\"\n tabindex=\"0\"\n (click)=\"slideNext()\"\n >\n <svg\n width=\"8\"\n height=\"14\"\n viewBox=\"0 0 8 14\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M0.500488 0.5L6.64062 6.64014L0.500488 12.7798\"\n stroke=\"#B7985D\"\n stroke-linecap=\"round\"\n />\n </svg>\n </div>\n </div>\n @if (slide.texts) {\n <div class=\"texto\">\n @if (slide.texts.title) {\n <h3\n [innerHTML]=\"\n slide.texts.title\n \"\n ></h3>\n }\n @if (slide.texts.subtitle) {\n <h4\n [innerHTML]=\"\n slide.texts.subtitle\n \"\n ></h4>\n }\n\n @if (slide.texts.description) {\n <div class=\"content-texto\">\n <p\n [innerHTML]=\"\n slide.texts\n .description\n \"\n ></p>\n </div>\n }\n @if (slide.buttons?.length) {\n <a\n [href]=\"\n slide.buttons?.[0]?.url\n \"\n [linkType]=\"\n slide.buttons?.[0]\n ?.linkType\n \"\n class=\"m-button-clean\"\n [attr.aria-label]=\"\n slide.buttons?.[0]\n ?.label ||\n slide.buttons?.[0]?.name\n \"\n >\n {{\n slide.buttons?.[0]\n ?.label ||\n slide.buttons?.[0]\n ?.name\n }}\n <svg\n width=\"50\"\n height=\"6\"\n viewBox=\"0 0 50 6\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M45.875 0L49.875 2.8L45.875 5.6V0Z\"\n fill=\"#B7985D\"\n ></path>\n <path\n d=\"M48.875 2.80078H0.375\"\n stroke=\"#B7985D\"\n stroke-width=\"0.75\"\n stroke-linecap=\"round\"\n ></path>\n </svg>\n </a>\n }\n </div>\n }\n </div>\n </div>\n }\n }\n </div>\n\n <div class=\"swiper-button-prev desktop\"></div>\n <div class=\"swiper-button-next desktop\"></div>\n </div>\n }\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.m-swiper-button{width:3.9rem;height:3.9rem;display:flex;align-items:center;justify-content:center;transition:.3s}.m-swiper-button.fill{border:1px solid #b7985d}.m-swiper-button.fill:hover{background-color:#b7985d;transition:.3s}.m-swiper-button.fill:hover svg{filter:brightness(250%)}.m-button{font-family:josefinsans,sans-serif!important;font-weight:400!important;font-size:1.6rem;line-height:100%!important;letter-spacing:4%!important;text-transform:uppercase!important;border:1px solid #b7985d;padding:1.2rem 4.6rem .6rem;color:#b7985d;transition:.3s}.m-button:hover{background-color:#b7985d;transition:.3s;color:#fff}.m-button-clean{font-family:josefinsans,sans-serif!important;font-weight:400!important;font-size:1.6rem;line-height:100%!important;letter-spacing:4%!important;text-transform:uppercase!important;font-size:1.3rem;color:#b7985d;display:flex;gap:2.5rem;white-space:nowrap;align-items:center}.m-button-clean svg{transition:clip-path .3s ease;clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%)}.m-button-clean:hover{transition:.3s;color:#9d793f}.m-button-clean:hover svg{clip-path:polygon(30% 0%,100% 0%,100% 100%,30% 100%)}.m-button-clean:hover svg path{color:#9d793f;fill:#9d793f}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__container{background-color:#0000!important}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-experiencias{padding:6rem 0;background-color:#fff;font-family:Inter,sans-serif;max-width:144rem;margin:auto}.mdl-experiencias .header{text-align:left;max-width:54.6rem;margin:auto;margin-bottom:4rem}.mdl-experiencias .header h2{font-family:bentham,sans-serif;font-weight:400;font-size:4rem;line-height:4rem;color:#b7985d;margin-bottom:10px}.mdl-experiencias .header p{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:2.2rem}@media (max-width: 768px){.mdl-experiencias .header p{line-height:2.4rem}}.mdl-experiencias .header p{color:#54565a;margin:0 auto;margin-left:8.9rem;width:calc(100% - 8.9rem)}.mdl-experiencias .experiencias-swiper{padding:0 0 0 6rem;position:relative}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia{display:flex;align-items:flex-start;justify-content:space-between}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide{display:flex;align-items:flex-start;justify-content:space-between;gap:4rem}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .imagen{position:relative}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .imagen:before{content:\"\";display:block;position:absolute;top:-1px;right:-1px;background-color:#fff;width:47%;height:3rem}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .imagen img{width:100%;height:auto}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto h3{font-family:josefinsans,sans-serif;font-weight:300;font-size:3.7rem;line-height:100%;color:#b7985d;margin-bottom:5px}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto h4{font-family:josefinsans,sans-serif;font-weight:300;font-size:2.3rem;line-height:100%;margin-bottom:20px;color:#54565a}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto{padding-left:6.3rem}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto ul{list-style:none;margin-bottom:20px;color:#54565a}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto ul li{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:2.8rem;padding-left:0}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto ul li:before{content:none}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto .nota,.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto .precio{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:2.8rem;margin-bottom:20px}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto .btn-reservar{display:inline-block;font-size:13px;letter-spacing:1px;color:#b28b4e;text-decoration:none;border-bottom:1px solid #b28b4e;padding-bottom:3px}.mdl-experiencias .swiper-button-prev,.mdl-experiencias .swiper-button-next{color:#fcfaf8}.mdl-experiencias .swiper-button-prev:not(.mobile),.mdl-experiencias .swiper-button-next:not(.mobile){color:#b28b4e}.mdl-experiencias .swiper-button-prev,.mdl-experiencias .swiper-button-next{border:1px solid #b28b4e;width:34px;height:34px;top:0;margin-top:0}.mdl-experiencias .swiper-button-prev svg,.mdl-experiencias .swiper-button-next svg{height:1.2rem;position:absolute}.mdl-experiencias .swiper-button-prev:hover,.mdl-experiencias .swiper-button-next:hover{color:#fff}.mdl-experiencias .swiper-button-prev:hover svg path,.mdl-experiencias .swiper-button-next:hover svg path{color:#fff;fill:#fff}.mdl-experiencias .swiper-button-prev:hover,.mdl-experiencias .swiper-button-next:hover{background-color:#b7985d;transition:.3s}.mdl-experiencias .swiper-button-prev:hover:after svg,.mdl-experiencias .swiper-button-next:hover:after svg{color:#fff;fill:#fff}.mdl-experiencias .swiper-button-prev:hover:after svg path,.mdl-experiencias .swiper-button-next:hover:after svg path{color:#fff;fill:#fff}.mdl-experiencias .swiper-button-prev.mobile,.mdl-experiencias .swiper-button-next.mobile{display:none}.mdl-experiencias .swiper-button-prev:after,.mdl-experiencias .swiper-button-next:after{font-size:1.2rem}@media (max-width: 1080px){.mdl-experiencias .experiencias-swiper{padding:0;max-width:calc(100% - 5rem)}.mdl-experiencias .experiencias-swiper .experiencia .content-slide{flex-direction:column;align-items:center;width:100%;gap:1.6rem!important}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .imagen{width:100%}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .texto{position:relative;width:100%;max-width:42rem;margin:auto}.mdl-experiencias .arrows-navigation{position:relative;width:100%;transform:translate3d(0,1.6rem,0)}.mdl-experiencias .swiper-button-prev.mobile,.mdl-experiencias .swiper-button-next.mobile{display:flex}.mdl-experiencias .swiper-button-prev.desktop,.mdl-experiencias .swiper-button-next.desktop{display:none}}@media (max-width: 800px){.mdl-experiencias .experiencias-swiper{max-width:100%}}@media (max-width: 600px){.mdl-experiencias .header{text-align:left;max-width:calc(100% - 7.4rem);margin:auto;margin-bottom:4rem}.mdl-experiencias .header h2{font-family:bentham,sans-serif;font-weight:400;font-size:4rem;line-height:4rem;color:#b7985d;margin-bottom:10px}.mdl-experiencias .header p{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:2.2rem;color:#54565a;margin:0 auto;width:100%}}@media (max-width: 600px) and (max-width: 768px){.mdl-experiencias .header p{line-height:2.4rem}}@media (max-width: 600px){.mdl-experiencias .experiencias-swiper{padding:0;max-width:100%}.mdl-experiencias .experiencias-swiper .experiencia .content-slide{flex-direction:column;align-items:center;width:100%;gap:1.6rem!important}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .imagen{width:100%}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .texto{position:relative;width:100%;max-width:calc(100% - 7.4rem);margin:auto}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .texto .content-texto{padding-left:0!important}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .texto .content-texto ul li{padding-left:0}.mdl-experiencias .arrows-navigation{position:relative;width:100%;display:flex;flex-direction:row;gap:1.5rem;max-width:calc(100% - 7.4rem);margin:auto;margin-bottom:3.3rem}.mdl-experiencias .swiper-button-prev,.mdl-experiencias .swiper-button-next{position:relative;left:inherit;right:inherit}.mdl-experiencias .swiper-button-prev.mobile,.mdl-experiencias .swiper-button-next.mobile{display:flex}.mdl-experiencias .swiper-button-prev.desktop,.mdl-experiencias .swiper-button-next.desktop{display:none}}\n"] }]
|
|
14960
|
+
args: [{ selector: 'ces-c4-sli-c2-txt-img', standalone: true, imports: [CommonModule, BabylonLinkTypeDirective], encapsulation: ViewEncapsulation.None, template: "<section class=\"mdl-experiencias\">\n <div class=\"container\">\n @if (texts) {\n <div class=\"header-module\">\n @if (texts.title || texts.subtitle) {\n <h2 [innerHTML]=\"texts.title\">\n <br />\n <span [innerHTML]=\"texts.subtitle\"></span>\n </h2>\n }\n @if (texts.description) {\n <p [innerText]=\"texts.description\"></p>\n }\n </div>\n }\n\n @if (items?.length) {\n <div class=\"swiper experiencias-swiper\" #swiperRoot>\n <div class=\"swiper-wrapper\">\n @for (slide of items; track $index) {\n @if (slide) {\n <div class=\"swiper-slide experiencia\">\n <div class=\"content-slide\">\n <div class=\"imagen\">\n <img\n [src]=\"slide.images?.src\"\n [alt]=\"slide.images?.alt\"\n />\n </div>\n <div class=\"arrows-navigation\">\n <div\n class=\"swiper-button-prev mobile prev fill\"\n role=\"button\"\n tabindex=\"0\"\n (click)=\"slidePrev()\"\n >\n <svg\n width=\"8\"\n height=\"14\"\n viewBox=\"0 0 8 14\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M6.84717 0.5L0.707031 6.64014L6.84717 12.7798\"\n stroke=\"#B7985D\"\n stroke-linecap=\"round\"\n />\n </svg>\n </div>\n <div\n class=\"swiper-button-next mobile prev fill\"\n role=\"button\"\n tabindex=\"0\"\n (click)=\"slideNext()\"\n >\n <svg\n width=\"8\"\n height=\"14\"\n viewBox=\"0 0 8 14\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M0.500488 0.5L6.64062 6.64014L0.500488 12.7798\"\n stroke=\"#B7985D\"\n stroke-linecap=\"round\"\n />\n </svg>\n </div>\n </div>\n @if (slide.texts) {\n <div class=\"texto\">\n @if (slide.texts.title) {\n <h3\n [innerHTML]=\"\n slide.texts.title\n \"\n ></h3>\n }\n @if (slide.texts.subtitle) {\n <h4\n [innerHTML]=\"\n slide.texts.subtitle\n \"\n ></h4>\n }\n\n @if (slide.texts.description) {\n <div class=\"content-texto\">\n <p\n [innerHTML]=\"\n slide.texts\n .description\n \"\n ></p>\n </div>\n }\n @if (slide.buttons?.length) {\n <a\n [href]=\"\n slide.buttons?.[0]?.url\n \"\n [linkType]=\"\n slide.buttons?.[0]\n ?.linkType\n \"\n class=\"m-button-clean\"\n [attr.aria-label]=\"\n slide.buttons?.[0]\n ?.label ||\n slide.buttons?.[0]?.name\n \"\n >\n {{\n slide.buttons?.[0]\n ?.label ||\n slide.buttons?.[0]\n ?.name\n }}\n <svg\n width=\"50\"\n height=\"6\"\n viewBox=\"0 0 50 6\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M45.875 0L49.875 2.8L45.875 5.6V0Z\"\n fill=\"#B7985D\"\n ></path>\n <path\n d=\"M48.875 2.80078H0.375\"\n stroke=\"#B7985D\"\n stroke-width=\"0.75\"\n stroke-linecap=\"round\"\n ></path>\n </svg>\n </a>\n }\n </div>\n }\n </div>\n </div>\n }\n }\n </div>\n\n <div class=\"swiper-button-prev desktop\"></div>\n <div class=\"swiper-button-next desktop\"></div>\n </div>\n }\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.m-swiper-button{width:3.9rem;height:3.9rem;display:flex;align-items:center;justify-content:center;transition:.3s}.m-swiper-button.fill{border:1px solid #b7985d}.m-swiper-button.fill:hover{background-color:#b7985d;transition:.3s}.m-swiper-button.fill:hover svg{filter:brightness(250%)}.m-button{font-family:josefinsans,sans-serif!important;font-weight:400!important;font-size:1.6rem;line-height:100%!important;letter-spacing:4%!important;text-transform:uppercase!important;border:1px solid #b7985d;padding:1.2rem 4.6rem .6rem;color:#b7985d;transition:.3s}.m-button:hover{background-color:#b7985d;transition:.3s;color:#fff}.m-button-clean{font-family:josefinsans,sans-serif!important;font-weight:400!important;font-size:1.6rem;line-height:100%!important;letter-spacing:4%!important;text-transform:uppercase!important;font-size:1.3rem;color:#b7985d;display:flex;gap:2.5rem;white-space:nowrap;align-items:center}.m-button-clean svg{transition:clip-path .3s ease;clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%)}.m-button-clean:hover{transition:.3s;color:#9d793f}.m-button-clean:hover svg{clip-path:polygon(30% 0%,100% 0%,100% 100%,30% 100%)}.m-button-clean:hover svg path{color:#9d793f;fill:#9d793f}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__container{background-color:#0000!important}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-experiencias{padding:6rem 0;background-color:#fff;font-family:Inter,sans-serif;max-width:144rem;margin:auto}.mdl-experiencias .header-module{text-align:left;max-width:54.6rem;margin:auto;margin-bottom:4rem}.mdl-experiencias .header-module h2{font-family:bentham,sans-serif;font-weight:400;font-size:4rem;line-height:4rem;color:#b7985d;margin-bottom:10px}.mdl-experiencias .header-module p{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:2.2rem}@media (max-width: 768px){.mdl-experiencias .header-module p{line-height:2.4rem}}.mdl-experiencias .header-module p{color:#54565a;margin:0 auto;margin-left:8.9rem;width:calc(100% - 8.9rem)}.mdl-experiencias .experiencias-swiper{padding:0 0 0 6rem;position:relative}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia{display:flex;align-items:flex-start;justify-content:space-between}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide{display:flex;align-items:flex-start;justify-content:space-between;gap:4rem}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .imagen{position:relative}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .imagen:before{content:\"\";display:block;position:absolute;top:-1px;right:-1px;background-color:#fff;width:47%;height:3rem}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .imagen img{width:100%;height:auto}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto h3{font-family:josefinsans,sans-serif;font-weight:300;font-size:3.7rem;line-height:100%;color:#b7985d;margin-bottom:5px}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto h4{font-family:josefinsans,sans-serif;font-weight:300;font-size:2.3rem;line-height:100%;margin-bottom:20px;color:#54565a}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto{padding-left:6.3rem}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto ul{list-style:none;margin-bottom:20px;color:#54565a}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto ul li{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:2.8rem;padding-left:0}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto ul li:before{content:none}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto .nota,.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto .precio{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:2.8rem;margin-bottom:20px}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto .btn-reservar{display:inline-block;font-size:13px;letter-spacing:1px;color:#b28b4e;text-decoration:none;border-bottom:1px solid #b28b4e;padding-bottom:3px}.mdl-experiencias .swiper-button-prev,.mdl-experiencias .swiper-button-next{color:#fcfaf8}.mdl-experiencias .swiper-button-prev:not(.mobile),.mdl-experiencias .swiper-button-next:not(.mobile){color:#b28b4e}.mdl-experiencias .swiper-button-prev,.mdl-experiencias .swiper-button-next{border:1px solid #b28b4e;width:34px;height:34px;top:0;margin-top:0}.mdl-experiencias .swiper-button-prev svg,.mdl-experiencias .swiper-button-next svg{height:1.2rem;position:absolute}.mdl-experiencias .swiper-button-prev:hover,.mdl-experiencias .swiper-button-next:hover{color:#fff}.mdl-experiencias .swiper-button-prev:hover svg path,.mdl-experiencias .swiper-button-next:hover svg path{color:#fff;fill:#fff}.mdl-experiencias .swiper-button-prev:hover,.mdl-experiencias .swiper-button-next:hover{background-color:#b7985d;transition:.3s}.mdl-experiencias .swiper-button-prev:hover:after svg,.mdl-experiencias .swiper-button-next:hover:after svg{color:#fff;fill:#fff}.mdl-experiencias .swiper-button-prev:hover:after svg path,.mdl-experiencias .swiper-button-next:hover:after svg path{color:#fff;fill:#fff}.mdl-experiencias .swiper-button-prev.mobile,.mdl-experiencias .swiper-button-next.mobile{display:none}.mdl-experiencias .swiper-button-prev:after,.mdl-experiencias .swiper-button-next:after{font-size:1.2rem}@media (max-width: 1080px){.mdl-experiencias .experiencias-swiper{padding:0;max-width:calc(100% - 5rem)}.mdl-experiencias .experiencias-swiper .experiencia .content-slide{flex-direction:column;align-items:center;width:100%;gap:1.6rem!important}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .imagen{width:100%}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .texto{position:relative;width:100%;max-width:42rem;margin:auto}.mdl-experiencias .arrows-navigation{position:relative;width:100%;transform:translate3d(0,1.6rem,0)}.mdl-experiencias .swiper-button-prev.mobile,.mdl-experiencias .swiper-button-next.mobile{display:flex}.mdl-experiencias .swiper-button-prev.desktop,.mdl-experiencias .swiper-button-next.desktop{display:none}}@media (max-width: 800px){.mdl-experiencias .experiencias-swiper{max-width:100%}}@media (max-width: 600px){.mdl-experiencias .header-module{text-align:left;max-width:calc(100% - 7.4rem);margin:auto;margin-bottom:4rem}.mdl-experiencias .header-module h2{font-family:bentham,sans-serif;font-weight:400;font-size:4rem;line-height:4rem;color:#b7985d;margin-bottom:10px}.mdl-experiencias .header-module p{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:2.2rem;color:#54565a;margin:0 auto;width:100%}}@media (max-width: 600px) and (max-width: 768px){.mdl-experiencias .header-module p{line-height:2.4rem}}@media (max-width: 600px){.mdl-experiencias .experiencias-swiper{padding:0;max-width:100%}.mdl-experiencias .experiencias-swiper .experiencia .content-slide{flex-direction:column;align-items:center;width:100%;gap:1.6rem!important}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .imagen{width:100%}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .texto{position:relative;width:100%;max-width:calc(100% - 7.4rem);margin:auto}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .texto .content-texto{padding-left:0!important}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .texto .content-texto ul li{padding-left:0}.mdl-experiencias .arrows-navigation{position:relative;width:100%;display:flex;flex-direction:row;gap:1.5rem;max-width:calc(100% - 7.4rem);margin:auto;margin-bottom:3.3rem}.mdl-experiencias .swiper-button-prev,.mdl-experiencias .swiper-button-next{position:relative;left:inherit;right:inherit}.mdl-experiencias .swiper-button-prev.mobile,.mdl-experiencias .swiper-button-next.mobile{display:flex}.mdl-experiencias .swiper-button-prev.desktop,.mdl-experiencias .swiper-button-next.desktop{display:none}}\n"] }]
|
|
14961
14961
|
}], propDecorators: { swiperRoot: [{
|
|
14962
14962
|
type: ViewChild,
|
|
14963
14963
|
args: ['swiperRoot']
|