.elementor-kit-1397{--e-global-color-primary:#142D46;--e-global-color-secondary:#000000;--e-global-color-text:#000000;--e-global-color-accent:#EDEDE6;--e-global-color-13f4851a:#EDEDE6;--e-global-color-21f8c9b7:#000;--e-global-color-47eea86e:#FFF;--e-global-color-6cb047a:#FFFFFF00;--e-global-typography-primary-font-family:"Aether";--e-global-typography-primary-font-size:60px;--e-global-typography-primary-font-weight:400;--e-global-typography-primary-line-height:100px;--e-global-typography-secondary-font-family:"Aether";--e-global-typography-secondary-font-size:45px;--e-global-typography-secondary-font-weight:400;--e-global-typography-secondary-line-height:55px;--e-global-typography-text-font-family:"Avantt";--e-global-typography-text-font-size:20px;--e-global-typography-text-font-weight:600;--e-global-typography-text-line-height:26px;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-1397 e-page-transition{background-color:#FFBC7D;}.elementor-kit-1397 h1{font-size:3.5em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1428px;}.e-con{--container-max-width:1428px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){margin-block-end:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1367px){.elementor-kit-1397{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(max-width:1200px){.elementor-kit-1397{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-1397{--e-global-typography-primary-font-size:24px;--e-global-typography-primary-line-height:28px;--e-global-typography-secondary-font-size:22px;--e-global-typography-secondary-line-height:30px;--e-global-typography-text-font-size:14px;--e-global-typography-text-line-height:16px;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//*--- Taro Santa Cruz ---*/ /* general */ html { overflow-x: hidden; } .elementor-popup-modal { max-height: 100vh; min-height: 100vh; position: fixed; top: 0; left: 0; right: 0; bottom: 0; } .elementor-popup-modal .dialog-widget-content { overflow-y: auto!important; overflow-x: hidden!important; -webkit-overflow-scrolling: touch!important; } body::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #F7F7F7; } body::-webkit-scrollbar { width: 12px; background-color: #F7F7F7; } body::-webkit-scrollbar-thumb { background-color: var(--e-global-color-primary); border: 2px solid #F7F7F7; } .elementor-icon-wrapper, .elementor-button-icon, .elementor-icon-box-icon, .elementor-button-wrapper { display: flex!important; justify-content: center; align-items: center; } /* Fonts */ .sect-all .cont-text div, .sect-all .cont-text p, .sect-all .cont-text a, .sect-all .cont-text span, .sect-all .cont-title-list div, .sect-all .cont-title-list p, .sect-all .cont-title-list a, .sect-all .cont-title-list span, .sect-all .card-effect .card-info p, .sect-all .card-effect .card-info span, .btin-site a, .btin-site a span, .btin-site a:hover, .btin-site a:hover span, .btin-site a:focus, .btin-site a:focus span, #finder ui-finder > ui-button, #adv-site .menu-adv ul li a, #adv-site .menu-adv ul li span, #header .wpml-ls-legacy-dropdown-click a, #header .wpml-ls-legacy-dropdown-click a span, #header .hover-header .mirai-club span.login, #header .hover-header .mirai-club .login span, #header .hover-header li, #header .hover-header a, #header .hover-header span, #hamburguer-menu .menu-rrss a, #hamburguer-menu .menu-rrss a span, #finder .finder-promo .mi-promo-button span, #footer .cont-detail .cont-text p, #footer .cont-detail .cont-text .elementor-widget-container, #footer .cont-detail .cont-info .item-info, #footer .cont-detail .cont-info .item-info div, #footer .cont-detail .cont-info .item-info.link-hover div, #footer .cont-detail .cont-info .item-info a, #footer .cont-detail .cont-info .item-info p, #footer .cont-detail .cont-info .item-info span, #footer .cont-detail .cont-info .item-info li, #footer .cont-detail .cont-info .item-info ui-pressable > ui-text, #post-content p, #post-content a.elementor-post__read-more, #single-post p, #single-post span, #main .rooms-detail-wrapper .room .room-box-offers .offer-text p, #main .rooms-detail-wrapper .room .room-box-offers .offer-text p span, #main .rooms-detail-wrapper .room .room-box-offers ul.offers-listing li a:hover p, #main .rooms-detail-wrapper .room .room-box-offers ul.offers-listing li a:hover p span, #main .offers-listing-wrapper .offer-text p, #main .offers-listing-wrapper .offer-text p span, #main .offers-listing-wrapper .offer-text a:hover p, #main .offers-listing-wrapper .offer-text a:hover p span, #main .rooms-listing-wrapper a.more-info, #main .rooms-detail-wrapper a.back-link, #main .rooms-detail-wrapper a.go-to-calendar, #main .rooms-detail-wrapper .room .room-box-offers .go-to-offers-page a, #main .offers-detail-wrapper a.back-link { font-family: "Avantt", Sans-serif; font-weight: 600; } #hero-home.all-hero .heading-hero h1, #hero-page.all-hero .heading-hero h1, #hero-home.all-hero .heading-hero h2, #hero-page.all-hero .heading-hero h2, .sect-all h2, .sect-all .cont-number div, .sect-all .cont-number p, .sect-all .cont-number a, .sect-all .cont-number span, .sect-all .card-effect h3, .sect-all .cont-cards.personal-card .card-effect .cont-cards-info, .sect-all .cont-cards.personal-card .card-effect .cont-cards-info p, .sect-all .cont-cards.personal-card .card-effect .cont-cards-info span, .sect-all .cont-cards.personal-card .card-effect .cont-cards-info div, .text-abs h2, #hamburguer-menu .menu-site ul li a, #hamburguer-menu .menu-site ul li span, #footer .cont-detail .cont-title h2, #post-content h3 a, #single-post .right-cont h3 a, #main .rooms-listing-wrapper h2, #main .rooms-detail-wrapper h2, #main .offers-listing-wrapper h2, #main .offers-detail-wrapper h2, #main .rooms-listing-wrapper .rooms-listing h3 a, #main .rooms-detail-wrapper .room .room-box-offers h3, #main .rooms-detail-wrapper .room .room-box-offers .offer-text h3, #main .offers-listing-wrapper h3, #main .offers-detail-wrapper h3 { font-family: "Aether", Sans-serif; font-weight: 400; } #hero-home.all-hero .heading-hero h1, #hero-page.all-hero .heading-hero h1, #hero-home.all-hero .heading-hero h2, #hero-page.all-hero .heading-hero h2, .sect-all h2, .sect-all .card-effect h3, .sect-all .cont-title-list div, .sect-all .cont-title-list p, .sect-all .cont-title-list a, .sect-all .cont-title-list span, .sect-all .cont-cards.personal-card .card-effect .cont-cards-info, .sect-all .cont-cards.personal-card .card-effect .cont-cards-info p, .sect-all .cont-cards.personal-card .card-effect .cont-cards-info span, .sect-all .cont-cards.personal-card .card-effect .cont-cards-info div, #footer .cont-detail .cont-info .item-info, #footer .cont-detail .cont-info .item-info div, #footer .cont-detail .cont-info .item-info.link-hover div, #footer .cont-detail .cont-info .item-info a, #footer .cont-detail .cont-info .item-info p, #footer .cont-detail .cont-info .item-info span, #footer .cont-detail .cont-info .item-info li, #footer .cont-detail .cont-info .item-info ui-pressable > ui-text, #post-content h3 a, #post-content .elementor-post-date, #single-post .right-cont h3 a, #main .rooms-listing-wrapper h2, #main .rooms-detail-wrapper h2, #main .offers-listing-wrapper h2, #main .offers-detail-wrapper h2, #main .rooms-listing-wrapper .rooms-listing h3 a, #main .rooms-detail-wrapper .room .room-box-offers h3, #main .rooms-detail-wrapper .room .room-box-offers .offer-text h3, #main .offers-listing-wrapper h3, #main .offers-detail-wrapper h3 { line-height: 110%!important; } #hero-home.all-hero .heading-hero h1, #hero-page.all-hero .heading-hero h1, #hero-home.all-hero .heading-hero h2, #hero-page.all-hero .heading-hero h2, .sect-all h2, .sect-all h3, .sect-all div, .sect-all p, .sect-all a, .sect-all span, .btin-site a, .btin-site a span, .btin-site a:hover, .btin-site a:hover span, .btin-site a:focus, .btin-site a:focus span, #finder ui-finder > ui-button, #hamburguer-menu .menu-site ul li a, #hamburguer-menu .menu-site ul li span, #header .wpml-ls-legacy-dropdown-click a, #header .wpml-ls-legacy-dropdown-click a span, #header .hover-header .mirai-club span.login, #header .hover-header .mirai-club .login span, #header .hover-header li, #header .hover-header a, #header .hover-header span, #footer h2, #footer p, #footer div, #footer .cont-detail .cont-text .elementor-widget-container, #footer .cont-detail .cont-info .item-info, #footer a, #footer span, #footer li, #footer ui-pressable > ui-text, #hamburguer-menu .menu-rrss a, #hamburguer-menu .menu-rrss a span, #finder .finder-promo .mi-promo-button span, .cat-photos .dialog-type-buttons .dialog-widget-content a.dialog-close-button, .cat-photos .dialog-type-buttons .dialog-widget-content a.dialog-close-button:hover, #main .rooms-listing-wrapper h2, #main .rooms-detail-wrapper h2, #main .offers-listing-wrapper h2, #main .offers-detail-wrapper h2, #main .rooms-listing-wrapper .rooms-listing h3 a, #main .rooms-detail-wrapper .room .room-box-offers h3, #main .rooms-detail-wrapper .room .room-box-offers .offer-text h3, #main .offers-listing-wrapper h3, #main .offers-detail-wrapper h3, #main .rooms-listing-wrapper a.more-info, #main .rooms-detail-wrapper a.back-link, #main .rooms-detail-wrapper a.go-to-calendar, #main .rooms-detail-wrapper .room .room-box-offers .go-to-offers-page a, #main .offers-detail-wrapper a.back-link { text-decoration: none; } #hero-home.all-hero .heading-hero h1, #hero-page.all-hero .heading-hero h1, .text-abs h2 { font-size: 60px; } #hero-home.all-hero .heading-hero h2, #hero-page.all-hero .heading-hero h2, .sect-all h2, .sect-all .cont-number div, .sect-all .cont-number p, .sect-all .cont-number a, .sect-all .cont-number span, #main .rooms-listing-wrapper h2, #main .rooms-detail-wrapper h2, #main .offers-listing-wrapper h2, #main .offers-detail-wrapper h2, #main .rooms-listing-wrapper .rooms-listing h3 a, #main .rooms-detail-wrapper .room .room-box-offers h3, #main .rooms-detail-wrapper .room .room-box-offers .offer-text h3, #main .offers-listing-wrapper h3, #main .offers-detail-wrapper h3 { font-size: 45px; } #hamburguer-menu .menu-site ul li a, #hamburguer-menu .menu-site ul li span { font-size: 32px; } .sect-all .cont-title-list div, .sect-all .cont-title-list p, .sect-all .cont-title-list a, .sect-all .cont-title-list span, .sect-all .card-effect .text-efect-hover .title-primary, .sect-all .card-effect:hover .text-efect-hover .title-secondary, #post-content h3 a { font-size: 34px; } .sect-all .cont-text div, .sect-all .cont-text p, .sect-all .cont-text a, .sect-all .cont-text span, .sect-all .cont-items .cont-text .cont-icon-list.c-circle .item-list .elementor-icon-box-content, .sect-all .cont-items .cont-text .cont-icon-list.c-circle .item-list .elementor-icon-box-content p, .sect-all .cont-items .cont-text .cont-icon-list.c-circle .item-list .elementor-icon-box-content span { font-size: 20px; line-height: 34px!important; } #main .rooms-detail-wrapper .room .room-box-offers .offer-text h3, #main .offers-listing-wrapper .offer-text h3 { font-size: 24px; } .sect-cwhite.sect-all .card-info svg, .sect-cwhite.sect-all .card-info svg path, .sect-all .card-effect .card-info .elementor-icon-box-icon span, .sect-all .card-effect .card-info i::before, #header .wpml-ls-legacy-dropdown-click a, #header .wpml-ls-legacy-dropdown-click a span, #header .hover-header .mirai-club span.login, #header .hover-header .mirai-club .login span, #header .hover-header li, #header .hover-header a, #header .hover-header span, #hamburguer-menu .menu-rrss a, #hamburguer-menu .menu-rrss a span, #finder .finder-promo .mi-promo-button span, #single-post .right-cont h3 a { font-size: 18px; } .btin-site a, .btin-site a span, .btin-site a:hover, .btin-site a:hover span, .btin-site a:focus, .btin-site a:focus span, #finder ui-finder > ui-button, #footer .cont-detail .cont-info .item-info, #footer .cont-detail .cont-info .item-info div, #footer .cont-detail .cont-info .item-info.link-hover div, #footer .cont-detail .cont-info .item-info a, #footer .cont-detail .cont-info .item-info p, #footer .cont-detail .cont-info .item-info span, #footer .cont-detail .cont-info .item-info li, #footer .cont-detail .cont-info .item-info ui-pressable > ui-text, .sect-all .cont-items .cont-text .cont-icon-list .item-list .elementor-icon-box-content, .sect-all .cont-items .cont-text .cont-icon-list .item-list a, .sect-all .cont-items .cont-text .cont-icon-list .item-list .elementor-icon-box-content p, .sect-all .cont-items .cont-text .cont-icon-list .item-list .elementor-icon-box-content span, #post-content p, #post-content a.elementor-post__read-more, #main .rooms-detail-wrapper .room .room-box-offers .offer-text p, #main .rooms-detail-wrapper .room .room-box-offers .offer-text p span, #main .rooms-detail-wrapper .room .room-box-offers ul.offers-listing li a:hover p, #main .rooms-detail-wrapper .room .room-box-offers ul.offers-listing li a:hover p span, #main .offers-listing-wrapper .offer-text p, #main .offers-listing-wrapper .offer-text p span, #main .offers-listing-wrapper .offer-text a:hover p, #main .offers-listing-wrapper .offer-text a:hover p span, #main .rooms-listing-wrapper a.more-info, #main .rooms-detail-wrapper a.back-link, #main .rooms-detail-wrapper a.go-to-calendar, #main .rooms-detail-wrapper .room .room-box-offers .go-to-offers-page a, #main .offers-detail-wrapper a.back-link, #main .rooms-listing-wrapper a.more-info:hover, #main .rooms-detail-wrapper a.back-link:hover, #main .rooms-detail-wrapper a.go-to-calendar:hover, #main .rooms-detail-wrapper .room .room-box-offers .go-to-offers-page a:hover, #main .offers-detail-wrapper a.back-link:hover, #main .rooms-detail-wrapper #calendar-wrapper ui-view.notranslate:first-child > ui-text, #main .offers-detail-wrapper #calendar-wrapper ui-view.notranslate:first-child > ui-text { font-size: 20px; line-height: 24px!important; } .sect-all .card-effect .card-info p, .sect-all .card-effect .card-info span, .sect-all .cont-cards.personal-card .card-effect .cont-cards-info, .sect-all .cont-cards.personal-card .card-effect .cont-cards-info p, .sect-all .cont-cards.personal-card .card-effect .cont-cards-info span, .sect-all .cont-cards.personal-card .card-effect .cont-cards-info div, #adv-site .menu-adv ul li a, #adv-site .menu-adv ul li span, #footer .cont-detail .cont-title h2, #single-post .right-cont p { font-size: 18px; } #footer .cont-detail .cont-text p, #footer .cont-detail .cont-text .elementor-widget-container, #post-content .elementor-post-date, #single-post .right-cont .elementor-post__meta-data span { font-size: 16px; } /* containers */ /*-- containers flex stretch --*/ .f-stretch { flex: 1 1 0; align-self: stretch; min-height: 0; } /* Sections */ .sect-all { transform: translateY(0); transition: none; } .sect-all.elementor-sticky--effects.sect-all--tall { top: 0; transform: translateY(var(--sticky-offset)); -webkit-transition: transform 0.35s ease; transition: transform 0.35s ease; } .sect-all.sect-all--tall:not(.elementor-sticky--effects) { transform: translateY(0); transition: none !important; } .sect-all.two-items .cont-items { min-height: 100vh; } .sect-all .max-width .cont-title { max-width: 800px; } .sect-all h2 { text-align: center; } .sect-all .cont-number { width: 55px; height: 55px; border-radius: 50%; background-color: #fff; } .sect-all .cont-number div, .sect-all .cont-number p, .sect-all .cont-number a, .sect-all .cont-number span { line-height: 100%!important; text-align: center; } .sect-all .cont-title-list div, .sect-all .cont-title-list p, .sect-all .cont-title-list a, .sect-all .cont-title-list span { text-transform: uppercase; text-align: center; } .sect-all .cont-text div, .sect-all .cont-text p, .sect-all .cont-text a, .sect-all .cont-text span { text-align: center; } /*-- Gaps --*/ .sect-all .cont-items, .sect-all .cont-items div { gap: 48px; } .sect-all .cont-items.gap-diff, .sect-all .cont-items.gap-diff > div { gap: 100px; } .sect-all .cont-items.cont-full, .sect-all .cont-items.cont-full div { gap: 0; } .sect-all .cont-items .cont-text, .sect-all .cont-items .cont-text div, .sect-all .cont-items .cont-btn, .sect-all .cont-items .cont-btn div { gap: 24px; } .sect-all .cont-items .item-text .cont-text .cont-icon-list, .sect-all .cont-items .item-text .cont-text .cont-icon-list div, .sect-cwhite.sect-all.sect-all .cont-items .item-text .cont-text .cont-icon-list, .sect-cwhite.sect-all.sect-all .cont-items .item-text .cont-text .cont-icon-list div, .sect-cprim.sect-all .cont-items .item-text .cont-text .cont-icon-list, .sect-cprim.sect-all .cont-items .item-text .cont-text .cont-icon-list div, .sect-csec.sect-all .cont-items .item-text .cont-text .cont-icon-list, .sect-csec.sect-all .cont-items .item-text .cont-text .cont-icon-list div, .sect-cwhite.sect-all.two-items .cont-items .item-text .cont-text .cont-icon-list, .sect-cwhite.sect-all.two-items .cont-items .item-text .cont-text .cont-icon-list div { gap: 12px; } .sect-all .cont-items .cont-cards, .sect-all .cont-items .cont-cards { gap: 40px; } .sect-all .cont-items .cont-cards-info, .sect-all .cont-items .cont-cards-info div { gap: 24px; } .sect-all .cont-items .card-effect .text-efect-hover, .sect-all .cont-items .text-efect-hover div { gap: 0; } .sect-all .cont-items .items-together, .sect-all .cont-items .items-together div, .sect-all .cont-items.gap-diff .items-together, .sect-all .cont-items.gap-diff .items-together div { gap: 0; } .sect-all .cont-items .items-together .info-items-together, .sect-all .cont-items .items-together .info-items-together div, .sect-all .cont-items.gap-diff .items-together .info-items-together, .sect-all .cont-items.gap-diff .items-together .info-items-together div { gap: 24px; } /*-- cont. img --*/ .sect-all .cont-img img { width: 100%; height: 300px; object-fit: cover; object-position: center; border-radius: 10px; } .sect-all .cont-img.img-list img { height: 240px; } .sect-all .cont-items .cont-text .cont-icon-list .item-list div { gap: 10px; margin: 0; } /*-- Lista de iconos con punto */ .sect-all .cont-items .cont-text .cont-icon-list.c-circle-list .item-list .elementor-icon-box-icon, .sect-all .cont-items .cont-text .cont-icon-list.c-circle-list .item-list .elementor-icon-box-icon p, .sect-all .cont-items .cont-text .cont-icon-list.c-circle-list .item-list .elementor-icon-box-icon span, .sect-all .cont-items .cont-text .cont-icon-list.c-circle .item-list .elementor-icon-box-icon, .sect-all .cont-items .cont-text .cont-icon-list.c-circle .item-list .elementor-icon-box-icon p, .sect-all .cont-items .cont-text .cont-icon-list.c-circle .item-list .elementor-icon-box-icon span { font-size: 8px; } .sect-all .cont-items .cont-text .cont-icon-list.c-circle-list .item-list, .sect-all .cont-items .cont-text .cont-icon-list.c-circle-list .item-list div, .sect-all .cont-items .cont-text .cont-icon-list.c-circle-list .item-list p, .sect-all.two-items-inside .cont-items .cont-text .cont-icon-list.c-circle-list .item-list, .sect-all.two-items-inside .cont-items .cont-text .cont-icon-list.c-circle-list .item-list div, .sect-all.two-items-inside .cont-items .cont-text .cont-icon-list.c-circle-list .item-list p { text-align: left; } /*-- Cards --*/ .sect-all .card-effect, .sect-all .card-effect div { transition: all 0.35s ease; -webkit-transition: all 0.35s ease; } .sect-all .card-effect { position: relative; min-width: 300px; max-height: 400px; min-height: 400px; border-radius: 10px; background-size: 125%; cursor: pointer; overflow: hidden; } .sect-all .card-effect:hover { background-size: 160%; } .sect-all .card-effect h3 { text-align: center; color: #fff; } .sect-all .card-effect .cont-cards-info { opacity: 1; } .sect-all .card-effect:hover .cont-cards-info { opacity: 0; } .sect-all .card-effect .text-efect-hover { position: absolute; width: calc(100% - 48px); top: 40px; left: 50%; transform: translateX(-50%); } .sect-all .card-effect:hover .text-efect-hover { top: 50%; transform: translateX(-50%) translateY(-50%); } .sect-all .card-effect:hover .text-efect-hover .title-primary, .sect-all .card-effect .text-efect-hover .title-secondary { font-size: 0; } .sect-all .card-effect .card-info .elementor-icon-box-wrapper { display: flex; justify-content: flex-start; align-items: center; gap: 10px; } .sect-all .card-effect .card-info .elementor-icon-box-wrapper .elementor-icon-box-icon { margin: 0; } .sect-cwhite.sect-all .card-info svg, .sect-cwhite.sect-all .card-info svg path, .sect-all .card-effect .card-info .elementor-icon-box-icon span, .sect-all .card-effect .card-info i::before { color: #fff; fill: #fff; } .sect-all .card-effect .card-info p, .sect-all .card-effect .card-info span { line-height: 24px!important; text-align: left; color: #fff; } .sect-all .cont-cards.personal-card .card-effect { min-width: 100%; max-height: 350px; min-height: 350px; } .sect-all .cont-cards.personal-card .card-effect::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #00000030; opacity: 1; pointer-events: none; } .sect-all .cont-cards.personal-card .card-effect:hover::before { opacity: 0; } .sect-all .cont-cards.personal-card .card-effect .cont-cards-info, .sect-all .cont-cards.personal-card .card-effect .cont-cards-info p, .sect-all .cont-cards.personal-card .card-effect .cont-cards-info span, .sect-all .cont-cards.personal-card .card-effect .cont-cards-info div { text-align: center; color: #fff; text-shadow: 0px 0px 10px #00000080; } .sect-all .cont-cards.personal-card .card-effect .cont-cards-info, .sect-all .cont-cards.personal-card .card-effect .cont-cards-info div { gap: 12px; } /* Container con divisor */ .sect-all .cont-items .items-together .info-items-together { position: relative; max-width: 570px; } /*.sect-all .cont-items .items-together .info-items-together:first-child { padding-left: 0; padding-right: 20px; }*/ .sect-all .cont-items .items-together .info-items-together { padding-left: 20px; padding-right: 20px; } /*.sect-all .cont-items .items-together .info-items-together:last-child { padding-left: 20px; padding-right: 0; }*/ .sect-all .cont-items .items-together .info-items-together::after { position: absolute; content: ""; top: 50%; right: -1px; transform: translateY(-50%); width: 2px; height: 100%; background-color: #fff; } .sect-all .cont-items .items-together .info-items-together:last-child:after { display: none; } /*-- Section bg primary --*/ .sect-cprim { background-color: var(--e-global-color-primary); } .sect-cprim.sect-all div, .sect-cprim.sect-all h2, .sect-cprim.sect-all p, .sect-cprim.sect-all a, .sect-cprim.sect-all span, .sect-cprim.sect-all svg, .sect-cprim.sect-all svg path { color: #fff; fill: #fff; } .sect-all .cont-number div, .sect-all .cont-number p, .sect-all .cont-number a, .sect-all .cont-number span { color: var(--e-global-color-primary); } /*-- Section bg white --*/ .sect-cwhite { background-color: #fff; } .sect-cwhite.sect-all div, .sect-cwhite.sect-all h2, .sect-cwhite.sect-all p, .sect-cwhite.sect-all a, .sect-cwhite.sect-all span, .sect-cwhite.sect-all svg, .sect-cwhite.sect-all svg path { color: var(--e-global-color-text); fill: var(--e-global-color-text); } /*-- Section full white en dos contenedores --*/ .sect-all.two-items .cont-items.p-abs { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: -1; } .sect-all.two-items .cont-items .item-text { max-width: 540px; } .sect-all.two-items .cont-items .item-text, .sect-all.two-items .cont-items .item-text div { gap: 48px; } .sect-all.two-items .cont-items .item-text .cont-text, .sect-all.two-items .cont-items .item-text .cont-text div { gap: 24px; } .sect-all.two-items .cont-items .item-text h2, .sect-all.two-items .cont-items .item-text p, .sect-all.two-items .cont-items .item-text div, .sect-all.two-items .cont-items .item-text .cont-icon-list div, .sect-all.two-items .cont-items .item-text .cont-icon-list p, .sect-all.two-items .cont-items .item-text .cont-icon-list span { text-align: left; } /*-- Section bg secondary --*/ .sect-csec { background-color: var(--e-global-color-secondary); } .sect-csec.sect-all div, .sect-csec.sect-all h2, .sect-csec.sect-all p, .sect-csec.sect-all a, .sect-csec.sect-all span, .sect-csec.sect-all svg, .sect-csec.sect-all svg path { color: #fff; fill: #fff; } .sect-all .cont-number div, .sect-all .cont-number p, .sect-all .cont-number a, .sect-all .cont-number span { color: var(--e-global-color-secondary); } /*-- Section content inside --*/ .sect-all.two-items-inside .cont-items { min-height: calc(100vh - 340px); } .sect-all.two-items-inside .cont-info-inside { min-height: 600px; } .sect-all.two-items-inside .img-inside { border-radius: 10px; } .sect-all.two-items-inside .cont-items .item-text h2, .sect-all.two-items-inside .cont-items .item-text p, .sect-all.two-items-inside .cont-items .item-text div { text-align: left; } /* Heading */ #hero-home.all-hero { position: relative; } #hero-home.all-hero .heading-hero, #hero-page.all-hero .heading-hero { padding: 0 100px; z-index: 2; } #hero-home.all-hero .heading-hero { position: absolute; left: 50%; top: calc(50% + 50px); transform: translateX(-50%) translateY(-50%); } #hero-home.all-hero .heading-hero h1, #hero-page.all-hero .heading-hero h1, #hero-home.all-hero .heading-hero h2, #hero-page.all-hero .heading-hero h2 { text-align: center; color: #fff; text-shadow: 0px 0px 10px #00000080; } /* Padding */ .ptb { padding-top: 100px; padding-bottom: 240px; } .ptb-fa { padding-top: 100px; padding-bottom: 100px; } .plr { padding-left: 100px; padding-right: 100px; } .pl-cont-abs { padding-left: 40px; } .pr-cont-abs { padding-right: 40px; } .pr-right-abs { padding-right: 100px; } .pl-left-abs { padding-left: 100px; } /* Width */ .max-width { max-width: 1000px; } /* Height */ .min-height { min-height: calc(100vh); } /* botones */ .btin-site a, #finder ui-finder > ui-button { padding: 16px; border-radius: 8px; } .btin-site a, .btin-site a span, .btin-site a:hover, .btin-site a:hover span, .btin-site a:focus, .btin-site a:focus span, #finder ui-finder > ui-button { line-height: 100%!important; text-align: center; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; } /*-- estilos de botones --*/ /*----- botón Finder -----*/ #finder ui-finder > ui-button { border-radius: 4px; color: #fff; background-color: var(--e-global-color-primary); } #finder ui-finder > ui-button:hover { color: #fff; background-color: var(--e-global-color-secondary); } /*----- botón blanco -----*/ .btin-site.btn-white a { background-color: #fff; } .btin-site.btn-white a, .btin-site.btn-white a span { color: var(--e-global-color-text); } .btin-site.btn-white a:hover { background-color: var(--e-global-color-secondary); } .btin-site.btn-white a:hover, .btin-site.btn-white a:hover span { color: #fff; } /*----- botón blanco con border -----*/ .btin-site.btn-white-border a { border: 1px solid var(--e-global-color-secondary); background-color: #fff; } .btin-site.btn-white-border a, .btin-site.btn-white-border a span { color: var(--e-global-color-text); } .btin-site.btn-white-border a:hover { border: 1px solid #fff; background-color: var(--e-global-color-secondary); } .btin-site.btn-white-border a:hover, .btin-site.btn-white-border a:hover span { color: #fff; } /*----- botón en fondo #EDEDE6, transparente con border -----*/ .btin-site.btn-transp-border a { border: 1px solid var(--e-global-color-secondary); background-color: transparent; } .btin-site.btn-transp-border a, .btin-site.btn-transp-border a span { color: var(--e-global-color-text); } .btin-site.btn-transp-border a:hover { border: 1px solid var(--e-global-color-secondary); background-color: var(--e-global-color-secondary); } .btin-site.btn-transp-border a:hover, .btin-site.btn-transp-border a:hover span { color: #EDEDE6; } /* Container de ventajas */ #adv-site { background: #FFFFFFCC; backdrop-filter: blur(4px) } #adv-site .menu-adv ul li { position: relative; } #adv-site .menu-adv ul li::after { content: '•'; position: absolute; font-size: 24px; color: var(--e-global-color-text); right: -24.9px; top: 50%; transform: translateY(-50%); } #adv-site .menu-adv ul li:last-child:after, #adv-site .menu-adv ul li .e-n-menu-title::after { display: none; } #adv-site .menu-adv ul li a, #adv-site .menu-adv ul li span { line-height: 100%!important; text-align: center; } /* Carousel */ .carousel-site.carousel-hero { position: relative; max-width: 100vw; width: 100vw; min-width: 100vw; max-height: 100vh; height: 100vh; min-height: 100vh; } .carousel-site.carousel-hero::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #00000025; z-index: 1 } .carousel-site.carousel-hero img { width: 100vw; height: 100vh; object-fit: cover; object-position: center; } .carousel-site .swiper.swiper-initialized { padding-bottom: 0!important; } /* dots carousel */ .carousel-site .swiper-pagination { display: flex; justify-content: center; align-items: center; gap: 10px; z-index: 2; } .carousel-site.carousel-hero .swiper-pagination { bottom: 28px!important; } .carousel-site.carousel-hero .swiper-pagination span.swiper-pagination-bullet { width: 60px; height: 5px; background-color: #D9D9D9; border-radius: 40px; margin: 0; opacity: 0.4; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; } .carousel-site.carousel-hero .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active, .carousel-site.carousel-hero .swiper-pagination span.swiper-pagination-bullet:hover { opacity: 1; } /*-- Carousel img --*/ .carousel-img .swiper-slide { display: flex; justify-content: center; align-items: center; } .carousel-img .swiper-slide:nth-child(odd) { max-width: 19.79vw; min-width: 19.79vw; } .carousel-img .swiper-slide:nth-child(even) { max-width: 28.13vw; min-width: 28.13vw; } .carousel-img .swiper-wrapper { padding-left: calc(100vw - 280px); } /*-- Carousel Home intro --*/ .tg-pin-wrap { position: relative; width: 100%; overflow: hidden; } #intro-section.tg-is-fixed { position: fixed !important; top: 0; left: 0; width: 100%; height: 100vh; z-index: 1; overflow: hidden; background: #fff; } #intro-section.tg-is-end { position: absolute !important; left: 0; width: 100%; height: 100vh; z-index: 2; overflow: hidden; background: #fff; } #intro-section.tg-is-fixed .e-con-inner, #intro-section.tg-is-fixed .elementor-container, #intro-section.tg-is-fixed .elementor-widget-wrap, #intro-section.tg-is-end .e-con-inner, #intro-section.tg-is-end .elementor-container, #intro-section.tg-is-end .elementor-widget-wrap { position: relative; z-index: 1; } #intro-section.tg-section-fixed { overflow: hidden; background: #fff; } #intro-section.tg-section-fixed .e-con-inner, #intro-section.tg-section-fixed .elementor-container, #intro-section.tg-section-fixed .elementor-widget-wrap { position: relative; z-index: 1; } .tg-pin-placeholder, .tg-pin-spacer { width: 100%; height: 0; } .tg-section-fixed { position: fixed !important; top: 0; left: 0; width: 100%; height: 100vh; z-index: 2; } .tg-carousel { position: relative; width: 100%; } .tg-viewport { position: relative; height: calc(100vh - 100px - 131px); display: flex; align-items: center; overflow: hidden; width: 100%; } .tg-track { display: flex; align-items: center; gap: 24px; padding-right: 100px; will-change: transform; transform: translate3d(0,0,0); } .tg-card { display: block; flex: 0 0 auto; overflow: hidden; } .tg-card--odd { display: flex; height: calc((100vh - 100px - 131px) * 0.78); aspect-ratio: 3 / 4; } .tg-card--odd img { display: flex; flex: 1; } .tg-card--even { height: calc((100vh - 100px - 131px) * 0.62); aspect-ratio: 16 / 10; } .tg-img { width: 100%; height: 100%; object-fit: cover; display: block; object-fit: cover; } /* POP UP and FORMS */ .pop-up-site .btn-closed i, .pop-up-site .btn-closed i::before, .pop-up-site .btn-closed i::after, .pop-up-site .btn-closed svg path, .pop-up-site .btn-closed a, .pop-up-site .btn-closed span, #newsletter-site .form-newletter label a, #newsletter-site .form-newletter .elementor-field-type-html a, #form-section .form-newletter label a, #form-section .form-newletter .elementor-field-type-html a { color: var(--e-global-color-primary); fill: var(--e-global-color-primary); -webkit-transition: all 0.35s ease; transition: all 0.35s ease; } .pop-up-site .btn-closed:hover i, .pop-up-site .btn-closed:hover i::before, .pop-up-site .btn-closed:hover i::after, .pop-up-site .btn-closed:hover svg path, .pop-up-site .btn-closed:hover a, .pop-up-site .btn-closed:hover span, #newsletter-site .form-newletter label a:hover, #newsletter-site .form-newletter .elementor-field-type-html a:hover, #form-section .form-newletter label a:hover, #form-section .form-newletter .elementor-field-type-html a:hover { color: var(--e-global-color-text); fill: var(--e-global-color-text); } /*-- Pop up Menu --*/ .pop-up-site.popup-menu-site { z-index: 9; } #hamburguer-menu .menu-site ul { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 24px; } #hamburguer-menu .menu-site ul li a, #hamburguer-menu .menu-site ul li span { line-height: 100%!important; text-align: center; color: var(--e-global-color-secondary); -webkit-transition: all 0.35s ease; transition: all 0.35s ease; } #hamburguer-menu .menu-site ul li:hover a, #hamburguer-menu .menu-site ul li:hover span, #hamburguer-menu .menu-site ul li.current-menu-item a, #hamburguer-menu .menu-site ul li.current-menu-item span { color: #fff; } #hamburguer-menu .menu-rrss ul { display: flex; justify-content: center; align-items: center; gap: 40px; } /*-- Forms --*/ #newsletter-site .form-newletter label.elementor-field-label, #form-section .form-newletter label.elementor-field-label { display: flex; gap: 0; } #newsletter-site .form-newletter label a, #newsletter-site .form-newletter .elementor-field-type-html a, #form-section .form-newletter label a, #form-section .form-newletter .elementor-field-type-html a { border-bottom: 1px solid var(--e-global-color-primary); -webkit-transition: all 0.35s ease; transition: all 0.35s ease; } #newsletter-site .form-newletter label a:hover, #newsletter-site .form-newletter .elementor-field-type-html a:hover, #form-section .form-newletter label a:hover, #form-section .form-newletter .elementor-field-type-html a:hover { border-bottom: 1px solid var(--e-global-color-text); } /* Header */ #header { min-width: 100%; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; } #header .wpml-ls-legacy-dropdown-click a, #header .wpml-ls-legacy-dropdown-click a span, #header .hover-header .mirai-club span.login, #header .hover-header .mirai-club .login span, #header .hover-header li, #header .hover-header a, #header .hover-header span, #hamburguer-menu .menu-rrss a, #hamburguer-menu .menu-rrss a span, #finder .finder-promo .mi-promo-button span { line-height: 100%!important; text-align: left; text-transform: none; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; } #header .wpml-ls-legacy-dropdown-click a, #header .wpml-ls-legacy-dropdown-click a span, #header .hover-header svg path, #header .hover-header .mirai-club span.login, #header .hover-header .mirai-club .login span, #header .hover-header .mirai-club .login span svg path, #header .hover-header li, #header .hover-header a, #header .hover-header span, #hamburguer-menu .menu-rrss a, #hamburguer-menu .menu-rrss a span { color: var(--e-global-color-secondary); fill: var(--e-global-color-secondary); -webkit-transition: all 0.35s ease; transition: all 0.35s ease; } #header .wpml-ls-legacy-dropdown-click a:hover, #header .wpml-ls-legacy-dropdown-click a:hover span, #header .hover-header:hover .vcard-header a, #header .hover-header:hover svg path, #header .hover-header:hover .mirai-club span.login, #header .hover-header:hover .mirai-club .login span, #header .hover-header:hover .mirai-club .login span svg path, #header .hover-header:hover li, #header .hover-header:hover a, #header .hover-header:hover span, #header .hover-header .e-current a, #header .hover-header .e-current span, #hamburguer-menu .menu-rrss a:hover, #hamburguer-menu .menu-rrss a:hover span, #hamburguer-menu .menu-rrss .e-current a, #hamburguer-menu .menu-rrss .e-current span { color: var(--e-global-color-primary); fill: var(--e-global-color-primary); } #finder .finder-promo .mi-promo-button span { color: #fff; } /* --cont-left-- */ /* ----- btn menú hamburguesa ----- */ #header .cont-left .menu-cont .elementor-icon-box-icon { margin: 0; } #header .cont-left .menu-cont a, #header .cont-left .menu-cont i { position: relative; width: 36px; height: 30px; } #header .cont-left .menu-cont a::before, #header .cont-left .menu-cont a::after, #header .cont-left .menu-cont i::before { position: absolute; content: ""; left: 0; width: 36px; height: 6px; opacity: 1; background-color: var(--e-global-color-secondary); -webkit-transition: all 0.35s ease; transition: all 0.35s ease; } #header .cont-left .menu-cont a::before { top: 0; transform: translateY(0) translateX(0); } #header .cont-left .menu-cont a::after { top: 50%; transform: translateY(-50%); } #header .cont-left .menu-cont i::before { bottom: 0; transform: translateY(0) translateX(0); } #header .cont-left .menu-cont:hover a::before, #header .cont-left .menu-cont:hover a::after, #header .cont-left .menu-cont:hover i::before { background-color: var(--e-global-color-primary); } body.popup-menu-open #header .cont-left .menu-cont a::after { opacity: 0; } body.popup-menu-open #header .cont-left .menu-cont a::before { top: 50%; transform: translateY(-50%) rotate(-45deg); } body.popup-menu-open #header .cont-left .menu-cont i::before { bottom: 50%; transform: translateY(50%) rotate(45deg); } /* --cont-right-- */ .cont-right nav .nav-header { position: relative; } .cont-right nav .nav-header:nth-last-child(2)::after, .cont-right nav .nav-header:last-child::after { display: none; } .cont-right nav .club ui-pressable[data-role="login"] { position: relative; display: flex; justify-content: center; align-items: center; } /* ----- club ----- */ #header .hover-header .mirai-club .login { margin-left: 40px; } /* ----- lang ----- */ #header .wpml-elementor-ls { display: flex; justify-content: center; align-items: center; } #header .wpml-ls-legacy-dropdown-click a { position: relative; display: flex; justify-content: center; align-items: center; background-color: transparent; padding: 6px 20px 6px 20px; transition: all 0.35s ease; -webkit-transition: all 0.35s ease; } .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu { border: none; } .wpml-ls-legacy-dropdown-click a, .wpml-ls-legacy-dropdown-click a:hover, .wpml-ls-legacy-dropdown-click a:focus, .wpml-ls-legacy-dropdown-click .wpml-ls-current-language:hover > a { background-color: transparent; border: none; transition: all 0.35s ease; -webkit-transition: all 0.35s ease; } #header .wpml-elementor-ls .wpml-ls-legacy-dropdown-click > ul, #header .wpml-elementor-ls .wpml-ls-legacy-dropdown-click > ul .wpml-ls-current-language, #header .wpml-ls-legacy-dropdown-click, #header .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle + ul.wpml-ls-sub-menu { transition: all 0.35s ease; -webkit-transition: all 0.35s ease; } #header .wpml-ls-legacy-dropdown-click, #header .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle + ul.wpml-ls-sub-menu { transition: all 0.35s ease; -webkit-transition: all 0.35s ease; } #header .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle + ul.wpml-ls-sub-menu { background-color: #EDEDE6; box-shadow: 0px 4px 5px 0px #00000040; border-radius: 4px; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; } #header .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle::after { display: flex; justify-content: center; align-items: center; content: ''; width: 15px; height: 15px; background-image: url("https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1898/arrow.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; top: 50%; right: 0; transform: translateY(-50%); border: 0; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; } #header .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:hover::after { background-image: url("https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1898/arrow-primary.svg"); } #header .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle + ul.wpml-ls-sub-menu li { display: flex; justify-content: center; align-items: center; } #header .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle + ul.wpml-ls-sub-menu li a { padding: 6px 0; } #header .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle + ul.wpml-ls-sub-menu li:last-child a { padding: 6px 0 12px 0; } .wpml-ls-legacy-dropdown-click:hover .wpml-ls-sub-menu { visibility: visible; } /* --Header fixed -- */ #header.elementor-sticky--effects { box-shadow: 0px 1px 5px 0px #00000040; } body.popup-menu-open #header, body.popup-menu-open #header.elementor-sticky--effects { box-shadow: none; } /* Finder */ #finder { position: fixed; width: auto; bottom: 61px; left: 50%; transform: translateX(-50%); z-index: 9; pointer-events: visible; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; } #finder .finder-content { box-shadow: 0px 1px 5px 0px #00000040; } .cat-room-detail #finder, .cat-offer-detail #finder { display: none; } body[data-mirai-modal="true"] #finder { z-index: 1; } /*-- Promo --*/ #finder .finder-promo .mi-promo-button span { text-shadow: 0px 0px 5px #00000080; } #finder .finder-promo .mi-promo-button .mi-promo-switch { box-shadow: 0px 0px 5px 0px #0000004D; } /* footer */ #footer .cont-detail .footer-inner { max-width: 264px; width: 100%; min-width: 200px; } #footer .cont-detail .footer-inner.contact-footer { min-width: max-content; } #footer .cont-detail .cont-title h2 { line-height: 100%!important; text-align: left; color: #fff; } #footer .cont-detail .cont-text p, #footer .cont-detail .cont-text .elementor-widget-container { line-height: 18px!important; text-align: left; color: #fff; } #footer .cont-detail .cont-info .item-info, #footer .cont-detail .cont-info .item-info div, #footer .cont-detail .cont-info .item-info.link-hover div, #footer .cont-detail .cont-info .item-info a, #footer .cont-detail .cont-info .item-info p, #footer .cont-detail .cont-info .item-info span, #footer .cont-detail .cont-info .item-info li, #footer .cont-detail .cont-info .item-info ui-pressable > ui-text { text-align: left; color: #fff; white-space: normal; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; } #footer .cont-detail .cont-info .item-info.link-hover:hover div, #footer .cont-detail .cont-info .item-info a:hover, #footer .cont-detail .cont-info .item-info a:hover span, #footer .cont-detail .cont-info .item-info li:hover, #footer .cont-detail .cont-info .item-info ui-pressable > ui-text:hover, #footer .cont-detail .cont-info .item-info.link-hover:focus div, #footer .cont-detail .cont-info .item-info a:focus, #footer .cont-detail .cont-info .item-info a:focus span, #footer .cont-detail .cont-info .item-info li:focus, #footer .cont-detail .cont-info .item-info ui-pressable > ui-text:focus, #footer .cont-detail .cont-info .item-info li .e-current a, #footer .cont-detail .cont-info .item-info li .e-current a span, #footer .cont-detail .cont-info .item-info li.current-menu-item a, #footer .cont-detail .cont-info .item-info li.current-menu-item a span { color: #DCDCD0; } #footer .menu-footer nav ul { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 6px; } /* Home page */ .cont-abs { position: relative; } .text-abs { position: absolute; left: 0; top: 100px; right: 0; bottom: 100px; } .text-abs h2 { line-height: 100%!important; text-align: center; color: var(--e-global-color-text); } /*-- blog-section --*/ /*#blog-section .max-width { max-width: calc(100% - 200px); }*/ .sect-all .cont-items .carousel-post .post-loop, .sect-all .cont-items .carousel-post .post-loop .cont-post { height: 100%; justify-content: flex-start; } .sect-all .cont-items .carousel-post, .sect-all .cont-items .carousel-post div { gap: 0; } .sect-all .cont-items .carousel-post .cont-post, .sect-all .cont-items .carousel-post .cont-post div { gap: 24px; } .sect-all .cont-items .carousel-post .cont-post ul, .sect-all .cont-items .carousel-post .cont-post ul li { position: relative; } .sect-all .cont-items .carousel-post .cont-post ul li::after { display: none; } .sect-all .cont-items .carousel-post .cont-post ul li::before { content: '•'; position: absolute; font-size: 18px; color: var(--e-global-color-text); right: -15.68px; top: -1.84px; border: none; } .sect-all .cont-items .carousel-post .cont-post ul li:last-child:before { display: none; } /* Contact page */ .sect-all #map-wrapper, .sect-all #map-wrapper a { min-height: 600px; border-radius: 10px; } .sect-all.two-items-inside .cont-info-inside.cont-location { min-height: 380px; } .sect-csec.sect-all .cont-items .item-text .cont-text .cont-icon-list.list-links, .sect-csec.sect-all .cont-items .item-text .cont-text .cont-icon-list.list-links div { gap: 24px; } .sect-csec.sect-all .list-links .item-list div, .sect-csec.sect-all .list-links .item-list p, .sect-csec.sect-all .list-links .item-list a, .sect-csec.sect-all .list-links .item-list span, .sect-csec.sect-all .list-links .item-list svg, .sect-csec.sect-all .list-links .item-list svg path { color: #fff; fill: #fff; cursor: pointer; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; } .sect-csec.sect-all .list-links .item-list:hover div, .sect-csec.sect-all .list-links .item-list:hover p, .sect-csec.sect-all .list-links .item-list:hover a, .sect-csec.sect-all .list-links .item-list:hover span, .sect-csec.sect-all .list-links .item-list:hover svg, .sect-csec.sect-all .list-links .item-list:hover svg path { color: #DCDCD0; fill: #DCDCD0; } /* Blog page */ #post-content h3 a { color: var(--e-global-color-primary); -webkit-transition: all 0.35s ease; transition: all 0.35s ease; } #post-content h3 a:hover { color: var(--e-global-color-secondary); } #post-content .elementor-post-date { font-weight: 400; color: var(--e-global-color-secondary); } #post-content p, #post-content a.elementor-post__read-more { line-height: 100%!important; border-radius: 8px; color: var(--e-global-color-primary); -webkit-transition: all 0.35s ease; transition: all 0.35s ease; } #post-content a.elementor-post__read-more:hover { color: var(--e-global-color-secondary); } #post-content article a .elementor-post__thumbnail, #post-content article a img { border-radius: 10px; } #post-content article a img { width: 100%; object-fit: cover; object-position: center; } /*-- Singles post --*/ #single-post .text-post p { margin-bottom: 14px; } #single-post .text-post p:last-child { margin-bottom: 0; } #single-post .text-post img { margin: 10px 0; width: 100%; max-width: 460px; height: 100%; min-height: 280px; object-fit: cover; object-position: center; } #single-post .elementor-widget-post-navigation { margin: 0 auto; padding-top: 32px; } #single-post a span, #single-post a span i::before { color: var(--e-global-color-primary); fill: var(--e-global-color-primary); -webkit-transition: all 0.35s ease; transition: all 0.35s ease; } #single-post a:hover span, #single-post a:hover span i::before { color: var(--e-global-color-secondary); fill: var(--e-global-color-secondary); } #single-post .elementor-post-navigation__separator { margin: 0 24px; } #single-post .right-cont img { width: 150px; height: 100%; object-fit: cover; object-position: center; border-radius: 10px; } #single-post .right-cont h3 a { color: var(--e-global-color-primary); } #single-post .right-cont p { line-height: 120%!important; color: var(--e-global-color-text); } /* Gallery pages */ header.elementor-slideshow__header { display: none; } .cat-photos .dialog-type-buttons .dialog-widget-content a.dialog-close-button, .cat-photos .dialog-type-buttons .dialog-widget-content a.dialog-close-button:hover { font-size: 24px; } /* Rooms and Offers pages */ .cat-rooms #main .elementor-section.elementor-section-boxed > .elementor-container, .cat-rooms #main .rooms-listing-wrapper, .cat-room-detail #main .elementor-section.elementor-section-boxed > .elementor-container, .cat-room-detail #main .room-has-detail, .cat-offers #main .elementor-section.elementor-section-boxed > .elementor-container, .cat-offers #main .offers-listing-wrapper, .cat-offer-detail #main.elementor-section.elementor-section-boxed > .elementor-container, .cat-offer-detail #main .offers-detail-wrapper { max-width: 1600px; } #main .rooms-listing-wrapper, #main .rooms-detail-wrapper { display: flex; flex-direction: column; padding: 100px 85px 40px; } .cat-rooms #main .elementor-container, .cat-room-detail #main .elementor-container, .cat-room-detail #main .room, .cat-offers #main .elementor-container, .cat-offer-detail #main .elementor-container, #main .offers-detail-wrapper #calendar-wrapper, #main .rooms-listing-wrapper ul.common-services { padding: 0; } #main .rooms-listing-wrapper > div, #main .offers-listing-wrapper h2 { padding: 0; margin: 0; } #main .rooms-listing-wrapper h2, #main .rooms-detail-wrapper h2, #main .offers-listing-wrapper h2, #main .offers-detail-wrapper h2 { color: var(--e-global-color-primary); margin-bottom: 48px; } #main .rooms-listing-wrapper .rooms-listing { display: flex; flex-direction: column; gap: 100px; } .cat-rooms #main .rooms-listing-wrapper .common-services { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 16px; } #main .rooms-listing-wrapper .common-services li { width: 100%; } #main .rooms-listing-wrapper .rooms-listing .room-item { display: flex; margin-bottom: 0; } #main .rooms-listing-wrapper .rooms-listing .room-item .room-content { display: flex; flex-direction: column; gap: 40px; padding-bottom: 0; } #main .rooms-listing-wrapper .rooms-listing .room-item .room-box { position: relative; display: flex !important; flex-direction: column; align-items: flex-start; width: 100%; min-height: 400px; } #main .rooms-listing-wrapper .rooms-listing .room-item.odd .room-box { align-items: flex-end; } #main .rooms-listing-wrapper .rooms-listing .room-item .room-box a.room-image-link, #main .rooms-listing-wrapper .rooms-listing .room-item.odd .room-box a.room-image-link { display: flex!important; align-items: stretch; position: absolute; top: 0; bottom: 0; } #main .rooms-listing-wrapper .rooms-listing .room-item .room-box a.room-image-link { right: 0; } #main .rooms-listing-wrapper .rooms-listing .room-item.odd .room-box a.room-image-link { left: 0; } #main .rooms-listing-wrapper .rooms-listing .room-item .room-box a.room-image-link img { object-fit: cover; object-position: center; border-radius: 10px; } #main .rooms-listing-wrapper .rooms-listing .room-item .room-box .room-detail, #main .rooms-listing-wrapper .rooms-listing .room-item .room-box .room-content { padding: 0 48px 0 0; } #main .rooms-listing-wrapper .rooms-listing .room-item.odd .room-box .room-detail, #main .rooms-listing-wrapper .rooms-listing .room-item.odd .room-box .room-content { padding: 0 0 0 48px; } #main .rooms-listing-wrapper .rooms-listing .room-item .room-box .room-detail ul li span::before, #main .rooms-listing-wrapper .rooms-listing .room-content .room-price { display: none; } #main .rooms-listing-wrapper .rooms-listing h3, #main .rooms-detail-wrapper .room .room-box-offers h3 { display: flex; justify-content: flex-start; } #main .rooms-listing-wrapper .rooms-listing h3 a, #main .rooms-detail-wrapper .room .room-box-offers h3, #main .rooms-detail-wrapper .room .room-box-offers .offer-text h3, #main .offers-listing-wrapper h3, #main .offers-detail-wrapper h3 { position: relative; text-align: left; color: var(--e-global-color-primary); -webkit-transition: all 0.35s ease; transition: all 0.35s ease; } #main .rooms-listing-wrapper .rooms-listing h3 a:hover { color: var(--e-global-color-secondary); } /*-- botones rooms and offers --*/ #main .rooms-listing-wrapper a.more-info, #main .rooms-detail-wrapper a.back-link, #main .rooms-detail-wrapper a.go-to-calendar, #main .rooms-detail-wrapper .room .room-box-offers .go-to-offers-page a, #main .offers-detail-wrapper a.back-link { position: relative; cursor: pointer; } #main .rooms-listing-wrapper a.more-info, #main .rooms-detail-wrapper a.back-link, #main .rooms-detail-wrapper a.go-to-calendar, #main .rooms-detail-wrapper .room .room-box-offers .go-to-offers-page a, #main .offers-detail-wrapper a.back-link { line-height: 100%!important; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; } #main .rooms-listing-wrapper a.more-info:hover, #main .rooms-detail-wrapper a.back-link:hover, #main .rooms-detail-wrapper a.go-to-calendar:hover, #main .rooms-detail-wrapper .room .room-box-offers .go-to-offers-page a:hover, #main .offers-detail-wrapper a.back-link:hover { font-weight: 600; line-height: 100%!important; } #main .rooms-listing-wrapper a.more-info, #main .rooms-detail-wrapper a.back-link, #main .rooms-detail-wrapper .room .room-box-offers .go-to-offers-page a, #main .offers-detail-wrapper a.back-link { width: max-content; } #main .rooms-listing-wrapper a.more-info, #main .rooms-detail-wrapper .room .room-box-offers .go-to-offers-page a { padding: 16px; background-color: var(--e-global-color-primary); border-radius: 8px; } #main .rooms-detail-wrapper a.back-link, #main .offers-detail-wrapper a.back-link { padding: 0; } #main .rooms-listing-wrapper a.more-info:hover, #main .rooms-detail-wrapper .room .room-box-offers .go-to-offers-page a:hover { background-color: var(--e-global-color-secondary); } #main .rooms-listing-wrapper a.more-info, #main .rooms-detail-wrapper a.go-to-calendar, #main .rooms-detail-wrapper .room .room-box-offers .go-to-offers-page, #main .rooms-detail-wrapper .room .room-box-offers .go-to-offers-page a, #main .rooms-detail-wrapper a.back-link, #main .offers-detail-wrapper a.back-link { display: flex; justify-content: center; align-items: center; } #main .rooms-listing-wrapper a.more-info, #main .rooms-detail-wrapper a.go-to-calendar, #main .rooms-detail-wrapper .room .room-box-offers .go-to-offers-page a { color: #fff; fill: #fff; } #main .rooms-detail-wrapper a.back-link, #main .offers-detail-wrapper a.back-link { color: var(--e-global-color-primary); fill: var(--e-global-color-primary); } #main .rooms-detail-wrapper a.back-link:hover, #main .offers-detail-wrapper a.back-link:hover { color: var(--e-global-color-secondary); fill: var(--e-global-color-secondary); } #main .rooms-listing-wrapper a.more-info::after, #main .rooms-detail-wrapper .room .room-box-offers .go-to-offers-page a::after { display: none; } #main .rooms-detail-wrapper .room .room-box-offers .offer-text h3, #main .offers-listing-wrapper .offer-text h3 { text-align: center; } /* Offers page */ #main .offers-listing-wrapper.no-offers p { text-align: center; } /* Room detail page */ #main .rooms-detail-wrapper { padding: 52px 100px; } #main .rooms-detail-wrapper .room { display: flex; flex-direction: column; gap: 48px; } #main .rooms-detail-wrapper .room #calendar-wrapper, #main .rooms-detail-wrapper h2 { padding: 0; margin: 0; } #main .rooms-detail-wrapper .room-box-common-services h3 { display: none; } .cat-room-detail a { justify-content: initial; align-items: initial; } .cat-room-detail #main .rooms-detail-wrapper .swiper-wrapper a { display: initial!important; } #main .rooms-detail-wrapper .room .room-box-price { text-align: left; } #main .rooms-detail-wrapper .room .room-box-offers { display: flex; flex-direction: column; gap: 24px; } .cat-room-detail .offers-listing { display: flex; gap: 24px; } .cat-room-detail .offers-listing li { padding: 0; width: calc(33.33% - 24px); } #main .rooms-detail-wrapper #calendar-wrapper ui-view.notranslate:first-child > ui-text { font-weight: 600; } /* Offers page */ #main .offers-listing-wrapper { display: flex; flex-direction: column; gap: 100px; padding: 100px; } #main .offers-listing-wrapper h2 { margin-bottom: 0; } #main .offers-listing-wrapper .offers-listing { display: flex; gap: 48px; } #main .offers-listing-wrapper .offers-listing .offer { padding: 0; width: auto; flex: 1; } #main .offers-listing-wrapper .offer-text { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 16px; } /* Offer-detail page */ #main .offers-detail-wrapper { display: flex; flex-direction: column; gap: 100px; padding: 100px; } #main .offers-detail-wrapper .detail-description { display: flex; flex-direction: column; gap: 24px; } #main .offers-detail-wrapper #calendar-wrapper ui-view.notranslate:first-child > ui-text { font-weight: 400; } /* Club page */ #main [data-mirai-component="profile"], #main [data-mirai-component="signup"] { display: flex; justify-content: center; padding: 84px; } @media (min-width: 1441px) { /* Carousel */ /* -- Carousel img -- */ .carousel-img .e-n-carousel { width: calc(200vw - 34.17vw); } .carousel-img .swiper-wrapper { padding-left: calc(100vw - 280px); } .carousel-img .img-carousel-odd { max-height: 550px; height: 550px; min-height: 550px; } .carousel-img .img-carousel-even { max-height: 350px; height: 350px; min-height: 350px; } } @media (max-width: 1440px) and (min-width: 1261px) { /* Carousel */ /* -- Carousel img -- */ .carousel-img .e-n-carousel { width: calc(200vw - 34.67vw); } .carousel-img .swiper-wrapper { padding-left: calc(100vw - 250px); } .carousel-img .img-carousel-odd { max-height: 450px; height: 450px; min-height: 450px; } .carousel-img .img-carousel-even { max-height: 280px; height: 280px; min-height: 280px; } } @media (max-width: 1260px) and (min-width: 1201px) { /* Carousel */ /* -- Carousel img -- */ .carousel-img .e-n-carousel { width: calc(200vw - 29.67vw); } .carousel-img .swiper-wrapper { padding-left: calc(100vw - 200px); } .carousel-img .img-carousel-odd { max-height: 380px; height: 380px; min-height: 380px; } .carousel-img .img-carousel-even { max-height: 250px; height: 250px; min-height: 250px; } } @media (max-width: 1367px) { /* Header */ /* --cont-right-- */ /* ----- club ----- */ #header .hover-header .mirai-club .login { margin-left: 24px; } /* Fonts */ #hero-home.all-hero .heading-hero h1, #hero-page.all-hero .heading-hero h1, .text-abs h2 { font-size: 48px; } /* Sections */ /*-- Gaps --*/ .sect-all .cont-items .cont-cards, .sect-all .cont-items .cont-cards { gap: 24px; } .sect-all .cont-items .cont-cards-info, .sect-all .cont-items .cont-cards-info div { gap: 12px; } /*-- Cards --*/ .sect-all .card-effect { max-height: 300px; min-height: 300px; } .sect-all .card-effect .card-info .elementor-icon-box-icon span, .sect-all .card-effect .card-info i::before { font-size: 18px; } .sect-all .card-effect .card-info p, .sect-all .card-effect .card-info span { font-size: 14px; } } @media (max-width: 1200px) { /* Padding */ .plr { padding-left: 20px; padding-right: 20px; } .pr-right-abs, .pl-left-abs { padding-right: 0; padding-left: 0; } .pl-cont-abs, .pr-cont-abs { padding-left: 20px; padding-right: 20px; } /* Width */ .max-width { max-width: 100%; } /* Carousel */ /* -- Carousel img -- */ .carousel-img .e-n-carousel { width: calc(200vw - 88vw); } .carousel-img .swiper-wrapper { padding-left: calc(100vw - 80px); } .carousel-img .swiper-slide:nth-child(odd) { max-width: 40vw; min-width: 40vw; } .carousel-img .swiper-slide:nth-child(even) { max-width: 50vw; min-width: 50vw; } .carousel-img .img-carousel-odd { max-height: 550px; height: 550px; min-height: 550px; } .carousel-img .img-carousel-even { max-height: 400px; height: 400px; min-height: 400px; } /*-- Carousel Home intro 1200 --*/ .tg-viewport { height:calc(100svh - 100px - 131px); overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch; scroll-snap-type:x mandatory; scroll-padding-left:clamp(0px, calc(100% - 100px), 9999px); scroll-padding-right:100px; } .tg-track { display:inline-flex; width:max-content; padding-left:clamp(0px, calc(100% - 100px), 9999px); padding-right:100px; transform:none !important; } .tg-card { scroll-snap-align:start; max-width:90vw; } .tg-card--odd { height:62svh; max-height:560px; } .tg-card--even { height:52svh; max-height:480px; } /* Sections 1200 */ /*-- Gaps --*/ .sect-all .cont-items .items-together, .sect-all .cont-items .items-together div, .sect-all .cont-items.gap-diff .items-together, .sect-all .cont-items.gap-diff .items-together div { gap: 88px; } .sect-all .cont-items .items-together, .sect-all .cont-items .items-together div, .sect-all .cont-items.gap-diff .items-together, .sect-all .cont-items.gap-diff .items-together div, .sect-all .cont-items.gap-diff .items-together-list, .sect-all .cont-items.gap-diff .items-together-list div { gap: 80px; } /* Container con divisor */ .sect-all .cont-items .items-together .info-items-together::after, .sect-all .cont-items .items-together-list .items-together::after { position: absolute; content: ""; top: initial; bottom: -39px; right: initial; left: 50%; transform: translateX(-50%); width: calc(100% - 40px); height: 2px; background-color: #fff; } .sect-all .cont-items .items-together-list .items-together:last-child::after { display: none; } /*-- Section full white en dos contenedores --*/ .sect-all.two-items .cont-items .item-text h2, .sect-all.two-items .cont-items .item-text p, .sect-all.two-items .cont-items .item-text div { text-align: center; } /*-- Section content inside --*/ .sect-all.two-items-inside .cont-items .item-text h2, .sect-all.two-items-inside .cont-items .item-text p, .sect-all.two-items-inside .cont-items .item-text div { text-align: center; } /*-- Section full white en dos contenedores --*/ .sect-all.two-items .cont-items .item-text { max-width: 100%; } /* Header */ /* --cont-right-- */ /* ----- club ----- */ #header .hover-header .mirai-club .login { margin-left: 0; } /* footer */ #footer .cont-detail .footer-inner.logo-footer { flex-direction: row; justify-content: center; align-items: center; min-width: 100%; } #footer .cont-detail .cont-title, #footer .cont-detail .cont-title h2, #footer .cont-detail .cont-text p, #footer .cont-detail .cont-text .elementor-widget-container, #footer .cont-detail .cont-info .item-info, #footer .cont-detail .cont-info .item-info div, #footer .cont-detail .cont-info .item-info.link-hover div, #footer .cont-detail .cont-info .item-info a, #footer .cont-detail .cont-info .item-info p, #footer .cont-detail .cont-info .item-info span, #footer .cont-detail .cont-info .item-info li, #footer .cont-detail .cont-info .item-info ui-pressable > ui-text, #footer .cont-detail .cont-btn { justify-content: center; align-items: center; width: 100%; text-align: center; } #footer .cont-detail .cont-info, #footer .menu-footer nav ul { gap: 12px; } #footer .cont-detail .cont-info.cont-inf-btn { gap: 24px; } /* Home page */ .text-abs { padding-left: 100px; padding-right: 100px; } .cont-items.cont-full .f-stretch.cont-img { min-height: 680px; } #blog-section .max-width { max-width: calc(100% - 40px); } /* Rooms and Offers pages 1200 */ #main .rooms-listing-wrapper { padding: 100px 20px; } .cat-rooms #main .elementor-container, #main .rooms-listing-wrapper .common-services { padding: 0; } #main .rooms-listing-wrapper .rooms-listing .room-item .room-box { border-bottom: none; padding-bottom: 0; } #main .rooms-listing-wrapper .rooms-listing .room-item .room-box .room-detail, #main .rooms-listing-wrapper .rooms-listing .room-item .room-box a.room-image-link, #main .rooms-listing-wrapper .rooms-listing .room-item .room-box .room-content { width: 100%; } #main .rooms-listing-wrapper .rooms-listing .room-item .room-box a.room-image-link, #main .rooms-listing-wrapper .rooms-listing .room-item.odd .room-box a.room-image-link { position: relative; } #main .rooms-listing-wrapper .rooms-listing .room-item.odd .room-box .room-detail, #main .rooms-listing-wrapper .rooms-listing .room-item.odd .room-box .room-content, #main .rooms-listing-wrapper .rooms-listing .room-item .room-box .room-detail, #main .rooms-listing-wrapper .rooms-listing .room-item .room-box .room-content { padding: 0; } #main .rooms-listing-wrapper .rooms-listing .room-item .room-box .room-content { gap: 24px; padding-top: 32px!important; } #main .rooms-listing-wrapper .rooms-listing .room-item .room-box .room-content p { margin-top: 0!important; } /* Room detail page 1200 */ #main .rooms-detail-wrapper { padding: 52px 20px; } #main .rooms-detail-wrapper .room-box-price { padding-bottom: 0; margin-bottom: 0; } #main .rooms-detail-wrapper .room-box-services { padding: 0; margin-top: 0; } .cat-room-detail .offers-listing li { width: calc(50% - 24px); } #main .rooms-detail-wrapper .room-box-services, #main .rooms-detail-wrapper .room-box-common-services { display: flex; flex-direction: column; } #main .rooms-detail-wrapper .room-box-services ul, #main .rooms-detail-wrapper .room-box-common-services ul { width: 100%; } /* Offers page 1200 */ #main .offers-listing-wrapper { padding: 100px 20px; } #main .offers-listing-wrapper .offers-listing .offer { display: flex; flex: 1; width: calc(50% - 48px); } /* Offer-detail page 1200 */ #main .offers-detail-wrapper { padding: 100px 20px; } /* Club page 1200 */ #main [data-mirai-component="profile"], #main [data-mirai-component="signup"] { padding: 84px 4px; } } @media (max-width: 767px) { /* Fonts 767 */ .sect-all h2, .sect-all .cont-number div, .sect-all .cont-number p, .sect-all .cont-number a, .sect-all .cont-number span, .sect-all .card-effect .text-efect-hover .title-primary, .sect-all .card-effect:hover .text-efect-hover .title-secondary, #post-content h3 a, #main .rooms-listing-wrapper h2, #main .rooms-detail-wrapper h2, #main .offers-listing-wrapper h2, #main .offers-detail-wrapper h2, #main .rooms-listing-wrapper .rooms-listing h3 a, #main .offers-detail-wrapper h3, #main .rooms-listing-wrapper .rooms-listing h3 a, #main .rooms-detail-wrapper .room .room-box-offers h3, #main .rooms-detail-wrapper .room .room-box-offers .offer-text h3, #main .offers-listing-wrapper h3, #main .offers-detail-wrapper h3 { font-size: 24px; line-height: 120%!important; } .sect-all .cont-text div, .sect-all .cont-text p, .sect-all .cont-text a, .sect-all .cont-text span, .sect-all .cont-items .cont-text .cont-icon-list.c-circle .item-list .elementor-icon-box-content, .sect-all .cont-items .cont-text .cont-icon-list.c-circle .item-list .elementor-icon-box-content p, .sect-all .cont-items .cont-text .cont-icon-list.c-circle .item-list .elementor-icon-box-content span, #post-content p, #post-content a.elementor-post__read-more, #main .rooms-listing-wrapper p, #main .rooms-listing-wrapper li, #main .rooms-listing-wrapper span, #main .rooms-detail-wrapper .room .room-box-offers .offer-text h3, #main .offers-listing-wrapper .offer-text h3 { font-size: 18px; } .btin-site a, .btin-site a span, .btin-site a:hover, .btin-site a:hover span, .btin-site a:focus, .btin-site a:focus span, #finder ui-finder > ui-button, #adv-site .menu-adv ul li a, #adv-site .menu-adv ul li span, .sect-all .cont-items .cont-text .cont-icon-list .item-list .elementor-icon-box-content, .sect-all .cont-items .cont-text .cont-icon-list .item-list a, .sect-all .cont-items .cont-text .cont-icon-list .item-list .elementor-icon-box-content p, .sect-all .cont-items .cont-text .cont-icon-list .item-list .elementor-icon-box-content span, #header .wpml-ls-legacy-dropdown-click a, #header .wpml-ls-legacy-dropdown-click a span, #header .hover-header .mirai-club span.login, #header .hover-header .mirai-club .login span, #header .hover-header li, #header .hover-header a, #header .hover-header span, #hamburguer-menu .menu-rrss a, #hamburguer-menu .menu-rrss a span, #finder .finder-promo .mi-promo-button span, #single-post .right-cont p, #main .rooms-detail-wrapper .room .room-box-offers .offer-text p, #main .rooms-detail-wrapper .room .room-box-offers .offer-text p span, #main .rooms-detail-wrapper .room .room-box-offers ul.offers-listing li a:hover p, #main .rooms-detail-wrapper .room .room-box-offers ul.offers-listing li a:hover p span, #main .offers-listing-wrapper .offer-text p, #main .offers-listing-wrapper .offer-text p span, #main .offers-listing-wrapper .offer-text a:hover p, #main .offers-listing-wrapper .offer-text a:hover p span { font-size: 16px; } /* Hero 767 */ #hero-home.all-hero { max-height: calc(100vh - 107px); } /* Heading 767 */ .ptb, .ptb-fa { padding-top: 50px; padding-bottom: 50px; } #hero-home.all-hero .heading-hero { top: calc(50% + 30px); } #hero-home.all-hero .heading-hero, #hero-page.all-hero .heading-hero { padding: 0 20px; } #hero-home.all-hero .heading-hero h1, #hero-page.all-hero .heading-hero h1 { font-size: 34px; line-height: 120% !important; } #hero-home.all-hero .heading-hero h2, #hero-page.all-hero .heading-hero h2 { font-size: 22px; line-height: 120% !important; } /* Height 767 */ .min-height { min-height: 0; } /* Sections 767*/ .sect-all .cont-text div, .sect-all .cont-text p, .sect-all .cont-text a, .sect-all .cont-text span, .sect-all .cont-items .cont-text .cont-icon-list.c-circle .item-list .elementor-icon-box-content, .sect-all .cont-items .cont-text .cont-icon-list.c-circle .item-list .elementor-icon-box-content p, .sect-all .cont-items .cont-text .cont-icon-list.c-circle .item-list .elementor-icon-box-content span { line-height: 26px !important; } .sect-all .cont-number { width: 34px; height: 34px; } .sect-all .cont-title-list div, .sect-all .cont-title-list p, .sect-all .cont-title-list a, .sect-all .cont-title-list span { font-size: 22px; line-height: 120% !important; } .sect-all .cont-items .cont-text .cont-icon-list .item-list .elementor-icon-box-content, .sect-all .cont-items .cont-text .cont-icon-list .item-list a, .sect-all .cont-items .cont-text .cont-icon-list .item-list .elementor-icon-box-content p, .sect-all .cont-items .cont-text .cont-icon-list .item-list .elementor-icon-box-content span { line-height: 20px !important; } /*-- Gaps --*/ .sect-all .cont-items, .sect-all .cont-items div { gap: 32px; } .sect-all .cont-items.gap-diff, .sect-all .cont-items.gap-diff > div { gap: 50px; } .sect-cwhite.sect-all.two-items .cont-items .item-text, .sect-cwhite.sect-all.two-items .cont-items .item-text div { gap: 32px; } .sect-cwhite.sect-all.two-items .cont-items .item-text .cont-text, .sect-cwhite.sect-all.two-items .cont-items .item-text .cont-text div { gap: 12px; } .sect-all .cont-items .cont-text, .sect-all .cont-items .cont-text div, .sect-all .cont-items .cont-btn, .sect-all .cont-items .cont-btn div { gap: 12px; } .sect-all .cont-items .items-together, .sect-all .cont-items .items-together div, .sect-all .cont-items.gap-diff .items-together, .sect-all .cont-items.gap-diff .items-together div, .sect-all .cont-items.gap-diff .items-together-list, .sect-all .cont-items.gap-diff .items-together-list div { gap: 64px; } /* Container con divisor */ .sect-all .cont-items .items-together .info-items-together::after, .sect-all .cont-items .items-together-list .items-together::after { bottom: -31px; } /*-- cont. img --*/ .sect-all .cont-img img { height: 240px; } .sect-all .cont-img.img-list img { height: 180px; } /* cont. icons --*/ .sect-all .cont-items .cont-text .cont-icon-list.list-column .item-list .elementor-icon-box-wrapper, .sect-cwhite.sect-all.sect-all .cont-text .cont-icon-list.list-column .item-list .elementor-icon-box-wrapper { display: flex; flex-direction: column; gap: 5px; } /*-- Cards --*/ .sect-all .card-effect { min-width: 100%; max-height: 300px; min-height: 300px; } .sect-all .card-effect .text-efect-hover { width: calc(100% - 24px); top: 20px; } .sect-all .card-effect .card-info .elementor-icon-box-wrapper { gap: 5px; } /*-- Section content inside --*/ .sect-all.two-items-inside .cont-info-inside { min-height: 300px; } /* Carousel 767 */ .carousel-site.carousel-hero { max-height: calc(100vh - 107px); height: calc(100vh - 107px); min-height: calc(100vh - 107px); } .carousel-site.carousel-hero img { height: calc(100vh - 107px); } /* dots carousel */ .carousel-site .swiper-pagination { gap: 5px; } .carousel-site.carousel-hero .swiper-pagination { bottom: 12px!important; } .carousel-site.carousel-hero .swiper-pagination span.swiper-pagination-bullet { width: 30px; height: 2.5px; } /* -- Carousel img -- */ .carousel-img .e-n-carousel { width: calc(200vw - 82vw); } .carousel-img .swiper-wrapper { padding-left: calc(100vw - 40px); } .carousel-img .img-carousel-odd { max-height: 300px; height: 300px; min-height: 300px; } .carousel-img .img-carousel-even { max-height: 200px; height: 200px; min-height: 200px; } /*-- Carousel Home intro 767 --*/ .tg-viewport { height:calc(100svh - 60px - 110px); scroll-padding-left:clamp(0px, calc(100% - 24px), 9999px); } .tg-track { padding-left:clamp(0px, calc(100% - 24px), 9999px); } .tg-card{ max-width:88vw; } .tg-card--odd{ height:58svh; max-height:520px; } .tg-card--even{ height:48svh; max-height:440px; } /* POP UP 767 */ /*-- Pop up Menu --*/ #hamburguer-menu .menu-site ul, #hamburguer-menu .menu-rrss ul { gap: 24px; } #hamburguer-menu .menu-site ul li a, #hamburguer-menu .menu-site ul li span { font-size: 25px; } /* --cont-left-- */ /* ----- btn menú hamburguesa ----- */ #header .cont-left .menu-cont a, #header .cont-left .menu-cont i { width: 16px; height: 14px; } #header .cont-left .menu-cont a::before, #header .cont-left .menu-cont a::after, #header .cont-left .menu-cont i::before { width: 16px; height: 2.8px; } /* --cont-right-- */ /* ----- lang ----- */ #header .wpml-elementor-ls { display: flex; justify-content: center; align-items: center; } #header .wpml-ls-legacy-dropdown-click a { padding: 6px 15px 6px 15px; } #header .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle::after { width: 10px; height: 10px; } /* Finder 767 */ #finder { width: 100%; left: 0; right: 0; bottom: 0; transform: translateX(0); background-color: var(--e-global-color-primary); } #finder .finder-content { box-shadow: none; } #finder ui-finder-compact { border-radius: 33px; padding: 8px 0; } #finder ui-finder-compact > ui-button { border-radius: 50%; margin-right: 8px; } /*-- Promo --*/ #finder .finder-promo .mi-promo-button span { text-shadow: none; } #finder .finder-promo .mi-promo-button .mi-promo-switch { box-shadow: none; } /* footer 767*/ #footer .cont-detail .footer-inner { max-width: 100%; width: 100%; min-width: 100%; } #footer .cont-detail .cont-info { flex-direction: column; justify-content: center; align-items: center; } /* Home page 767 */ .text-abs { top: 50px; bottom: 50px; padding-left: 0; padding-right: 0; } .text-abs h2 { max-width: 250px; font-size: 34px; } .cont-items.cont-full .f-stretch.cont-img { min-height: 380px; } /*-- blog-section --*/ .sect-all .cont-items .carousel-post .post-loop, .sect-all .cont-items .carousel-post .post-loop .cont-post { height: auto; min-height: 350px; } /* Contact page 767 */ .sect-all #map-wrapper, .sect-all #map-wrapper a, .sect-all.two-items-inside .cont-info-inside.cont-location { min-height: 280px; max-height: 280px; } .sect-csec.sect-all .cont-items .item-text .cont-text .cont-icon-list.list-links .item-list, .sect-csec.sect-all .cont-items .item-text .cont-text .cont-icon-list.list-links .item-list div { gap: 12px; } /* Blog 767*/ #post-content .elementor-post-date { font-size: 14px; } /*-- Singles post --*/ #single-post .elementor-post-navigation__separator { margin: 0 12px; } #single-post .right-cont .elementor-post__meta-data span { font-size: 14px; } #single-post .right-cont h3 a { font-size: 20px; } #single-post .right-cont p { line-height: 120%!important; color: var(--e-global-color-text); } /* Rooms and Offers pages 767 */ #main .rooms-listing-wrapper, #main .rooms-detail-wrapper { display: flex; flex-direction: column; padding: 50px 20px 0px; } #main .rooms-listing-wrapper .rooms-listing .room-item { border-bottom: none; } #main .rooms-listing-wrapper .rooms-listing .room-item .room-box { padding: 0; } #main .rooms-listing-wrapper .rooms-listing .room-item .room-box .room-content { gap: 12px; } #main .rooms-listing-wrapper .rooms-listing .room-item .room-box .room-detail ul { padding-top: 24px; padding-bottom: 24px; } #main .rooms-listing-wrapper p, #main .rooms-listing-wrapper li, #main .rooms-listing-wrapper span { line-height: 120%; } #main .rooms-listing-wrapper .rooms-listing { gap: 50px; } /* Room detail page 767 */ #main .rooms-detail-wrapper { padding: 0px 24px; } #main .rooms-detail-wrapper .room { gap: 32px; } /*#main .rooms-detail-wrapper .elementor-skin-slideshow .elementor-main-swiper { height: 260px; }*/ /*.cat-room-detail .elementor-carousel-image { min-height: 75px; }*/ .cat-room-detail .offers-listing li { width: 100%; } /* Offers page 767 */ #main .offers-listing-wrapper { gap: 50px; padding: 50px 20px; } #main .offers-listing-wrapper .offers-listing { flex-direction: column; gap: 32px; } #main .offers-listing-wrapper .offers-listing .offer { width: 100%; } /* Offer-detail page 767 */ #main .offers-detail-wrapper { gap: 50px; padding: 50px 20px; } /* Club page 1200 */ #main [data-mirai-component="profile"], #main [data-mirai-component="signup"] { padding: 34px 4px; } } @media (max-height: 600px) { /* Heading h600 */ #hero-home.all-hero .heading-hero, #hero-page.all-hero .heading-hero { top: 50%; } #hero-home.all-hero .heading-hero h1, #hero-page.all-hero .heading-hero h1 { font-size: 45px; } #hero-home.all-hero .heading-hero h2, #hero-page.all-hero .heading-hero h2 { font-size: 22px; } } @media (max-height: 450px) { /* Heading h450 */ #hero-home.all-hero .heading-hero h1, #hero-page.all-hero .heading-hero h1 { font-size: 24px; } #hero-home.all-hero .heading-hero h2, #hero-page.all-hero .heading-hero h2 { font-size: 18px; } }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Aether'; font-style: normal; font-weight: normal; font-display: auto; src: url('https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1898/Aether-BMono-2.woff2') format('woff2'), url('https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1898/Aether-BMono.woff') format('woff'), url('https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1898/Aether-BMono.ttf') format('truetype'); } @font-face { font-family: 'Aether'; font-style: italic; font-weight: normal; font-display: auto; src: url('https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1898/Aether-BMonoItalic-1.woff2') format('woff2'), url('https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1898/Aether-BMonoItalic.woff') format('woff'), url('https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1898/Aether-BMonoItalic.ttf') format('truetype'); } @font-face { font-family: 'Aether'; font-style: normal; font-weight: normal; font-display: auto; src: ; } /* End Custom Fonts CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Avantt'; font-style: normal; font-weight: bold; font-display: auto; src: url('https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1898/Avantt-SemiBold.woff2') format('woff2'), url('https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1898/Avantt-SemiBold.woff') format('woff'), url('https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1898/Avantt-SemiBold.ttf') format('truetype'); } @font-face { font-family: 'Avantt'; font-style: italic; font-weight: bold; font-display: auto; src: url('https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1898/Avantt-SemiBoldItalic.woff2') format('woff2'), url('https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1898/Avantt-SemiBoldItalic.woff') format('woff'), url('https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1898/Avantt-SemiBoldItalic.ttf') format('truetype'); } @font-face { font-family: 'Avantt'; font-style: normal; font-weight: normal; font-display: auto; src: ; } /* End Custom Fonts CSS */