/* Theme Name: Minka Child Theme Theme URI: http://dsherpass.com Author: Brian Raw Author URI: http://instagram.com/brian.raw Description: Minka Theme Template: minka Version: 1.0.0 */ /*==================== GOOGLE FONTS ====================*/ /*==================== VARIABLES CSS ====================*/ :root { /*========== Colors ==========*/ /* hsl(333.33deg 86.54% 40.78%) */ /* Second Colors */ --color-yellow: hsl(42.93deg 96.57% 54.31%); --color-green: hsl(104.75deg 40.69% 28.43%); --color-green-dark: hsl(142.5deg 66.67% 16.47%); --hue-color: 333.33; /* HSL color mode */ --first-color: hsl(var(--hue-color), 86%, 40%); --first-color-second: hsl(var(--hue-color), 86%, 40%); --second-color: hsl(48, 35%, 14%); --first-color-alt: hsl(var(--hue-color), 57%, 53%); --first-color-lighter: hsl(var(--hue-color), 92%, 85%); --title-color: hsl(var(--hue-color), 8%, 15%); --black-color: hsl(var(--hue-color), 0%, 0%); --text-color: hsl(var(--hue-color), 8%, 40%); --text-color-lighter: hsl(var(--hue-color), 8%, 99% ); --text-color-light: hsl(var(--hue-color), 8%, 65%); --input-color: hsl(var(--hue-color), 86%, 96%); --body-color: hsl(var(--hue-color), 60%, 99.75%); --container-color: #fff; --scroll-bar-color: hsl(var(--hue-color), 12%, 90%); --scroll-thumb-color: hsl(var(--hue-color), 12%, 80%); --section-color: hsl(var(--hue-color), 100%, 100%); /*Fom*/ --valid-color: #00d084; --invalid-color: #ff6900; --error-color: #d93025; /*========== Font and typography ==========*/ --body-font: 'Poppins', sans-serif; --big-font-size: 2rem; --h1-font-size: 1.5rem; --h2-font-size: 1.25rem; --h3-font-size: 1.125rem; --normal-font-size: .938rem; --small-font-size: .813rem; --smaller-font-size: .813rem; /*========== Font weight ==========*/ --font-medium: 500; --font-semi-bold: 600; /*========== Margenes Bottom ==========*/ /* .25rem = 4px, .5rem = 8px, .75rem = 12px ... */ --mb-0-25: .25rem; --mb-0-5: .5rem; --mb-0-75: .75rem; --mb-1: 1rem; --mb-1-5: 1.5rem; --mb-2: 2rem; --mb-2-5: 2.5rem; --mb-3: 3rem; /*========== z index ==========*/ --z-tooltip: 10; --z-fixed: 100; --z-modal: 1000; /*========== Menú ==========*/ --menu-height: 75.45px; --animation-navigation: 0.6s cubic-bezier(.6, 0, .4, 1); --animation-navigation-fade: 0.3s ease-in-out; /*========== Animations ==========*/ --power1-in: linear(0, 0.0039, 0.0156, 0.0352, 0.0625, 0.0977, 0.1407, 0.1914, 0.2499, 0.3164, 0.3906 62.5%, 0.5625, 0.7656, 1); --power1-out: linear(0, 0.2342, 0.4374, 0.6093 37.49%, 0.6835, 0.7499, 0.8086, 0.8593, 0.9023, 0.9375, 0.9648, 0.9844, 0.9961, 1); --power1-in-out: linear(0, 0.0027, 0.0106 7.29%, 0.0425, 0.0957, 0.1701 29.16%, 0.2477, 0.3401 41.23%, 0.5982 55.18%, 0.7044 61.56%, 0.7987, 0.875 75%, 0.9297, 0.9687, 0.9922, 1); --power2-in: linear(0, 0.0014 11.11%, 0.0071 19.24%, 0.0188 26.6%, 0.037 33.33%, 0.0634 39.87%, 0.0978 46.07%, 0.1407 52.02%, 0.1925 57.74%, 0.2559 63.49%, 0.3295 69.07%, 0.4135 74.5%, 0.5083 79.81%, 0.6141 85%, 0.7312 90.09%, 1); --power2-out: linear(0, 0.2688 9.91%, 0.3859 15%, 0.4917 20.19%, 0.5865 25.5%, 0.6705 30.93%, 0.7441 36.51%, 0.8075 42.26%, 0.8593 47.98%, 0.9022 53.93%, 0.9366 60.13%, 0.963 66.67%, 0.9812 73.4%, 0.9929 80.76%, 0.9986 88.89%, 1); --power2-in-out: linear(0, 0.0036 9.62%, 0.0185 16.66%, 0.0489 23.03%, 0.0962 28.86%, 0.1705 34.93%, 0.269 40.66%, 0.3867 45.89%, 0.5833 52.95%, 0.683 57.05%, 0.7829 62.14%, 0.8621 67.46%, 0.8991 70.68%, 0.9299 74.03%, 0.9545 77.52%, 0.9735 81.21%, 0.9865 85%, 0.9949 89.15%, 1); --power3-in: linear(0, 0.0039 25%, 0.0117 32.89%, 0.0248 39.68%, 0.0457 46.22%, 0.0743 52.21%, 0.1113 57.77%, 0.1575 63%, 0.218 68.33%, 0.2901 73.39%, 0.3745 78.23%, 0.4718 82.88%, 0.5827 87.37%, 0.7074 91.71%, 0.8462 95.91%, 1); --power3-out: linear(0, 0.1538 4.09%, 0.2926 8.29%, 0.4173 12.63%, 0.5282 17.12%, 0.6255 21.77%, 0.7099 26.61%, 0.782 31.67%, 0.8425 37%, 0.8887 42.23%, 0.9257 47.79%, 0.9543 53.78%, 0.9752 60.32%, 0.9883 67.11%, 0.9961 75%, 1); --power3-in-out: linear(0, 0.0029 13.8%, 0.0184 21.9%, 0.0339 25.51%, 0.0551 28.81%, 0.0827 31.88%, 0.1168 34.76%, 0.1962 39.57%, 0.3005 44.02%, 0.4084 47.53%, 0.6242 53.45%, 0.7493 57.93%, 0.8495 62.97%, 0.8888 65.67%, 0.9213 68.51%, 0.9629 73.9%, 0.9876 80.16%, 0.998 87.5%, 1); --power4-in: linear(0, 0.0024 29.91%, 0.008 38.03%, 0.0179 44.72%, 0.035 51.16%, 0.0595 56.88%, 0.0922 62.08%, 0.1338 66.88%, 0.1914 71.85%, 0.262 76.5%, 0.3461 80.88%, 0.4447 85.04%, 0.5587 89.01%, 0.689 92.82%, 0.8359 96.48%, 1); --power4-out: linear(0, 0.1641 3.52%, 0.311 7.18%, 0.4413 10.99%, 0.5553 14.96%, 0.6539 19.12%, 0.738 23.5%, 0.8086 28.15%, 0.8662 33.12%, 0.9078 37.92%, 0.9405 43.12%, 0.965 48.84%, 0.9821 55.28%, 0.992 61.97%, 0.9976 70.09%, 1); --power4-in-out: linear(0, 0.0012 14.95%, 0.0089 22.36%, 0.0297 28.43%, 0.0668 33.43%, 0.0979 36.08%, 0.1363 38.55%, 0.2373 43.07%, 0.3675 47.01%, 0.5984 52.15%, 0.7121 55.23%, 0.8192 59.21%, 0.898 63.62%, 0.9297 66.23%, 0.9546 69.06%, 0.9733 72.17%, 0.9864 75.67%, 0.9982 83.73%, 1); --quad-in: linear(0, 0.0039, 0.0156, 0.0352, 0.0625, 0.0977, 0.1407, 0.1914, 0.2499, 0.3164, 0.3906 62.5%, 0.5625, 0.7656, 1); --quad-out: linear(0, 0.2342, 0.4374, 0.6093 37.49%, 0.6835, 0.7499, 0.8086, 0.8593, 0.9023, 0.9375, 0.9648, 0.9844, 0.9961, 1); --quad-in-out: linear(0, 0.0027, 0.0106 7.29%, 0.0425, 0.0957, 0.1701 29.16%, 0.2477, 0.3401 41.23%, 0.5982 55.18%, 0.7044 61.56%, 0.7987, 0.875 75%, 0.9297, 0.9687, 0.9922, 1); --expo-in: linear(0, 0.0036 31.98%, 0.0097 40.98%, 0.02 48.31%, 0.0373 55.17%, 0.0617 61.16%, 0.0942 66.5%, 0.1354, 0.1918 76.12%, 0.2606 80.46%, 0.3431 84.42%, 0.4399 88.04%, 0.5529 91.38%, 0.6832 94.47%, 0.8315 97.33%, 1); --expo-out: linear(0, 0.1685 2.67%, 0.3168 5.53%, 0.4471 8.62%, 0.5601 11.96%, 0.6569 15.58%, 0.7394 19.54%, 0.8082 23.88%, 0.8646 28.68%, 0.9058 33.5%, 0.9383 38.84%, 0.9627 44.83%, 0.98 51.69%, 0.9903 59.02%, 0.9964 68.02%, 1); --expo-in-out: linear(0, 0.0018 15.99%, 0.01 24.16%, 0.0309 30.58%, 0.0471 33.25%, 0.0678 35.66%, 0.0981 38.21%, 0.1356 40.51%, 0.2348 44.49%, 0.3643 47.7%, 0.6011 51.64%, 0.7153 54.1%, 0.8211 57.49%, 0.8981 61.52%, 0.9293 64.05%, 0.9538 66.88%, 0.9723 70.08%, 0.9853 73.76%, 0.9975 82.54%, 1); --circ-in: linear(-0, 0.0048 9.8%, 0.0192 19.5%, 0.043 29.02%, 0.0761 38.26%, 0.1181 47.13%, 0.1685 55.56%, 0.227 63.44%, 0.2929 70.71%, 0.3656 77.3%, 0.4445 83.15%, 0.5285 88.19%, 0.6173 92.39%, 0.7099 95.7%, 0.805 98.08%, 0.9021 99.52%, 1); --circ-out: linear(0, 0.0979 0.48%, 0.195 1.92%, 0.2901 4.3%, 0.3827 7.61%, 0.4715 11.81%, 0.5555 16.85%, 0.6344 22.7%, 0.7071 29.29%, 0.773 36.56%, 0.8315 44.44%, 0.8819 52.87%, 0.9239 61.74%, 0.957 70.98%, 0.9808 80.5%, 0.9952 90.2%, 1); --circ-in-out: linear(-0, 0.0033 5.75%, 0.0132 11.43%, 0.0296 16.95%, 0.0522 22.25%, 0.0808 27.25%, 0.1149 31.89%, 0.1542 36.11%, 0.1981 39.85%, 0.2779 44.79%, 0.3654 48.15%, 0.4422 49.66%, 0.5807 50.66%, 0.6769 53.24%, 0.7253 55.37%, 0.7714 58.01%, 0.8142 61.11%, 0.8536 64.65%, 0.9158 72.23%, 0.9619 80.87%, 0.9904 90.25%, 1); --sine-in: linear(0, 0.0035, 0.0141 10.7%, 0.0318 16.09%, 0.0566 21.51%, 0.0885 26.98%, 0.1278 32.53%, 0.2288 43.93%, 0.3563 55.48%, 0.5171 67.92%, 0.7139 81.53%, 1); --sine-out: linear(0, 0.2861 18.47%, 0.4829 32.08%, 0.6437 44.52%, 0.7712 56.07%, 0.8722 67.47%, 0.9115 73.02%, 0.9434 78.49%, 0.9682 83.91%, 0.9859 89.3%, 0.9965, 1); --sine-in-out: linear(0, 0.007 5.35%, 0.0282 10.75%, 0.0638 16.26%, 0.1144 21.96%, 0.1833 28.16%, 0.2717 34.9%, 0.6868 62.19%, 0.775 68.54%, 0.8457 74.3%, 0.9141 81.07%, 0.9621 87.52%, 0.9905 93.8%, 1); --back-in: linear(0, -0.0029 4.31%, -0.0119 9.02%, -0.0837 31.27%, -0.0954 36.64%, -0.0998 41.45%, -0.0951 47.03%, -0.079 52.25%, -0.051 57.19%, -0.0108 61.92%, 0.0515 67.19%, 0.1312 72.27%, 0.2286 77.18%, 0.3445 81.96%, 0.4792 86.62%, 0.633 91.17%, 0.8066 95.63%, 1); --back-out: linear(0, 0.1934 4.37%, 0.367 8.83%, 0.5208 13.38%, 0.6555 18.04%, 0.7714 22.82%, 0.8688 27.73%, 0.9485 32.81%, 1.0108 38.08%, 1.051 42.81%, 1.079 47.75%, 1.0951 52.97%, 1.0998 58.55%, 1.0954 63.36%, 1.0837 68.73%, 1.0119 90.98%, 1.0029 95.69%, 1); --back-in-out: linear(0, -0.0059 4.51%, -0.0418 15.63%, -0.0499 20.72%, -0.0476 23.51%, -0.0395 26.12%, -0.0255 28.59%, -0.0055 30.95%, 0.0281 33.76%, 0.0717 36.47%, 0.1901 41.63%, 0.344 46.32%, 0.6156 52.65%, 0.7495 56.35%, 0.8757 60.97%, 0.9663 65.85%, 1.0006 68.58%, 1.0256 71.43%, 1.0417 74.43%, 1.0493 77.65%, 1.0452 83.02%, 1.0077 94.8%, 1); --elastic-in: linear(0, 0.0019 13.34%, -0.0056 27.76%, -0.0012 31.86%, 0.0147 39.29%, 0.0161 42.46%, 0.0039 46.74%, -0.0416 54.3%, -0.046 57.29%, -0.0357, -0.0122 61.67%, 0.1176 69.29%, 0.1302 70.79%, 0.1306 72.16%, 0.1088 74.09%, 0.059 75.99%, -0.0317 78.19%, -0.3151 83.8%, -0.3643 85.52%, -0.3726, -0.3705 87.06%, -0.3463, -0.2959 89.3%, -0.1144 91.51%, 0.7822 97.9%, 1); --elastic-out: linear(0, 0.2178 2.1%, 1.1144 8.49%, 1.2959 10.7%, 1.3463 11.81%, 1.3705 12.94%, 1.3726, 1.3643 14.48%, 1.3151 16.2%, 1.0317 21.81%, 0.941 24.01%, 0.8912 25.91%, 0.8694 27.84%, 0.8698 29.21%, 0.8824 30.71%, 1.0122 38.33%, 1.0357, 1.046 42.71%, 1.0416 45.7%, 0.9961 53.26%, 0.9839 57.54%, 0.9853 60.71%, 1.0012 68.14%, 1.0056 72.24%, 0.9981 86.66%, 1); --elastic-in-out: linear(0, -0.0028 13.88%, 0.0081 21.23%, 0.002 23.37%, -0.0208 27.14%, -0.023 28.64%, -0.0178, -0.0061 30.83%, 0.0588 34.64%, 0.0651 35.39%, 0.0653 36.07%, 0.0514, 0.0184 38.3%, -0.1687 42.21%, -0.1857 43.04%, -0.181 43.8%, -0.1297 44.93%, -0.0201 46.08%, 1.0518 54.2%, 1.1471, 1.1853 56.48%, 1.1821 57.25%, 1.1573 58.11%, 0.9709 62%, 0.9458, 0.9347 63.92%, 0.9349 64.61%, 0.9412 65.36%, 1.0061 69.17%, 1.0178, 1.023 71.36%, 1.0208 72.86%, 0.998 76.63%, 0.9919 78.77%, 1.0028 86.12%, 1); --bounce-in: linear(0, 0.0117, 0.0156, 0.0117, 0, 0.0273, 0.0468, 0.0586, 0.0625, 0.0586, 0.0468, 0.0273, 0 27.27%, 0.1093, 0.1875 36.36%, 0.2148, 0.2343, 0.2461, 0.25, 0.2461, 0.2344, 0.2148 52.28%, 0.1875 54.55%, 0.1095, 0, 0.2341, 0.4375, 0.6092, 0.75, 0.8593, 0.9375 90.91%, 0.9648, 0.9843, 0.9961, 1); --bounce-out: linear(0, 0.0039, 0.0157, 0.0352, 0.0625 9.09%, 0.1407, 0.25, 0.3908, 0.5625, 0.7654, 1, 0.8907, 0.8125 45.45%, 0.7852, 0.7657, 0.7539, 0.75, 0.7539, 0.7657, 0.7852, 0.8125 63.64%, 0.8905, 1 72.73%, 0.9727, 0.9532, 0.9414, 0.9375, 0.9414, 0.9531, 0.9726, 1, 0.9883, 0.9844, 0.9883, 1); --bounce-in-out: linear(0, 0.0078, 0, 0.0235, 0.0313, 0.0235, 0.0001 13.63%, 0.0549 15.92%, 0.0938, 0.1172, 0.125, 0.1172, 0.0939 27.26%, 0.0554 29.51%, 0.0003 31.82%, 0.2192, 0.3751 40.91%, 0.4332, 0.4734 45.8%, 0.4947 48.12%, 0.5027 51.35%, 0.5153 53.19%, 0.5437, 0.5868 57.58%, 0.6579, 0.7504 62.87%, 0.9999 68.19%, 0.9453, 0.9061, 0.8828, 0.875, 0.8828, 0.9063, 0.9451 84.08%, 0.9999 86.37%, 0.9765, 0.9688, 0.9765, 1, 0.9922, 1); } } /* Font size for large devices */ @media screen and (min-width: 968px) { :root { --big-font-size: 3rem; --h1-font-size: 2.25rem; --h2-font-size: 1.5rem; --h3-font-size: 1.25rem; --normal-font-size: 1rem; --small-font-size: .875rem; --smaller-font-size: .813rem; } } @media screen and (min-width: 940px) { :root { --head-height: calc((131.3/16) * 1rem);/*83.51px*/ --nav-height: 0; --menu-height: calc(var(--head-height)); } } @media screen and (min-width: 1056px) { :root { --head-height: calc((83.51/16) * 1rem);/*83.51px*/ --nav-height: 0; --menu-height: calc(var(--head-height)); } } /*========== Set Dark theme ==========*/ body.dark-theme { --first-color: hsl(var(--hue-color), 100%, 51%); --first-color-second: hsl(var(--hue-color), 30%, 8%); --title-color: hsl(var(--hue-color), 8%, 95%); --text-color: hsl(var(--hue-color), 8%, 75%); --input-color: hsl(var(--hue-color), 29%, 16%); --body-color: hsl(var(--hue-color), 28%, 12%); --container-color: hsl(var(--hue-color), 29%, 16%); --scroll-bar-color: hsl(var(--hue-color), 12%, 48%); --scroll-thumb-color: hsl(var(--hue-color), 12%, 36%); } section[data-theme-section="dark"] { background-color:var(--title-color); color:var(--text-color-light); } [data-theme-section="dark"] h1, [data-theme-section="dark"] h2, [data-theme-section="dark"] h3, [data-theme-section="dark"] h4, [data-theme-section="dark"] .h2 { color: var(--text-color-lighter); } [data-theme-section="dark"] .section__subtitle{ color:var(--first-color); } /*=============== BASE ===============*/ * { box-sizing:border-box; padding:0; margin:0; } html { scroll-behavior: smooth; } @media screen and (min-width: 968px) { html { scrollbar-gutter: stable; } } body, body.page { margin: 0; font-family: var(--body-font); font-size: var(--normal-font-size); background-color: var(--body-color); color: var(--text-color); overflow-x:hidden; } body.show__menu, body.modal-opened { overflow:hidden; } main { transition: transform .3s; margin-top: var(--menu-height); position:relative; } .header__empty main, main.page__cart, main.page__checkout, .home main{ margin-top:0; } main.page__home, main.page__about { margin-top: calc(-1 * var(--menu-height)); } main.body__show-menu { } body.body__show-menu { overflow: hidden; } h1,h2,h3,h4, .h2 { color: var(--title-color); font-weight: var(--font-semi-bold); /*font-family: var(--brand-font);*/ } .h2 { font-size:var(--h2-font-size); } ul { list-style: none; margin:0; } a { text-decoration: none; } img { max-width:100%; height:auto; user-select:none; } .texarea__wrap { padding: .75rem 1rem; border: 1px solid #eaeaea; border-radius: 0.5rem; } .textarea__label { font-size: var(--smaller-font-size); font-weight: 500; } .texarea__wrap:has(textarea:focus-visible) { outline: -webkit-focus-ring-color auto 1px; } .texarea__wrap:has(textarea:focus-visible) .textarea__label { color:var(--title-color); } textarea { resize:vertical; border: none; outline: none; padding: 0.25rem 0.5rem 0.5rem 0; font-size: var(--normal-font-size); font-family: var(--body-font); background-color: transparent; } figure { margin:0; } p, li { line-height:1.5; } strong { font-weight:500; } a, a:visited { color: var(--title-color); } select::-ms-expand { display: none; } select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-position: calc(100% - 0.5rem) center; background-size: 0.875rem; background-repeat: no-repeat; padding: 0.5rem; padding-right: 2rem; /* Ajusta el espacio para la flecha */ cursor: pointer; border-radius: 0.125rem; } select { background-image: url('data:image/svg+xml,'); } video { outline: none; background-color:var(--body-color); } video::-webkit-media-controls { opacity: 0; visibility:hidden; } video[autoplay] { display: block; cursor:pointer; } ul.list__icon li, .type__rock ul li, .toggle__content ul li, .workshop__target ul li { margin-left: 1.5rem; list-style-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEyNS43NiAyMTguMDkiPjxkZWZzPjxzdHlsZT4uZHtmaWxsOiM3MDcwNzA7fTwvc3R5bGU+PC9kZWZzPjxnIGlkPSJhIi8+PGcgaWQ9ImIiPjxnIGlkPSJjIj48Zz48cGF0aCBjbGFzcz0iZCIgZD0iTTcwLjI5LDIxOC4wOWMtMTYuODYtNi43Mi0yNy4xOC0xNS45OC0zNC4wNy0yNy4yOS02LjA5LTEwLjAxLTEzLjk1LTE5LjU4LTIwLjg1LTI5LjQtMS4yMS0xLjcyLTIuNDUtMy43OC0yLjEtNS41Niw0Ljk4LTI1LjU2LDEwLjIyLTUxLjA5LDE1LjYyLTc3LjcyLDguNjYsNS4wMiwxNi4zOCw5LjQyLDIzLjg5LDEzLjk2LDEuMTIsLjY4LDEuNTcsMi4wMywxLjcyLDMuMTEsNS4zNyw0MC4zLDEwLjY3LDgwLjYsMTUuOTYsMTIwLjkxLC4wOCwuNi0uMSwxLjIyLS4xNywyWiIvPjxwYXRoIGNsYXNzPSJkIiBkPSJNMTI1LjQ4LDY4LjI3Yy0xNi4zNSw0Ny4xOC0zMi4zMyw5My4yNi00OC4zLDEzOS4zNGwtMS40OCwuMDJjLS42Mi00LjI1LTEuMjktOC41LTEuODYtMTIuNzUtNC4yOS0zMi4xNy04LjQ2LTY0LjM1LTEyLjk5LTk2LjUtLjU4LTQuMTQsMS4wOC02LjQsNi44OC04LjQ4LDE4LjktNi43NiwzNy40MS0xMy45Niw1Ny43NS0yMS42MloiLz48cGF0aCBjbGFzcz0iZCIgZD0iTTEyNS43Niw2My42OWMtMjEuNjgsOC4xNi00Mi44NywxNi4xNC02NS40NCwyNC42NCwuODYtMzAuMDEsMS43LTU5LjAxLDIuNTMtODguMDJsMS40OS0uM2MyMC4zNiwyMS4xMSw0MC43MSw0Mi4yMSw2MS40Miw2My42OVoiLz48cGF0aCBjbGFzcz0iZCIgZD0iTTI0Ljk1LDcwLjdjLTguNi00Ljk2LTE2LjQ0LTkuNDgtMjQuODItMTQuMzJDMTYuODIsMzkuNDMsMzMuMjksMjIuNjksNDkuNzcsNS45NmwxLjMyLC4zMWMtOC42LDIxLjIxLTE3LjIsNDIuNDItMjYuMTMsNjQuNDRaIi8+PHBhdGggY2xhc3M9ImQiIGQ9Ik01NS4wMywxMi4xNlY4Ni4xOGwtMi4xMywuNTljLTcuMDYtNC4wNS0xNC4yLTguMDUtMjEuMDktMTIuMjItLjk4LS41OS0xLjI3LTIuMTMtLjktMy4wNyw3LjkyLTE5LjcyLDE1Ljk5LTM5LjQxLDI0LjExLTU5LjMyWiIvPjxwYXRoIGNsYXNzPSJkIiBkPSJNMCw2Mi4yYzEuNTksLjQ0LDEuODYsLjQ3LDIuMDUsLjU3cTIxLjU0LDExLjQ3LDE3Ljg0LDI5LjIzYy0yLjk1LDE0LjM0LTUuNzksMjguNjktMTAuMzEsNDMuMDZDNi40MSwxMTAuOTIsMy4yMyw4Ni43OCwwLDYyLjJaIi8+PC9nPjwvZz48L2c+PC9zdmc+); } .parallax-- { overflow:hidden; width:100%; height:100%; } .parallax- { width:100%; height:100%; } /********************************/ .animated-link, .animated-link:visited { /*padding: .5rem 1rem;*/ padding: .75rem 2rem; position:relative; color: var(--body-color); width: fit-content; display: block; cursor:pointer; font-size: var(--smaller-font-size); font-weight: bold; user-select: none; text-align: center; height: 2.5rem; } .animated-link.small { font-size: var(--smaller-font-size); font-weight: bold; } .animated-link:hover { color: var(--body-color); } .animated-link.featured, .animated-link.featured:hover { color:var(--body-color); } .animated-link.featured:before, .animated-link.featured:hover:before { background-color:var(--first-color); } .animated-link .text-original span, .animated-link .text-clone span { will-change: transform; transition: transform 0.8s cubic-bezier(0.625, 0.05, 0, 1); transition-delay: calc(0.00666667s * var(--index)); display: inline-block; } .animated-link .text-original span { transform-origin: bottom; } .animated-link.full .text-clone { width:100%; } .animated-link .text-clone span { transform-origin: top; transform: translate(0, 100%); } .animated-link:hover .text-original span { transform: translate(0, -100%); } .animated-link:hover .text-clone span { transform: translate(0, -100%); } .text-wrap { overflow:clip; position:relative; } .text-clone { width:100%; } @media screen and (min-width: 940px) { .menu-item-has-children .animated-link { color:var(--body-color); } } .animated-link:before { content: ""; position: absolute; inset: 0%; background-color: var(--title-color); transform: scale(1); transition: transform 0.8s cubic-bezier(0.625, 0.05, 0, 1), background-color 0.2s ease-in-out; border-radius:.5rem; display:block; } .animated-link.outline:before { outline:1px solid var(--title-color); background-color: transparent; } .animated-link.blur:before { color:var(--title-color); background-color: rgba(255,255,255,.15); backdrop-filter:blur(4px); } .animated-link.text, .animated-link.text:visited { color:var(--title-color); } .animated-link.text:before { border:none; background-color: transparent; } .animated-link.text:hover { color:var(--title-color); } .animated-link.full { text-align:center; width: 100%; } .animated-link:hover:before { transform: scale(0.95); } /******* Inputs Type Google *******/ /*Form Terms + check verify*/ .form__terms { display: flex; gap: 0.25rem; } .form__terms input { appearance: none; width:1rem; height:1rem; border:1px solid var(--text-color); border-radius:.25rem; display: flex; align-items: center; justify-content: center; cursor:pointer; background-color:#fff; -webkit-transition: all .25s cubic-bezier(.4,0,.2,1),opacity .15s cubic-bezier(.4,0,.2,1),background-color .15s cubic-bezier(.4,0,.2,1); transition: all .25s cubic-bezier(.4,0,.2,1),opacity .15s cubic-bezier(.4,0,.2,1),background-color .15s cubic-bezier(.4,0,.2,1); } .form__terms input:checked { background-color:var(--first-color); border:1px solid var(--first-color); } .form__terms input:before { content: "✔"; color:#fff; font-size:.75rem; opacity:0; } .form__terms input:checked:before { opacity:1; } .form__terms a { color: var(--text-color); text-decoration: underline; transition:.3s ease; } .form__terms a:hover { color: var(--title-color); } .grecaptcha-badge { display: none!important; opacity: 0; } /******* Inputs Type Google *******/ .button.button_alt { border:2px solid; border-color:var(--title-color); background-color:var(--body-color); color:var(--title-color); opacity:.5; } .button.button_alt:hover { background-color:var(--title-color); border-color:var(--title-color); color:var(--body-color); opacity:1; } /*========== SCROLL BAR ==========*/ ::-webkit-scrollbar { width: 0.6rem; height: 0.6rem; background-color:var(--scroll-bar-color); border-radius: .5rem; } ::-webkit-scrollbar-thumb { background-color:var(--scroll-thumb-color); border-radius: .5rem; } ::-webkit-scrollbar-thumb:hover { background-color:var(--text-color-light); } .nav__menu::-webkit-scrollbar { width:.25rem; } /*==================== LAYOUT ====================*/ .container { max-width: 1200px; margin-left: var(--mb-1-5); margin-right: var(--mb-1-5); } .section { padding: 2rem 0 4rem; } .section__header h2 { font-size:var(--big-font-size); } .section__alt { padding:4rem 0; } .grid, .comment-respond, .comment-form { display: grid; gap: 1.5rem; } .flex { display:flex; gap:1.5rem; } .flex-col { display:flex; flex-direction:column; gap:1.5rem; } .button, .button:visited, input[type="button"], input[type="reset"], input[type="submit"] { color: var(--body-color); background-color: var(--title-color); padding: calc(1rem - 2px) 2rem; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 0.25rem; transition: all .3s ease-in-out; border:2px solid var(--title-color); font-weight: var(--font-medium); user-select: none; } .button__whith__icon { display: flex; align-items: center; position: relative; justify-content: flex-end; } .button__whith__icon .button { padding-right: calc(2rem + 20px); } .button__whith__icon .button__icon { position: absolute; fill: #fff; right: 1.5rem; pointer-events: none; transition: .3s ease; } .button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { color: var(--title-color); background-color: var(--body-color); border-color:var(--title-color); } .button-alt, .button-alt:visited { color: var(--text-color); background: none; padding: 0; border: none; font-weight: bold; text-align: initial; font-family: var(--body-font); width: 100%; font-size: var(--normal-font-size); } .button-alt:hover, .button-alt:hover:visited { color:initial; background-color: initial; } .woocommerce-notices-wrapper .button, .woocommerce-notices-wrapper .button:visited { padding: 0; color: var(--title-color); background-color: transparent; width: fit-content; border: none; margin-bottom: 0.5rem; } .woocommerce-notices-wrapper .button:hover { text-decoration: underline; } /* For medium devices */ @media screen and (min-width: 568px) { } @media screen and (min-width: 767px) { .container { margin-left:auto; margin-right:auto; } .container.narrow { max-width:80rem; } .container__full { width: 80%; max-width: 960px; margin: auto; } body { margin:0; } .section { padding: 6rem 0 2rem; } .section__alt { padding:4rem 0; } .container { width: 80%; max-width: 1080px; } } @media screen and (min-width: 1550px) { html { font-size:1vw; } .container, .single-service .container { max-width:initial; } } /*========== Buttons ==========*/ .nav_btns { display: flex; align-items: center; } .button__whith__icon { display: flex; align-items: center; position: relative; justify-content: flex-end; } .button, button, input[type="button"], input[type="reset"], input[type="submit"] { background-color: var(--first-color); color: var(--body-color); padding: 0.75rem 2rem; cursor: pointer; font-weight: var(--font-medium); border: none; transition: .3s ease; font-family: var(--body-font); border-radius: 0.5rem; } .button__whith__icon .button { padding-right: calc(2rem + 20px); } .button__whith__icon .button__icon { position: absolute; fill: #fff; right: 1.5rem; pointer-events: none; transition: .3s ease; } .button:hover, button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { background-color: var(--title-color); color: var(--body-color); } .button:hover + .button__icon, button:hover + .button__icon, input[type="button"]:hover + .button__icon, input[type="reset"]:hover + .button__icon, input[type="submit"]:hover + .button__icon { fill:var(--title-color); } /****** Fixed WhastApp ******/ .whatsapp__fixed { border-radius: 50%; background-color: var(--body-color); padding: .75rem; line-height: 0; position: fixed; bottom: 1.625rem; right: 1.625rem; transition: all 300ms ease 0ms; box-shadow: 0 0 8px 0 #c2c2c2; align-items: center; display: flex; z-index:1; } .whatsapp__fixed, .whatsapp__fixed:visited, .whatsapp__fixed:hover { color: var(--first-color); } /*========= REUSABLE CSS CLASSES =========*/ .section__title { font-size: var(--big-font-size); } .section__subtitle { display: block; font-size: var(--small-font-size); } .desktop {display:none;} @media screen and (min-width: 940px) { .mobile {display:none;} .desktop {display:initial;} } /*================== MENU ==================*/ /**** Global Header ****/ .site-header a, .site-header a:visited { display:inline-block; color:var(--title-color); } .dark .site-header a:hover, .black .site-header a:hover, .site-header a:hover, .site-header .current-menu-item a { color:var(--first-color); } .site-header .current-menu-item.mobile a { color:var(--title-color); text-decoration:underline; } .dark .site-header a, .black .site-header a { color: var(--text-color-light); } /* Show Menu */ .scroll-up.show-menu, .scroll-down.show-menu { top: var(--head-height); } .nav__menu::-webkit-scrollbar { height: 0; width:0; } /******* Menú Extras *******/ /***** SHOW MENU *****/ .show-menu main { overflow: hidden; width:100%; } .show-menu .head { border-color: transparent; } .show-menu.dark .head, .show-menu.black .head{ background-color: rgba(255, 255, 255, 0.79); } .show-menu.dark .head__logo, .show-menu.black .head__logo { filter: brightness(0); } @media screen and (min-width: 940px) { .show-menu main { transform: translateX(0); transition:transform 0s; } .show-menu body { overflow-y: auto; } .show-menu.dark .head { background-color:var(--title-color); } .show-menu.black .head { background-color: var(--black-color); transition: none; } .show-menu.dark .nav, .show-menu.black .nav { border-top: 1px solid var(--second-color); border-bottom: 1px solid var(--second-color); } .show-menu.dark .head__logo, .show-menu.black .head__logo { filter: none; } } /***** SCROLL MENU *****/ .scroll-down .head { transform:translateY(-102%); } .scroll-up.light .header { box-shadow: 0 -1px 4px rgba(0, 0, 0, .15); } .scroll-up.dark .header, .scroll-up.black .header { box-shadow: 0 -1px 4px #f1f1f1; border-color: transparent; } .scroll-down.show-menu .head { transform:none; } @media screen and (min-width: 940px) { .scroll-down .head { transform:translateY(-102%); } .scroll-down .header { transform: none; } .scroll-up.dark .header, .scroll-up.black .header { box-shadow: 0 -1px 4px transparent; } } /***** THEME MENU *****/ .dark .header{ background-color:var(--title-color); } .black .header { background-color: var(--black-color); } @media screen and (min-width: 940px) { .black .nav { border-top: 1px solid var(--second-color); border-bottom: 1px solid var(--second-color); box-shadow: none; } .dark .nav { border-top: 1px solid var(--text-color); border-bottom: 1px solid var(--text-color); } } /*============ MENU HEAD ============*/ /*** Head Theme Dark/Black ***/ .dark .head, .dark .call__box { background-color:var(--title-color); } .black .head, .black .call__box { background-color: var(--black-color); } .dark .head__btn { border-color:var(--text-color-light); color:var(--text-color-light); } .black .head__btn { border-color:var(--text-color-light); color:var(--text-color-light); } .dark .head__logo, .black .head__logo { filter: none; } /*** Head Global***/ .head { position: sticky; top: 0; width:100%; z-index: 21; /*background-color: rgba(255, 255, 255, 0.79);*/ transition: transform 0.6s cubic-bezier(.6, 0, .4, 1), background-color var(--animation-navigation-fade), box-shadow var(--animation-navigation-fade); /*backdrop-filter: blur(3px);*/ } .head__btn {border-color: var(--title-color);} .head__btn:hover {border-color: var(--first-color);} .head__container { display: grid; grid-template-columns: auto 1fr auto; justify-content: space-between; gap: 1.5rem; padding: 0.5rem 1.125rem; max-width: 80rem; align-items:center; margin: 0 auto; } .head__logo { display: flex; margin: .5rem 0; transition: filter .3s ease; } body .site-header a.head__logo { display:grid; z-index:1; } .head__content { display: flex; gap: 0.5rem 1rem; justify-items: end; } /*--------- Head Top ---------*/ .head__top { /*display: flex;*/ align-items: center; } .head__top a, .head__top a:visited { padding: 0.5rem 0.875rem; border-radius: 0.5rem; font-weight: 600; font-size: .75rem; transition: border-color.3s ease; color:var(--body-color); background-color: var(--first-color); transition:.25s ease; } .head__top a:hover { background-color: var(--title-color); color:var(--body-color); } /*** Switcher Languages ***/ .wpml-ls-current-language {display:none;} .wpml-ls-current-language:has(.sub-menu) { position:relative; display:block; } .wpml-ls-current-language ul {margin-left:0;} .wpml-ls-current-language a { display: flex; gap: 0.325rem; align-items: center; justify-content:center; } .wpml-ls-current-language:has(.sub-menu)>a { padding-right: 1.5rem; position: relative; outline: none; --toggle-space: 0.75rem; } .wpml-ls-current-language:has(.sub-menu)>a:before, .wpml-ls-current-language:has(.sub-menu)>a:after { content: ""; background-color: currentColor; display: block; height: 2px; width: 6px; position: absolute; top: 50%; } .wpml-ls-current-language:has(.sub-menu)>a:before { right: calc(var(--toggle-space) + 3px); transform: translateY(-50%) rotate(45deg); } .wpml-ls-current-language:has(.sub-menu)>a:after { right: var(--toggle-space); transform: translateY(-50%) rotate(-45deg); } .wpml-ls-current-language .sub-menu { position: absolute; width: 100%; opacity:0; visibility:hidden; transition: all .3s ease; top: calc(100% + 0.5rem); } .wpml-ls-current-language.hover .sub-menu { opacity:1; visibility:visible; top: calc(100% + 0.125rem); } .black.show-menu .wpml-ls-current-language .sub-menu a, .wpml-ls-current-language .sub-menu a { border-color: var(--text-color-light); background-color:var(--body-color); } .wpml-ls-current-language .sub-menu a:hover { border-color: var(--first-color); } .black .wpml-ls-current-language .sub-menu a { background-color:var(--black-color); } .dark .wpml-ls-current-language .sub-menu a { background-color:var(--title-color); } /*** Burger Icon ***/ .nav-toggle { align-content: center; width: 2.5rem; aspect-ratio: 1; cursor: pointer; color: var(--first-color); --bar-height: 0.125rem; --bar-gap: 0.25rem; } body.show-menu.dark .nav-toggle, body.show-menu.black .nav-toggle { color: var(--title-color); } .dark .nav-toggle, .black .nav-toggle { color: var(--first-color); } .bar-icon { display:block; width: 2rem; height: var(--bar-height); margin: 0 auto; background: currentColor; transition: all .25s ease-out; } .nav-toggle .bar-mid {margin: var(--bar-gap) auto;} .nav-toggle:hover .bar-mid {margin: calc(var(--bar-gap) + var(--bar-height)) auto; } .nav-toggle.opened .bar-mid {margin: var(--bar-gap) auto; opacity:0;} .opened .bar-top {transform: translateY(calc(50% + calc(var(--bar-gap) + (var(--bar-height)/2)))) rotate(45deg);} .opened .bar-bot {transform: translateY(calc(-50% - calc(var(--bar-gap) + (var(--bar-height)/2)))) rotate(-45deg);} /*-------- Head Bottom --------*/ .head__actions { display: flex; align-items: center; gap: 2rem; } /*** Call Center ***/ .callcenter { position:relative; } .call__toggle { font-size: var(--small-font-size); padding: 0.5rem 0.75rem; display: flex; align-items: center; gap: 0.5rem; font-weight: initial; user-select: none; background-color: transparent; color: var(--text-color); border: 1px solid; cursor: pointer; } .call__toggle:hover { color:var(--first-color); border-color:var(--first-color); background-color:transparent; } .call__toggle:after { content:""; border:0.25rem solid; border-bottom-width: 0; border-right-color:transparent; border-left-color:transparent; margin-left: -0.25rem; } .call__box { position: absolute; top: calc(100% + 0.5rem); right: 0; background: var(--body-color); width: max-content; padding: 0.75rem; border: 1px solid var(--text-color-light); border-radius: 0.25rem; display: grid; gap: 0.5rem; visibility: hidden; opacity: 0; font-size: var(--small-font-size); transition: 0.35s cubic-bezier(.75, 0, .25, 1); transform: translateY(1rem); } .call__box.show-numbers { visibility:visible; opacity:1; transform: translateY(0); } .call__box a:hover { text-decoration:underline; } .contact__btn { font-size: var(--small-font-size); user-select: none; transition: .3s ease; } .head__bottom { display: flex; } /*-------- Head Desktop --------*/ @media screen and (min-width: 940px) { .head {top: calc(-1 * var(--menu-height)); } .head__list {display:flex;} .head__bottom { display: flex; column-gap: 3rem; align-items: center; } .head__content {display: grid;} } /*=========== MENU HEADER ===========*/ .header { position:sticky; width: 100%; top:0; width:100%; /*background-color: rgba(255,255,255,0.79);*/ transition: transform 0.6s cubic-bezier(.6, 0, .4, 1), box-shadow 0.3s ease, background-color var(--animation-navigation-fade); /*backdrop-filter: blur(3px);*/ z-index:20; } @media screen and (min-width: 940px) { .head__container { padding: 1.125rem 1.125rem 0 1.125rem; } } /******** NAV ********/ .nav__menu { width: 100%; padding-left: 0; position: fixed; height: 100svh; background-color:var(--body-color); overflow-y:auto; top: 0; left: -100vw; transition: left 0.6s cubic-bezier(.6, 0, .4, 1); } .show-menu .nav__menu { left: 0; } .nav__list { display:grid; gap: 0.75rem 1.5rem; padding: 1rem .5rem; margin-top:var(--menu-height); } .nav__list a, .nav__back { font-size:var(--small-font-size); font-weight: var(--font-semi-bold); padding: 1rem; width:100%; text-align:center; color:var(--title-color); transition: color .3s ease; } .black .site-header .nav__list a, .dark .site-header .nav__list a { color:var(--title-color); } .nav__list a:hover, .black .site-header .nav__list a:hover, .dark .site-header .nav__list a:hover { color:var(--first-color); text-decoration:underline; } body .site-header .nav__list .level-1.cta > a { background-color: var(--first-color); border-radius: 2rem; padding: 0.625rem 1.875rem; color: var(--title-color); border: 2px solid var(--first-color); transition: .3s ease; } body .site-header .nav__list .level-1.cta > a:hover { text-decoration:none; color:var(--first-color); background-color: transparent; } .nav__list li:has(.sub-menu) a { border-left: 3px solid var(--first-color); border-radius: 3px 0; border-bottom: solid 1px #f1f1f1; line-height: 1.5; text-align:initial; } .nav__list .level-1:has(.sub-menu) > a { text-transform: uppercase; position: relative; box-shadow: 0 2px 5px 0 rgb(0 0 0 / 8%), 0 2px 10px 0 rgb(0 0 0 / 2%); } .nav__list .sub-menu { margin:0; } .level-1 > .sub-menu { left:-100vw; position: absolute; top: 0; transition: left .3s ease-out; background-color: var(--body-color); z-index: 1; height: 100%; width:100%; overflow-y:auto; margin-top: var(--menu-height); padding-bottom: 4rem; } .level-1.active > .sub-menu { left: 0; } .nav__back { position:relative; cursor:pointer; color: var(--text-color-light); } .nav__back:hover { color:var(--title-color); } .nav__list li .level-2 > a { text-align:center; text-transform:uppercase; border: 1px solid var(--first-color); border-left:none; border-right:none; } .level-2 > .sub-menu { display:grid; gap:0.75rem; padding: 1rem; } .level-3 > a { padding: .75rem; } /*** Nav Desktop ***/ @media screen and (min-width: 940px) { .header { z-index:20; position:sticky; top:0; } .nav__menu { /*border-top: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1;*/ width: 100%; position: initial; height: auto; background-color: transparent; overflow-y:initial; } .nav__list { display:flex; flex-wrap: wrap; justify-content: center; padding: 0; align-items: center; margin-top:0; gap: 0rem .75rem; } .nav__list .level-1 { position:relative; } .nav__list .level-1.menu-full-width { position:initial; } .site-header .nav__list .level-1 > a { padding:1.25rem 0.75rem; color:var(--title-color); } .heroImage .site-header .nav__list .level-1 > a { color:var(--body-color); } .site-header .nav__list .level-1 > a:hover { text-decoration:none; } .site-header .nav__list .level-1:has(.sub-menu) > a { padding:1.25rem 2rem 1.25rem .75rem; border:none; margin-bottom: 0; pointer-events: auto; box-shadow: none; text-align: center; } .dark .site-header .nav__list .level-1 > a, .black .site-header .nav__list .level-1 > a { color: var(--text-color-light); } .dark .site-header .nav__list .level-1 > a:hover, .black .site-header .nav__list .level-1 > a:hover { color: var(--first-color); text-decoration:none; } .level-1 > .sub-menu { top:100%; left:0; width: auto; height:auto; display: flex; gap:1rem; padding: 1.25rem 1rem 1rem; visibility:hidden; opacity:0; box-shadow: 0 0 5px 0px rgb(0 0 0 / 24%); margin-top:0; padding-bottom: 0; } .level-1:hover > .sub-menu { opacity:1; visibility:visible; transition: all .25s ease-in-out } .level-2 { min-width: 17.5rem; display: grid; gap: 1rem; align-content: start; } .nav__list li .level-2 > a { padding: 0; text-align: initial; border: none; } .level-2 > .sub-menu { padding: 0; margin-bottom: 1.5rem; } .level-3 > a { font-size: var(--smaller-font-size); padding: .5rem 1.25rem; } } /*** Menu Arrows ***/ .level-1:has(.sub-menu) > a:before, .level-1:has(.sub-menu) > a:after, .nav__back:after, .nav__back:before { content: ""; background-color: currentColor; display: block; height: 0.125rem; width: 0.4375rem; position: absolute; top: 50%; transition: background-color .3s ease; } /*** First Level ***/ .level-1:has(.sub-menu) > a:before { right: 1.25rem; transform: rotate(45deg) translateY(-0.375rem); } .level-1:has(.sub-menu) > a:after { right: 1rem; transform: rotate(-45deg); } /*** Submenu Title ***/ .nav__back:before, .nav__back:after { left:2rem; background-color:currentColor; } .nav__back:before { transform: rotate(-45deg) translateY(-3px); } .nav__back:after { transform: rotate(-135deg) translateY(-3px); } /*** Arrows Desktop ***/ @media screen and (min-width: 940px) { .level-1:has(.sub-menu) > a:before, .level-1:has(.sub-menu) > a:after { transition: right .3s ease, width .3s ease, transform .3s ease; } .level-1:has(.sub-menu) > a:before { right: 0.875rem; transform: rotate(45deg); } .level-1:has(.sub-menu) > a:after { right: 0.625rem; transform: rotate(-45deg); } .level-1:has(.sub-menu):hover > a:before, .level-1:has(.sub-menu):hover > a:after { width: .75rem; right: 0.625rem; } .level-1:has(.sub-menu):hover > a:before { transform: rotate(-45deg); } .level-1:has(.sub-menu):hover > a:after { transform: rotate(45deg); } /*** Bottom Indicator ***/ .level-1:has(.sub-menu):after { content: ""; display: block; background-color: transparent; height: 0.125rem; position: absolute; bottom: 0px; width: 100%; opacity:0; transition:opacity .3s ease; } .level-1:has(.sub-menu):hover:after { background-color: var(--first-color); opacity:1; } } /*==================== FOOTER ====================*/ /********* Prefooter *********/ /** Associates **/ .section__associations .container { display:grid; gap:2.5rem; margin-bottom:4rem; } body:has(.page__home) .section__associations .container, body:has(.section__tour__hero) .section__associations .container { margin-top:4rem; } .section__associations p { text-align: center; } .associates { display: flex; justify-content: center; align-items: center; gap: 3rem; flex-wrap: wrap; } .associates li { -webkit-filter: saturate(0) grayscale(1); filter: saturate(0) grayscale(1); opacity: 0.5; transition: all 0.4s ease; } .associates li:hover { -webkit-filter: saturate(1) grayscale(0); filter: saturate(1) grayscale(0); opacity:1; } /** Social **/ .prefooter { display: flex; justify-content: center; background-color: #fff; padding: 2rem 1rem; width: 100%; } /** Social **/ .footer__social { display: flex; gap: 1rem; align-items: center; padding: 2.25rem 1.25rem; width: fit-content; border-radius: 50px; border: 1px solid var(--title-color); flex-wrap: wrap; justify-content: center; text-align: center; } .footer__social--content ul { flex-wrap: wrap; justify-content: center; } /********* Main Footer *********/ footer { position:relative; z-index:1; background-color:var(--body-color); } .footer__bg { border-top: 1px solid #eaeaea; padding-top: 4rem; background-color:#fff; } .footer__menu { grid-template-columns: repeat(auto-fill, minmax(min(50%, 17rem), 1fr)); column-gap: 3rem; row-gap: 3rem; padding: 4rem 0 5rem 0; } .footer__menu--group { row-gap: 3rem; align-content: start; } .footer__subtitle { margin-bottom: .75rem; font-size: var(--normal-font-size); text-transform: uppercase; font-weight: var(--font-semi-bold); color: var(--title-color); } .footer__content { display: flex; flex-direction: column; gap: 1rem; } .footer__content.payments__group { flex-direction:row; } .footer__content li { display: flex; font-size: var(--small-font-size); line-height: 1.4; } .footer__link { color: var(--text-color); transition: color .3s ease; display: grid; gap: 0.5rem; grid-template-columns: 16px 1fr; } .footer__link:visited { color: inherit; } a.footer__link:hover { color:var(--first-color); } .payment__icon { display: flex; align-items: center; } .payments__footer { display:flex; gap:.75rem; } .footer__copy { font-size: var(--smaller-font-size); text-align: center; color: var(--text-color); padding: 3rem 0 2rem 0; background-color: #fff; } .footer__certifications .lightbox { display:grid; grid-template-columns: 7rem 8rem; gap:1.5rem; } .footer__certifications .lightbox a { outline:none; } .footer__certifications .lightbox a img { display: block; border-radius: .35rem; overflow: hidden; border: 1px solid #eaeaea; line-height: 0; } @media screen and (min-width: 350px) { .footer__social { padding: 1.25rem 3.25rem; } } @media screen and (min-width: 767px) { .footer__container { padding:0 1rem; } } @media screen and (min-width: 1024px) { .footer__container { padding: 0; } } /*============== COMPONENTS ==============*/ /************ REVEAL CALL TO ACTION ************/ @keyframes fadeInUp { to {opacity: 1; transform: translateY(0); filter:blur(0px);} } @keyframes fadeInRight { to {opacity: 1; transform: translateX(0);} } @keyframes fadeOpacity { to {opacity: 1;} } .a__r--text { overflow: hidden; font-size: var(--big-font-size); } .visible .a__r--text .r-animation { display:inline-block; opacity: 0; transform: translateY(100%); animation: fadeInUp 0.75s forwards; } .a__r--btn { display: flex; justify-content: center; gap: 0.25rem; align-items: center; font-size: var(--small-font-size); width: fit-content; margin: auto; } .a__r--btn .r-animation, .a__r--btn svg { opacity:0; } .a__r--btn svg { transform:translateX(-0.5rem); overflow:visible; transition: .3s ease; } .a__r--btn svg path { transition: .3s ease; } .a__r--btn:hover svg path { transform:translateX(0.375rem); } .visible .a__r--btn .r-animation { animation: fadeOpacity 0.3s forwards; animation-delay: calc( (((1 + var(--countwords)) * 0.04) + 0.75) * 1s); } .visible .a__r--btn svg { animation: fadeInRight 0.3s forwards; animation-delay: calc( (((2 + var(--countwords)) * 0.04) + 0.75) * 1s); } .visible .a__r--text .r-animation { --stager: 0.2s; animation-delay: calc((var(--order) - 1) * var(--stager)); } /****** Social List ******/ .social__list { display:flex; gap:1rem; } .social__list li { display:grid; place-content:center; } .social__list .social__icon { display: grid; place-content: center; color:var(--title-color); } .social__list .social__icon:hover { color:var(--title-color); } .black .social__list .social__icon:hover { color:var(--text-color-light); } .social__icon svg, .social__icon svg path { /* transition: fill .3s ease-in-out; */ } .social__icon.fb:hover svg {fill: #2D88FF;} .social__icon.ig:hover svg {fill: url(#rg);} .social__icon.yt:hover svg {fill: #f00;} .social__icon.ta:hover svg {fill: #34E0A1;} .social__icon.wa:hover svg {fill: #42cba5;} .social__icon.tt:hover svg path.tt-r {fill: #fe2c55;} .social__icon.tt:hover svg path.tt-b {fill: #25f4ee;} .social__icon.tt:hover svg path.tt-0 {fill: #000;} /************************************************/ /*** PAGE TOUR ***/ /*** PAGE TOUR ***/ /*** PAGE TOUR ***/ /************************************************/ /*---------- ITINERARY TOUR ----------*/ .section__program { --nav-height:0px; --color-dash:rgba(0,0,0,0.1); --itinerary-width: 32.125rem; --side-distance: .75rem; } .program--wrap { display:grid; gap: 3.5rem 0rem; } .program__content { } .itinerary { position: relative; margin: 0; padding-left: 2.5rem; } .day__header--wrap:before { content: ""; display: block; width: 100%; height: 2.5rem; background-color: var(--body-color); } .day__header--wrap:after { content: ""; display: block; width: 100%; height: 0.75rem; background: var(--body-color); } .day { padding-bottom: 1.75rem; border-bottom: 1px solid var(--color-dash); position:relative; list-style: none; } .day:last-child { border-bottom:0; } .day__side { position: absolute; top: 2.5rem; margin-bottom: 5.5rem; height: 100%; right: calc(100% + var(--side-distance)); } .day__number { position:relative; background-color: var(--body-color); font-size:var(--small-font-size); font-weight:bold; } .day__number:before { content: ""; position: absolute; display: block; width: 1rem; height: 1rem; background: var(--text-color); border-radius: 50%; left: calc((var(--side-distance) * -1) - 27px); top: 1.5rem; z-index: 2; } .day:after { position: absolute; left: calc((var(--side-distance) * -1) - 1.25rem); content: ""; border: 1px dashed var(--color-dash); display: block; width: 0; height: 100%; top: 4.5rem; } .day:last-child:after { height:0; } .day:first-child .day__header--wrap .day__number:after { content: ""; position: absolute; top: 1.5rem; width: 1rem; height: calc(1lh + 2.75rem - 1px); display: block; background: var(--body-color); z-index: 1; transition: background-color .3s ease; width: 100%; left: calc((var(--side-distance) * -1) - 2.25rem); transform: translateY(-100%); } .day:not(:last-child) .day__header--wrap { position: sticky; top: calc(var(--menu-height) - 1px) ; z-index: 2; background-color: var(--body-color); /* transition: background-color .3s ease, top 0.6s cubic-bezier(.6, 0, .4, 1); */ transition: 0.5s ease; } .count-1 .day__header--wrap { position:initial; } .day__header { grid-template-columns: auto 2.5rem; align-items: start; cursor: pointer; background-color: var(--body-color); font-weight: normal; } .day__header .header__icon { display: grid; place-content: center; margin-top: .625rem; opacity:0.5; transition:.3s ease; } .day__header:hover .header__icon { opacity:1; } .day__header .day__title { margin:0; font-size:var(--h1-font-size); font-family:var(--title-font); transition: .3s ease; line-height: 1.385; text-wrap-style: balance; } .day__header .header__data { display: grid; gap: .5rem; } .toggle__switch { cursor: pointer; position: relative; display: grid; width: fit-content; padding-right:1rem; --distance-arrow: 0px; user-select:none; opacity:.5; } .toggle__switch .hide { display:none; } .active .toggle__switch .show { display:none; } .active .toggle__switch .hide { display:block; } .toggle__switch:before, .toggle__switch:after { content: ""; background-color: currentColor; display: block; height: 1.5px; width: 5px; position: absolute; top: 50%; transition: all .3s ease; } .toggle__switch:before { right: calc(var(--distance-arrow) + 3px); transform: rotate(45deg); } .toggle__switch:after { right: var(--distance-arrow); transform: rotate(-45deg); } .active .toggle__switch:before {transform: rotate(-45deg);} .active .toggle__switch:after {transform: rotate(45deg);} .active .day__header .day__title { color: var(--title-color); } .day__header .day__title i { font-family:var(--brand-font); } .day__content { padding: 0; overflow-y: clip; transition: all .35s cubic-bezier(.75, 0, .25, 1); } .day__content--inside { padding:0rem 0; } .day__content--main ul { margin-left: 0; padding-left: 1.5rem; display: grid; gap: 1rem; margin-top: 1.5rem; list-style-type: disc; } .day__content--wrap { display:grid; grid-template-rows:0fr; transition: grid-template-rows .5s ease; overflow:hidden; } .active .day__content--wrap { grid-template-rows:1fr; } .day__content { overflow:hidden; } .day__content a { text-decoration:underline; color:var(--text-color); } .day__content a:hover { color:var(--accent-color); } .day__content strong { color: var(--title-color); font-weight: bold; } .day__content p { margin-top: .325rem; } .day__content--top { border-bottom: 1px dashed rgba(255, 255, 255, 0.2); padding: .0rem 1rem 0.75rem 0rem; margin-bottom: 1.5rem; font-weight: bold; font-size: var(--smaller-font-size); } .program__notes { color: var(--text-color); font-size: var(--small-font-size); font-weight: bold; } .program__content:before { content: ""; height: 1.5rem; width: 100%; background-color: var(--body-color); position: sticky; top: 3.75rem; display: block; z-index: 1; } @media screen and (min-width: 767px) { .section__program { --side-distance: 3.5rem; } .program--wrap { grid-template-columns: 1fr 1fr; justify-items:center; gap: 1.5rem 7.5vw; } .program__content { padding: 0 0 0 7.5rem; max-width: var(--itinerary-width); } .program__content:has(.count-1) { padding:0 2.5rem 0 0; } .itinerary { padding-left: 0; } .day__number:before { content: none; } .day__number { position: absolute; display: flex; flex-direction: column-reverse; gap: .5rem; left: calc((var(--side-distance) * -1) - 2.5rem); text-align: center; z-index: 1; padding-bottom: 0.3rem; font-weight:normal; } .day__number .number { border-radius: 50%; aspect-ratio: 1; place-content: center; width: 2.5rem; background-color: var(--first-color); color: var(--body-color); } .day:first-child .day__header--wrap .day__number:after { height:3.5rem; left: initial; transform: none; bottom: 100%; top: initial; } .program__notes { display:grid; gap:.75rem; } .program__action { position:sticky; top: calc(var(--menu-height)/2); width:100%; height:fit-content; scroll-margin-top: var(--menu-height); } } /************ Share Component***************/ .itinerary__header { padding: 1.5rem 0 0 0; border-bottom: 1px solid rgba(255,255,255,0.1); display: flex; justify-content: space-between; gap: 2.5rem; align-items: center; font-size: var(--smaller-font-size); } .itinerary__header .itinerary__title { text-wrap-style: balance; text-transform: uppercase; font-weight: bold; } .share__toggle { position: relative; } .share__toggle .share__button { display: grid; padding: .75rem; cursor:pointer; } .share__toggle .share__box { position: absolute; top: 2.75rem; z-index: 3; right: -1.5rem; width: max-width; opacity:0; visibility:hidden; pointer-events:none; transition:.3s ease; overflow:hidden; padding:.5rem; } .share__toggle.show .share__box { top: 2.25rem; opacity:1; visibility:visible; pointer-events:auto; } .share__toggle .share__links { padding: 0; margin: 0; background-color: var(--body-color); border: 1px solid rgba(0, 0, 0, 0.25); border-radius: 0.35rem; position:relative; overflow:hidden; } .share__toggle .share__box:before { content: ""; position: absolute; top: -3px; z-index:1; rotate: 90deg; right: 2.5rem; border-width: 10px 8px 0px 0px; display: block; border-style: solid; border-top: 8px solid transparent; border-right: 8px solid var(--body-color); border-bottom: 8px solid transparent; filter: drop-shadow(-1px 0px 0px rgba(0, 0, 0, 0.25)); transition: .3s ease; } .share__toggle .share__li { display: flex; width: 100%; transition: .3s ease; } .share__toggle .share__li:hover { color:var(--accent-color); } .share__toggle .share__li a { color:inherit; } .share__toggle .share__li svg { width: 1rem; height: 1rem; } .share__toggle .share__li:not(:last-child) { border-bottom: 1px solid var(--color-dash); } .share__toggle .share__li .share__link { display: grid; grid-template-columns: 1rem 1fr; gap: 0.5rem; padding: 0.75rem 1.5rem 0.75rem 1.25rem; width: 100%; align-items: center; user-select: none; text-wrap: nowrap; cursor:pointer; font-size: var(--smaller-font-size); border-radius:0; } /**********************************/ .slide__content { height:100%; } /**********************************/ /*List Card Tour*/ .products { margin:0; padding:0; list-style:none; display:grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 17rem), 1fr)); gap: 3rem 3.125rem; } /********************************/ .embla { position:relative; overflow: hidden; height:100%; } .embla__container { display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% / var(--count)) - ((var(--gap) * (var(--count) - 1)) / var(--count))); grid-column-gap: calc(var(--gap)); grid-template-columns: initial; } .embla__viewport { height: 100%; } .embla__config { --count: 1; --gap:1rem; overflow:hidden; } .embla__controls { display:flex; gap:.5rem; } .embla__controls button { border: 1px solid var(--text-color); border-radius: 50%; background:transparent; color:var(--text-color); width:2.5rem; height:2.5rem; display:grid; place-content:center; padding:0; transition:.3s ease; cursor:pointer; } .embla__controls button[disabled] { opacity:.5; pointer-events:none; } .embla__controls button:hover { color:var(--body-color); background-color: var(--title-color); } .embla__controls button svg { width:1.5rem; height:1.5rem; } @media (min-width: 650px) { .embla__config { --count: 2; } .embla.count-2:not(.embla--fade) .embla__button { opacity:0; visibility:hidden; pointer-events:none; } } @media (min-width: 1155px) { .embla__config { --count: 3; } .embla.count-3:not(.embla--fade) .embla__button { opacity:0; visibility:hidden; pointer-events:none; } } /*Gallery product*/ .experience__gallery .embla__button button { color:var(--body-color); } .experience__gallery .embla__button button:hover { color:var(--title-color); } .experience__gallery .embla__button { margin:0 .625rem; } /*Gallery product*/ .products .product { color:var(--text-color); display: grid; align-content: space-between; } .products .product:hover img { transform:scale(1.025); } .product .tour__data { /*padding:0 1rem;*/ } .product .woocommerce-loop-product__link { display:grid; gap:1.5rem; text-decoration:none; } .product .woocommerce-loop-product__title { margin:0; color:var(--body-color); font-size:var(--h3-font-size); text-wrap-style: balance; line-height:1.35; } .tour__action { padding: 1.5rem 1rem; display:flex; justify-content:space-between; gap:1.5rem; align-items: flex-end; } .tour__action a { text-decoration: none; padding: .5rem 1rem; height: fit-content; margin-top: auto; border-radius: 0.25rem; text-wrap: nowrap; } .tour__image { position:relative; display:block; overflow:hidden; border-radius: .5rem; box-shadow: rgba(112, 112, 112, .25) 0 5px 8px; aspect-ratio: 5/7; background-color: var(--title-color); } .tour__image:has(picture) { background-color:transparent; } .tour__image img { display: block; aspect-ratio: 3/4; object-fit: cover; transition: .3s ease; user-select: none; } .tour__image .onsale { position: absolute; top: .75rem; left: -2rem; transform: rotate(-35deg); background-color: var(--title-color); color: var(--body-color); padding: .25rem; z-index: 1; line-height: 1.5; font-size: var(--small-font-size); width: 9rem; text-align: center; } /*Single product Page*/ .tour__summary .ppc-button-wrapper { max-width: 18rem; margin-top: 1.5rem; position: relative; z-index: 1; } .woocommerce-notices-wrapper, .woocommerce-NoticeGroup-checkout { z-index: 99999; position: absolute; top: 1.5rem; left: 1.5rem; width: calc(100% - 3rem); max-width:30rem; } .woocommerce-notices-wrapper ul, .woocommerce-NoticeGroup-checkout ul { background-color: var(--body-color); box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 12px 0px; border-radius: .5rem; padding: .5rem 1rem; display: grid; gap: .25rem; font-size: var(--small-font-size); } .woocommerce-notices-wrapper .woocommerce-message { padding: 1rem 1.25rem .5rem 1.25rem; border-radius: .75rem; box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 12px 0px; background: var(--body-color); } .tab__content.terms strong { font-weight:700; } .tab__content a { color: var(--title-color); } .tab__content a:hover { text-decoration: underline; } .toggle__content { font-size:var(--small-font-size); } .toggle__content ul { padding: 0; margin: 0 0 0 1.5rem; } .toggle__content ul li { list-style: disc; margin-bottom: .25rem; } /*Reviews*/ ul.embla__container { display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% / var(--count)) - ((var(--gap)*(var(--count) - 1)) / var(--count))); grid-column-gap: calc(var(--gap)); grid-template-columns: initial; margin:0; padding:0; height:100%; } main { margin-top:0; background-color:var(--body-color); /*margin-top: calc(var(--menu-height) * -1);*/ } main:has(.section__tour__hero) { margin-top: calc(var(--menu-height) * -1); } @media screen and (min-width: 767px) { main:has(.section__tour__hero) { margin-top: initial; } } /****************************/ .site-header .social__list .social__icon { color: var(--text-color); } .site-header a.contact__btn { color:var(--title-color); } .heroImage .site-header a.contact__btn { color:var(--body-color); } .price { width:fit-content; color:var(--title-color); flex-wrap:wrap; .amount { font-weight: bold; font-size:var(--h2-font-size); color:var(--title-color); } & del .amount { font-weight:initial; font-size:var(--small-font-size); color:var(--text-color); } & ins { background:none; display:block; } & del { text-decoration: none; margin-left: 0.25rem; } & del bdi { position:relative; display:inline-flex; } & del bdi:before { content: ""; width: calc(100% + .125rem); display: block; position: absolute; right: -0.0625rem; top: 50%; transform:translateY(-50%); border-bottom: 1px solid currentColor; } } @media screen and (min-width: 767px) { .menu-full-width.level-1:has(.sub-menu):after { width: calc(5ch + 2rem); } } /********************/ .tour-pricing-info { display:flex; flex-direction:column; } .tour-pricing-label { font-weight:bold; } .tour-pricing-desc { font-size:0.85em; color:#555; } .tour-pricing-price { margin-top:0.25em; font-weight:bold; } .tour-pricing-controls { display:flex; align-items:center; gap:0.5em; } .tour-pricing-controls button { background-color: transparent; border: 1px solid #000; color: #000; padding: 0; width: 2rem; aspect-ratio: 1; border-radius: 50%; } .qty { min-width:20px; text-align:center; display:inline-block; } .tour-pricing-total { font-weight:bold; margin-top:1em; } .tour-pricing-controls button[disabled] { opacity: .25; cursor: auto; } .pricing_modal { position:relative; grid-column: 1 / -1; } .pricing__toggle input { cursor:pointer; } input[readonly="readonly"] { cursor:pointer; } .tour-pricing { padding: 1.3125rem; width:100%; position: absolute; z-index: 9; top: .75rem; border-radius: .5rem; overflow: hidden; background-color: var(--body-color); transition: .3s ease-out; visibility: hidden; opacity: 0; pointer-events: none; -webkit-box-shadow: 5px 5px 20px 5px rgba(0, 0, 0, 0.1); box-shadow: 5px 5px 20px 5px rgba(0, 0, 0, 0.1); } .pricing_modal:has(.active) .tour-pricing { visibility: visible; opacity: 1; pointer-events: auto; top: -0.5rem; } .tour-pricing-group { display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid #eaeaea; padding-bottom:0.5em; margin-bottom:1rem; } .tour-pricing-group:last-of-type { margin-bottom:0; padding-bottom:0; border-bottom:0; } .tour-pricing-total { display:none; } /********************************/ /********************************/ .section__reviews { } .review { border-radius:.5rem; overflow:hidden; } .review picture { display:grid; position:relative; } .loaded picture { opacity:0; visibility:hidden; user-select:none; } .review__media { position:relative; cursor:pointer; user-select:none; } .review__media:hover .play-button-icon { opacity:1; } .review__media video { position: absolute; inset: 0; width: 100%; height: 100%; } /**/ .overlay { pointer-events: none; position: absolute; inset: 0%; pointer-events:none; } .play-button { z-index: 1; justify-content: center; align-items: center; display: flex; } .play-button-icon { /*-webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); color: var(--color--white); background-color: rgba(255,255,255,0.15);*/ border-radius: 100rem; justify-content: center; align-items: center; width: 3rem; height: 3rem; padding: 1rem; transition: all .45s cubic-bezier(.175,.885,.32,1.275); display: flex; transform: scale(1); opacity:.625; } .play .play-button-icon { transform: scale(0); opacity:0; } .svg-icon { width: 100%; height: 100%; color:rgba(255,255,255, 1); } /**********************************/ /*List Card Tour*/ .products { margin:0; padding:0; list-style:none; display:grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 17rem), 1fr)); gap: 3rem 2rem; } .embla__config { --gap: 1rem; --count: 1; } .embla { position:relative; overflow: hidden; height:100%; } .products.embla__container { display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% / var(--count)) - ((var(--gap) * (var(--count) - 1)) / var(--count))); grid-column-gap: calc(var(--gap)); grid-template-columns: initial; } .embla__slide { } .embla__viewport { height: 100%; } @media (min-width: 650px) { .embla__config { --count: 2; } .embla.count-2:not(.embla--fade) .embla__button { opacity:0; visibility:hidden; pointer-events:none; } } /*Reviews*/ /*************** Single Cart Section******************/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { background:transparent; border-radius:.25rem; } .ui-state-active, .ui-widget-content .ui-state-active { background-color:var(--title-color); } table.ui-datepicker-calendar tr { border-bottom:0; border-top:0; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus { border: 1px solid #ededed; background: #ededed; font-weight: normal; color: #2b2b2b; } .ui-widget.ui-widget-content { border: none; box-shadow: 5px 5px 20px 5px rgba(0, 0, 0, 0.1); border-radius: 1rem; padding-bottom: .75rem; } .variations { margin:0; padding:0; } .variations .variation, .booking__date,.quantity, .photographer-option { position: relative; padding-left:0; margin-left:0; list-style:none; } .booking__date:after { position: absolute; top: 0; right: 10px; content: " "; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxNCAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuMyAxLjJIMTIuNzQ5OCIgc3Ryb2tlPSIjNEE0QTRBIiBzdHJva2UtbGluZWNhcD0ic3F1YXJlIi8+CjxwYXRoIGQ9Ik0xLjMgNC4ySDEyLjc0OTgiIHN0cm9rZT0iIzRBNEE0QSIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIvPgo8cGF0aCBkPSJNMS4zIDcuMkgxMi43NDk4IiBzdHJva2U9IiM0QTRBNEEiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiLz4KPHBhdGggZD0iTTEuMzEyNSAxMC4ySDguNDc0MDYiIHN0cm9rZT0iIzRBNEE0QSIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIvPgo8L3N2Zz4K); background-position: center; background-repeat: no-repeat; width: 20px; height: 100%; filter:invert(1); pointer-events: none; } .variation .label, .booking__date .label, .quantity .label, .photographer-option .label { position: absolute; font-style: normal; font-weight: 700; font-size: 10px; line-height: 20px; color: var(--title-color); top: 8px; left: 16px; text-transform: uppercase; z-index:1; } .variation select, .booking__date input, .quantity input, .booking__quantity select, .photographer-option select { padding: 24px 16px 8px; border-radius: 8px; position: relative; border: 1px solid #dddddd; background-color: var(--body-color); width: 100%; color: var(--title-color); } .variation select, .booking__date input, .photographer-option select { cursor: pointer } .booking__date input::placeholder { color:var(--title-color); } .reset_variations { display: none!important } .booking__quantity input, .booking__quantity select, .photographer-option select { width: 100%; cursor: pointer } @media screen and (min-width: 450px) { .single__cart--wrap { /*grid-template-columns: 1fr 1fr;*/ display:grid; gap:1.5rem; } .single__cart, .variations_form { max-width:18rem; } } /* form.single__cart .single_add_to_cart_button { grid-column: 1/3; } */ .product-type-variable .single__price { display:none; } .woocommerce-breadcrumb span.delimiter:last-child, .woocommerce-breadcrumb .last_item { display:none; } /*FlatPickr*/ .flatpickr-current-month .flatpickr-monthDropdown-months { text-transform:capitalize; } .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay { height: 0; width: 0; visibility: hidden; } .flatpickr-calendar:before, .flatpickr-calendar:after { content:none; } .flatpickr-footer { text-align: left; margin-top: .5rem; color: var(--text-color-light); text-wrap: pretty; font-size: .675rem; line-height: 1.75; } .flatpickr-footer a { color: var(--text-color-light); transition: .3s ease; text-decoration:underline; } .flatpickr-footer a:hover { color: var(--title-color); } .flatpickr-current-month span.cur-month { text-transform:capitalize; } /*========= CONTACT PAGE =========*/ .title__page h1 { text-align: center; font-size: var(--h1-font-size); margin: 0 0 6rem 0; } .legal__info { text-align:center; } .legal__info address { margin:0; font-style: normal; } .contact__text { margin: 0 8rem 4rem 0; } .contact__information { display: flex; margin-bottom: var(--mb-2-5); gap: 0.75rem; } .contact__title { font-weight: var(--font-medium); margin:0; } .contact__subtitle, .contact__subtitle a { font-size: var(--small-font-size); color: var(--text-color-light); transition: all .3s ease; white-space: nowrap; } .contact__subtitle:hover, .contact__subtitle a:hover { color:var(--first-color); } .social__contacts { display: flex; gap: 1rem; margin-top: 0.5rem; } /****************inputs type Google****************/ .field__subgroup--doc { display: grid; grid-template-columns: 2fr 3fr; } .form__date-group { display: grid; grid-template-columns: 4ch min-content 4ch min-content 6ch; height: 100%; text-align: center; padding: 0 1rem; align-content: center; align-items: center; cursor:text; } .form__date-group input { width:100%; border:none; color: var(--title-color); } .form__date-group .break { padding: 3px; line-height: 0; margin-bottom: -4px; } .form__date-group input:focus-visible { outline:none; } .form__date-group input::placeholder, .form__date-group .break { opacity:0; transition:.3s ease; } .form__div:has(input:focus) .form__date-group input::placeholder, .form__div:has(.input-birthday:not(:placeholder-shown).input-birthday:not(:focus)) input::placeholder, .form__div:has(input:focus) .form__date-group .break, .form__div:has(.input-birthday:not(:placeholder-shown).input-birthday:not(:focus)) .break { opacity:1; } .form__div { position:relative; height:3rem; border-radius:.5rem; border:1px solid #eaeaea; transition:.3s ease; } .form__div.disabled { opacity: 0; transition: .3s ease; height: 0; } .form__div:has(textarea) { height:auto; } .form__div:has([type="radio"]) { border-color:transparent; } .form__div:has([type="radio"]) .form__label { top:-0.35rem; left:0.8rem; } .form__div.field__valid, .form__div.field__valid{ border: 1px solid var(--valid-color); } .form__div.field__invalid, .form__div.field__invalid { border: 1px solid var(--invalid-color); } form .form__input { width:100%; height:100%; border:none; border-radius:.5rem; outline:none; padding:0 1rem; background:transparent; z-index:1; font-size: var(--normal-font-size); font-family: var(--body-font); color: var(--title-color); } form textarea.form__input { padding-top: 2.5rem; padding-bottom: 1.25rem; } [data-validate="idnumb"] { text-transform:uppercase; } .form__div:has([data-datepicker]):before { position: absolute; top: 0; right: 10px; content: " "; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxNCAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuMyAxLjJIMTIuNzQ5OCIgc3Ryb2tlPSIjNEE0QTRBIiBzdHJva2UtbGluZWNhcD0ic3F1YXJlIi8+CjxwYXRoIGQ9Ik0xLjMgNC4ySDEyLjc0OTgiIHN0cm9rZT0iIzRBNEE0QSIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIvPgo8cGF0aCBkPSJNMS4zIDcuMkgxMi43NDk4IiBzdHJva2U9IiM0QTRBNEEiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiLz4KPHBhdGggZD0iTTEuMzEyNSAxMC4ySDguNDc0MDYiIHN0cm9rZT0iIzRBNEE0QSIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIvPgo8L3N2Zz4K); background-position: center; background-repeat: no-repeat; width: 20px; height: 100%; filter: invert(1); pointer-events:none; } .form__div:has([data-group]):before { position: absolute; top: 0; right: 10px; content: " "; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiM0YTRhNGEiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjE4cHgiIGhlaWdodD0iMThweCIgYXJpYS1oaWRkZW49InRydWUiPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOCA0Ljc1YTEuNSAxLjUgMCAxIDAgMCAzIDEuNSAxLjUgMCAwIDAgMC0zbS0zIDEuNWEzIDMgMCAxIDEgNiAwIDMgMyAwIDAgMS02IDBtMTEgLjVhMS41IDEuNSAwIDEgMCAwIDMgMS41IDEuNSAwIDAgMCAwLTNtLTMgMS41YTMgMyAwIDEgMSA2IDAgMyAzIDAgMCAxLTYgMG0tNSAyLjVhNi45MSA2LjkxIDAgMCAxIDUuMzYgMi40OTMgNi45NiA2Ljk2IDAgMCAxIDguMjQ0IDIuMzEybC4xNDYuMTk5djQuOTk2SDIuMjV2LTYuOTk3bC4xNDctLjE5OUE2LjkxIDYuOTEgMCAwIDEgOCAxMC43NW0zLjc1IDguNWg4LjV2LTIuOTk1YTUuNDYgNS40NiAwIDAgMC04LjUgMHptLTEuNSAwaC02LjV2LTQuOTk0YTUuNDEgNS40MSAwIDAgMSA0LjI0NS0yLjAwNmguMDFhNS40IDUuNCAwIDAgMSA0LjAwNiAxLjczIDcgNyAwIDAgMC0xLjYxNSAxLjU3NWwtLjE0Ni4xOTl6Ij48L3BhdGg+PC9zdmc+); background-position: center; background-repeat: no-repeat; width: 20px; height: 100%; filter: invert(1); pointer-events:none; } .form__label { position:absolute; left:1rem; top:1rem; padding:0 .25rem; background-color:var(--section-color); -webkit-transition: all .25s cubic-bezier(.4,0,.2,1),opacity .15s cubic-bezier(.4,0,.2,1),background-color .3s ease; transition: all .25s cubic-bezier(.4,0,.2,1),opacity .15s cubic-bezier(.4,0,.2,1),background-color .3s ease; font-size:var(--normal-font-size); line-height: 1; pointer-events: none; color:var(--text-color); z-index:1; pointer-events: none; } .form__div:has(input:focus) .form__label { top:-0.35rem; left:0.8rem; color:var(--title-color); font-size:var(--smaller-font-size); font-weight:600; z-index:1; pointer-events: auto; } .form__div:has(.form__input:not(:placeholder-shown).form__input:not(:focus)) .form__label, .form__div:has(.input-birthday:not(:placeholder-shown).input-birthday:not(:focus)) .form__label, .dropdown.visible .form__label, .dropdown.filled .form__label, .form__div.fill .form__label { top:-0.35rem; left:0.8rem; font-size:var(--smaller-font-size); font-weight:600; z-index:1; color:var(--title-color); } .form__div:has(input:focus) { outline: -webkit-focus-ring-color auto 1px; } .input__date.select__date, .form__div select { cursor: pointer; } /*Form Terms + check verify*/ .form__terms { display: flex; gap: 0.25rem; margin-bottom:1rem; font-size:var(--small-font-size); } input[type="checkbox"] { appearance: none; width:0.9rem; height:0.9rem; border:1px solid var(--text-color); border-radius:.25rem; display: flex; align-items: center; justify-content: center; cursor:pointer; background-color:var(--section-color); -webkit-transition: all .25s cubic-bezier(.4,0,.2,1),opacity .15s cubic-bezier(.4,0,.2,1),background-color .15s cubic-bezier(.4,0,.2,1); transition: all .25s cubic-bezier(.4,0,.2,1),opacity .15s cubic-bezier(.4,0,.2,1),background-color .15s cubic-bezier(.4,0,.2,1); } input[type="checkbox"]:checked { background-color:var(--first-color); border:1px solid var(--first-color); } input[type="checkbox"]:before { content: "✔"; color:var(--section-color); font-size:.625rem; opacity:0; } input[type="checkbox"]:checked:before { opacity:1; } .form__terms a { color: var(--text-color); text-decoration: underline; transition:.3s ease; } .form__terms a:hover { color: var(--title-color); } .grecaptcha-badge { display: none!important; opacity: 0; } @media screen and (min-width: 767px) { .contact__container { grid-template-columns: repeat(2, 1fr); } } @media screen and (min-width: 1024px){ .contact__inputs { grid-template-columns: repeat(2, 1fr); } } form { --section-color: hsl(var(--hue-color), 100%, 100%); } .claims__book p,form p { margin-bottom: 0 } form p a,form p a:visited { color: var(--text-color); transition: .3s } form p a:hover,u { color: var(--title-color) } form select { border: 1px solid #ccc; width: 100%; padding: calc(.5rem + .25px); border-radius: .5rem } p { line-height: 1.5 } form { --valid-color: #00d084; --invalid-color: #ff6900; --error-color: #d93025 } .claims__book p,form p { margin-bottom: 0 } form p a,form p a:visited { color: var(--text-color); transition: .3s } form p a:hover,u { color: var(--title-color) } form select { border: 1px solid #ccc; width: 100%; padding: calc(.5rem + .25px); border-radius: .5rem } .texarea__wrap { padding: .75rem 1rem; border: 1px solid #eaeaea; border-radius: .5rem } .texarea__wrap.form__div { height:auto; } .textarea__label { font-weight: 500 } .texarea__wrap:has(textarea:focus-visible) { outline: -webkit-focus-ring-color auto 1px } .texarea__wrap:has(textarea:focus-visible) .textarea__label { color: var(--title-color) } textarea { resize: vertical; border: none; outline: 0; padding: .25rem .5rem .5rem 0 } .textarea__label,img[alt] { font-size: var(--smaller-font-size) } body,textarea { font-size: var(--normal-font-size); font-family: var(--body-font) } .textarea__wrap { padding: .75rem 1rem; border: 1px solid #eaeaea; border-radius: .5rem } .textarea__label { font-weight: 500 } .texarea__wrap:has(textarea:focus-visible) { outline: -webkit-focus-ring-color auto 1px; color: var(--title-color); } .texarea__wrap:has(textarea:focus-visible) .textarea__label { color: var(--title-color); } textarea { resize: vertical; border: none; outline: 0; padding: .25rem .5rem .5rem 0; background-color: var(--body-color); color: var(--text-color); transition: background-color .3s ease; } textarea:focus { color: var(--title-color); } strong { font-weight: 500 } ::-webkit-scrollbar { width: .6rem; height: .6rem; background-color: var(--scroll-bar-color); border-radius: .5rem } ::-webkit-scrollbar-thumb { background-color: var(--scroll-thumb-color); border-radius: .5rem } ::selection { background-color: var(--title-color); color: var(--body-color) } /*Phone Field*/ .dropdown { display:flex; gap:1rem; position:relative; height:100%; } .dropdown input { width: 100%; border: none; outline: none; user-select: none; padding: 0; cursor:pointer; border-radius: 0; transition: background-color .3s ease; } .dropdown .toggle { display:flex; gap:0.5rem; align-items:center; cursor:pointer; justify-content: space-between; padding:0 1rem; } .dropdown .form__input { padding:0; } .dropdown .options { position: absolute; z-index: 9; top: 1.5rem; border: 1px solid hsl(var(--form-color-main)); border-radius: .5rem; overflow: hidden; background-color: #fff; width: 450px; max-height: 320px; transition: .3s ease-out; visibility: hidden; opacity:0; pointer-events: none; margin-left:-1px; } .dropdown.visible .options { top: 0; visibility: visible; opacity:1; pointer-events: auto; } .dropdown:has([name*="document_type"]) .options { min-width:max-content; } .dropdown .options .search-box { padding: 1rem 0 .6875rem 1rem; } .dropdown .options input { width: 100%; border: none; outline: none; padding:0; } .options__list { margin: 0; padding: 0 1rem 1rem; list-style: none; display: grid; gap: 0.5rem; overflow-y: auto; max-height: calc(280px - 16px); align-content: start; width:100%; } .options__list .option { display: flex; justify-content: space-between; gap: 0.5rem; align-items: center; padding: 0.3125rem .5rem; margin-right: 0; min-height: initial; overflow:initial; cursor: pointer; } .options__list .option.hide { display:none; } .option .data { flex: 1; display: flex; justify-content: space-between; gap: .75rem; } .option .data .country-code { text-wrap: nowrap; } .frm-message { position: fixed; display:grid; gap:1rem; transform: translate(-50%, calc(-100% - 1.5rem) ); top:0; opacity:0; z-index: 9999; left: 50%; max-width: 24rem; width:100%; transition: transform .6s cubic-bezier(.6, 0, .4, 1), opacity .6s cubic-bezier(.6, 0, .4, 1); } .frm-message.visible { transform: translate(-50%, 1.5rem ); opacity:1; } .box_message { color:hsl(25,8%,75%); padding: 1rem 1.5rem; border-radius: 1rem; background-color: rgba(0,0,0, .85); backdrop-filter: blur(7px); font-size: var(--small-font-size); box-shadow: rgba(112, 112, 112, .1) 0px 0px 10px 5px; margin:0 1.5rem; position:relative; } .box_message strong { color:hsl(25,8%,95%); display:block; margin-bottom:.25rem; } .box_message .box__close { position: absolute; top: 1rem; right: 1rem; display: grid; place-content: center; cursor: pointer; border: 1px solid; border-radius: 50%; opacity: .75; color: #fff; transition: .3 esase; } .box_message .box__close:hover { opacity:1; } .box_message .box__wrap { display: grid; grid-template-columns: 2.5rem 1fr; gap: 1.5rem; align-items: center; } .box_message .box__avatar { display: grid; border-radius: 50%; place-content: center; aspect-ratio: 1; background-color: #fff; } .box_message p { margin:0; } .box_message .box__avatar svg { color:#000; } .modal__video { aspect-ratio: 16 / 9; overflow: hidden; border-radius: .75rem; place-content:center; } .modal__video img, .modal__video iframe{ object-fit: cover; object-position: bottom; height: 100%; width:100%; aspect-ratio: 16 / 9; } .form__success--modal { position: fixed; background-color: rgba(0,0,0, .875); width: 100%; height: 100dvh; top: 0; left: 0; z-index: 999; backdrop-filter: blur(4px); opacity:0; pointer-events:none; visibility:hidden; transition: .3s cubic-bezier(.6, 0, .4, 1); place-content: center; } .form__success--modal.visible { opacity:1; pointer-events:auto; visibility:visible; } .form__input.dropdown input[type="tel"] { border:none; width:100%; transition:background-color .3s ease; } .form__input.dropdown input[type="tel"]:focus { outline:none; background:transparent; margin:2px 0; } .contact__form { --form-hue: 24.98; /* --form-color-main: var(--form-hue), 96.08%, 50%; */ --form-color-main: var(--form-hue), 0%, 0%; } .form__div:has(.dropdown.visible) { position: relative; z-index: 2; } .dropdown .options { top:calc(100% - 1.5rem); left:0; width:100%; -webkit-box-shadow: 5px 5px 20px 5px rgba(0, 0, 0, 0.1); box-shadow: 5px 5px 20px 5px rgba(0, 0, 0, 0.1); border: none; } .dropdown .options .option { color: var(--text-color); } .dropdown .options .option:hover { background-color:rgba(0,0,0,0.045); color:var(--title-color); } .dropdown .options__list { height:100%; padding:1rem 0; gap:0; } .dropdown:has(.search-box) .options__list { padding-top:0; } .dropdown .options__list::-webkit-scrollbar { width:.25rem; } .options__list .option { box-shadow: none; border-radius: 0; background: none; padding: 0.3125rem 1.3125rem; } .dropdown.visible .options { top: calc(100% + .25rem); } .form__input.dropdown .toggle { box-shadow:none; padding:0; } .dropdown .option .data { } .selected-code { font-size: var(--smaller-font-size); color: var(--text-color); margin-top: 4px; } .dropdown .fflag { border-radius: 1px; width: 20px; } wc-order-attribution-inputs { display: none !important; } .fflag { background-image:url(https://amaiaq.com/assets/flagSprite60.png); background-repeat:no-repeat; background-size: 100% 49495%; display: inline-block; overflow: hidden; position: relative; vertical-align: middle; box-sizing: content-box; box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 0px 1px; border-radius: 4px; aspect-ratio: 7/5; width: 28px; } .fflag-CH, .fflag-NP {box-shadow: none!important} .fflag-DZ {background-position:center 0.2287%} .fflag-AO {background-position:center 0.4524%} .fflag-BJ {background-position:center 0.6721%} .fflag-BW {background-position:center 0.8958%} .fflag-BF {background-position:center 1.1162%} .fflag-BI {background-position:center 1.3379%} .fflag-CM {background-position:center 1.5589%} .fflag-CV {background-position:center 1.7805%} .fflag-CF {background-position:center 2.0047%} .fflag-TD {background-position:center 2.2247%} .fflag-CD {background-position:left 2.4467%} .fflag-DJ {background-position:left 2.6674%} .fflag-EG {background-position:center 2.8931%} .fflag-GQ {background-position:center 3.1125%} .fflag-ER {background-position:left 3.3325%} .fflag-ET {background-position:center 3.5542%} .fflag-GA {background-position:center 3.7759%} .fflag-GM {background-position:center 4.0015%} .fflag-GH {background-position:center 4.2229%} .fflag-GN {background-position:center 4.441%} .fflag-GW {background-position:left 4.66663%} .fflag-CI {background-position:center 4.8844%} .fflag-KE {background-position:center 5.1061%} .fflag-LS {background-position:center 5.3298%} .fflag-LR {background-position:left 5.5495%} .fflag-LY {background-position:center 5.7712%} .fflag-MG {background-position:center 5.994%} .fflag-MW {background-position:center 6.2156%} .fflag-ML {background-position:center 6.4363%} .fflag-MR {background-position:center 6.658%} .fflag-MU {background-position:center 6.8805%} .fflag-YT {background-position:center 7.1038%} .fflag-MA {background-position:center 7.3231%} .fflag-MZ {background-position:left 7.5448%} .fflag-NA {background-position:left 7.7661%} .fflag-NE {background-position:center 7.98937%} .fflag-NG {background-position:center 8.2099%} .fflag-CG {background-position:center 8.4316%} .fflag-RE {background-position:center 8.6533%} .fflag-RW {background-position:right 8.875%} .fflag-SH {background-position:center 9.0967%} .fflag-ST {background-position:center 9.32237%} .fflag-SN {background-position:center 9.5426%} .fflag-SC {background-position:left 9.7628%} .fflag-SL {background-position:center 9.9845%} .fflag-SO {background-position:center 10.2052%} .fflag-ZA {background-position:left 10.4269%} .fflag-SS {background-position:left 10.6486%} .fflag-SD {background-position:center 10.8703%} .fflag-SR {background-position:center 11.0945%} .fflag-SZ {background-position:center 11.3135%} .fflag-TG {background-position:left 11.5354%} .fflag-TN {background-position:center 11.7593%} .fflag-UG {background-position:center 11.9799%} .fflag-TZ {background-position:center 12.2005%} .fflag-EH {background-position:center 12.4222%} .fflag-YE {background-position:center 12.644%} .fflag-ZM {background-position:center 12.8664%} .fflag-ZW {background-position:left 13.0873%} .fflag-AI {background-position:center 13.309%} .fflag-AG {background-position:center 13.5307%} .fflag-AR {background-position:center 13.7524%} .fflag-AW {background-position:left 13.9741%} .fflag-BS {background-position:left 14.1958%} .fflag-BB {background-position:center 14.4175%} .fflag-BQ {background-position:center 14.6415%} .fflag-BZ {background-position:center 14.8609%} .fflag-BM {background-position:center 15.0826%} .fflag-BO {background-position:center 15.306%} .fflag-VG {background-position:center 15.528%} .fflag-BR {background-position:center 15.7496%} .fflag-CA {background-position:center 15.9694%} .fflag-KY {background-position:center 16.1911%} .fflag-CL {background-position:left 16.4128%} .fflag-CO {background-position:left 16.6345%} .fflag-KM {background-position:center 16.8562%} .fflag-CR {background-position:center 17.0779%} .fflag-CU {background-position:left 17.2996%} .fflag-CW {background-position:center 17.5213%} .fflag-DM {background-position:center 17.743%} .fflag-DO {background-position:center 17.968%} .fflag-EC {background-position:center 18.1864%} .fflag-SV {background-position:center 18.4081%} .fflag-FK {background-position:center 18.6298%} .fflag-GF {background-position:center 18.8515%} .fflag-GL {background-position:left 19.0732%} .fflag-GD {background-position:center 19.2987%} .fflag-GP {background-position:center 19.518%} .fflag-GT {background-position:center 19.7383%} .fflag-GY {background-position:center 19.96%} .fflag-HT {background-position:center 20.1817%} .fflag-HN {background-position:center 20.4034%} .fflag-JM {background-position:center 20.6241%} .fflag-MQ {background-position:center 20.8468%} .fflag-MX {background-position:center 21.0685%} .fflag-MS {background-position:center 21.2902%} .fflag-NI {background-position:center 21.5119%} .fflag-PA {background-position:center 21.7336%} .fflag-PY {background-position:center 21.9553%} .fflag-PE {background-position:center 22.177%} .fflag-PR {background-position:left 22.4002%} .fflag-BL {background-position:center 22.6204%} .fflag-KN {background-position:center 22.8421%} .fflag-LC {background-position:center 23.0638%} .fflag-PM {background-position:center 23.2855%} .fflag-VC {background-position:center 23.5072%} .fflag-SX {background-position:left 23.732%} .fflag-TT {background-position:center 23.9506%} .fflag-TC {background-position:center 24.1723%} .fflag-US {background-position:center 24.392%} .fflag-VI {background-position:center 24.6157%} .fflag-UY {background-position:left 24.8374%} .fflag-VE {background-position:center 25.0591%} .fflag-AB {background-position:center 25.279%} .fflag-AF {background-position:center 25.5025%} .fflag-AZ {background-position:center 25.7242%} .fflag-BD {background-position:center 25.9459%} .fflag-BT {background-position:center 26.1676%} .fflag-BN {background-position:center 26.3885%} .fflag-KH {background-position:center 26.611%} .fflag-CN {background-position:left 26.8327%} .fflag-GE {background-position:center 27.0544%} .fflag-HK {background-position:center 27.2761%} .fflag-IN {background-position:center 27.4978%} .fflag-ID {background-position:center 27.7195%} .fflag-JP {background-position:center 27.9412%} .fflag-KZ {background-position:center 28.1615%} .fflag-LA {background-position:center 28.3846%} .fflag-MO {background-position:center 28.6063%} .fflag-MY {background-position:center 28.829%} .fflag-MV {background-position:center 29.0497%} .fflag-MN {background-position:left 29.2714%} .fflag-MM {background-position:center 29.4931%} .fflag-NP {background-position:left 29.7148%} .fflag-KP {background-position:left 29.9365%} .fflag-MP {background-position:center 30.1582%} .fflag-PW {background-position:center 30.3799%} .fflag-PG {background-position:center 30.6016%} .fflag-PH {background-position:left 30.8233%} .fflag-SG {background-position:left 31.045%} .fflag-KR {background-position:center 31.2667%} .fflag-LK {background-position:right 31.4884%} .fflag-TW {background-position:left 31.7101%} .fflag-TJ {background-position:center 31.9318%} .fflag-TH {background-position:center 32.1535%} .fflag-TL {background-position:left 32.3752%} .fflag-TM {background-position:center 32.5969%} .fflag-VN {background-position:center 32.8186%} .fflag-AX {background-position:center 33.0403%} .fflag-AL {background-position:center 33.25975%} .fflag-AD {background-position:center 33.4837%} .fflag-AM {background-position:center 33.7054%} .fflag-AT {background-position:center 33.9271%} .fflag-BY {background-position:left 34.1488%} .fflag-BE {background-position:center 34.3705%} .fflag-BA {background-position:center 34.5922%} .fflag-BG {background-position:center 34.8139%} .fflag-HR {background-position:center 35.0356%} .fflag-CY {background-position:center 35.2555%} .fflag-CZ {background-position:left 35.479%} .fflag-DK {background-position:center 35.7007%} .fflag-EE {background-position:center 35.9224%} .fflag-FO {background-position:center 36.1441%} .fflag-FI {background-position:center 36.3658%} .fflag-FR {background-position:center 36.5875%} .fflag-DE {background-position:center 36.8092%} .fflag-GI {background-position:center 37.0309%} .fflag-GR {background-position:left 37.2526%} .fflag-GG {background-position:center 37.4743%} .fflag-HU {background-position:center 37.696%} .fflag-IS {background-position:center 37.9177%} .fflag-IE {background-position:center 38.1394%} .fflag-IM {background-position:center 38.3611%} .fflag-IT {background-position:center 38.5828%} .fflag-JE {background-position:center 38.8045%} .fflag-XK {background-position:center 39.0262%} .fflag-LV {background-position:center 39.2479%} .fflag-LI {background-position:left 39.4696%} .fflag-LT {background-position:center 39.6913%} .fflag-LU {background-position:center 39.913%} .fflag-MT {background-position:left 40.1347%} .fflag-MD {background-position:center 40.3564%} .fflag-MC {background-position:center 40.5781%} .fflag-ME {background-position:center 40.7998%} .fflag-NL {background-position:center 41.0215%} .fflag-MK {background-position:center 41.2432%} .fflag-NO {background-position:center 41.4649%} .fflag-PL {background-position:center 41.6866%} .fflag-PT {background-position:center 41.9083%} .fflag-RO {background-position:center 42.13%} .fflag-RU {background-position:center 42.3517%} .fflag-SM {background-position:center 42.5734%} .fflag-RS {background-position:center 42.7951%} .fflag-SK {background-position:center 43.0168%} .fflag-SI {background-position:center 43.2385%} .fflag-ES {background-position:left 43.4602%} .fflag-SE {background-position:center 43.6819%} .fflag-CH {background-position:center 43.9036%} .fflag-TR {background-position:center 44.1253%} .fflag-UA {background-position:center 44.347%} .fflag-GB {background-position:center 44.5687%} .fflag-VA {background-position:right 44.7904%} .fflag-BH {background-position:center 45.0121%} .fflag-IR {background-position:center 45.2338%} .fflag-IQ {background-position:center 45.4555%} .fflag-IL {background-position:center 45.6772%} .fflag-KW {background-position:left 45.897%} .fflag-JO {background-position:left 46.1206%} .fflag-KG {background-position:center 46.3423%} .fflag-LB {background-position:center 46.561%} .fflag-OM {background-position:left 46.7857%} .fflag-PK {background-position:center 47.0074%} .fflag-PS {background-position:center 47.2291%} .fflag-QA {background-position:center 47.4508%} .fflag-SA {background-position:center 47.6725%} .fflag-SY {background-position:center 47.8942%} .fflag-AE {background-position:center 48.1159%} .fflag-UZ {background-position:left 48.3376%} .fflag-AS {background-position:right 48.5593%} .fflag-AU {background-position:center 48.781%} .fflag-CX {background-position:center 49.002%} .fflag-CC {background-position:center 49.2244%} .fflag-CK {background-position:center 49.4445%} .fflag-FJ {background-position:center 49.6678%} .fflag-PF {background-position:center 49.8895%} .fflag-GU {background-position:center 50.1112%} .fflag-KI {background-position:center 50.3329%} .fflag-MH {background-position:left 50.5546%} .fflag-FM {background-position:center 50.7763%} .fflag-NC {background-position:center 50.998%} .fflag-NZ {background-position:center 51.2197%} .fflag-NR {background-position:left 51.4414%} .fflag-NU {background-position:center 51.6631%} .fflag-NF {background-position:center 51.8848%} .fflag-WS {background-position:left 52.1065%} .fflag-SB {background-position:left 52.3282%} .fflag-TK {background-position:center 52.5499%} .fflag-TO {background-position:left 52.7716%} .fflag-TV {background-position:center 52.9933%} .fflag-VU {background-position:left 53.215%} .fflag-WF {background-position:center 53.4385%} .fflag-AQ {background-position:center 53.6584%} .fflag-EU {background-position:center 53.875%} .fflag-JR {background-position:center 54.099%} .fflag-OLY {background-position:center 54.32%} .fflag-UN {background-position:center 54.54%} .tour__image:before { content: ""; display: block; position: absolute; inset: 0; top: 50%; background: linear-gradient(0deg, rgb(16, 23, 30), transparent 50%); z-index: 1; } .tour__data { position: absolute; width: 100%; bottom: 0; color: #fff; pointer-events: none; z-index: 2; padding: 1rem 1rem; font-size: var(--smaller-font-size); } .tours__details { display: flex; justify-content: space-between; flex-wrap: wrap; font-size: var(--small-font-size); opacity: 0.75; border-top: 1px solid rgba(255, 255, 255, 0.35); padding-top: 0.5rem; margin-top:0.5rem; } .tours__detail { display: flex; gap: 0.25rem; align-items: center; } .data__inclusions { opacity: 0.75; } .archive__top { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; margin-bottom: 1.5rem; } .archive__top p { margin-bottom:0; } .blur__gradient { pointer-events: none; position: absolute; z-index: 1; bottom: 0; width: 100%; height: 50%; opacity: 1; } .blur_group { --step: 12.5%; position:relative; width:100%; height:100%; } .blur_group > div { position:absolute; inset:0; pointer-events:none; z-index:var(--i); --a: calc((var(--i) - 1) * var(--step)); --b: calc(var(--i) * var(--step)); --c: calc((var(--i) + 1) * var(--step)); --d: calc((var(--i) + 2) * var(--step)); backdrop-filter: blur(var(--blur)); -webkit-backdrop-filter: blur(var(--blur)); mask-image: linear-gradient( to bottom, rgba(0,0,0,0) var(--a), rgba(0,0,0,1) var(--b), rgba(0,0,0,1) var(--c), rgba(0,0,0,0) var(--d) ); -webkit-mask-image: linear-gradient( to bottom, rgba(0,0,0,0) var(--a), rgba(0,0,0,1) var(--b), rgba(0,0,0,1) var(--c), rgba(0,0,0,0) var(--d) ); } .blur_group > div:nth-child(1){--i:1;--blur:.1875px} .blur_group > div:nth-child(2){--i:2;--blur:.375px} .blur_group > div:nth-child(3){--i:3;--blur:.75px} .blur_group > div:nth-child(4){--i:4;--blur:1.5px} .blur_group > div:nth-child(5){--i:5;--blur:3px} .blur_group > div:nth-child(6){--i:6;--blur:6px} .blur_group > div:nth-child(7){--i:7;--blur:12px} .blur_group > div:nth-child(8){--i:8;--blur:24px} .tour__data--header{ display:grid; grid-template-columns:1fr auto; gap:1.5rem; width:100%; align-items:end; } .tour__data .price { .amount { font-weight: bold; font-size: var(--h2-font-size); color: var(--body-color); } } .tour__data .product .woocommerce-loop-product__title { font-weight: 500; line-height: 1.25; } .price--wrap { display:grid; text-align:right; } .variations, .variations table, .variations tr, .variations td { display:block; } .variations tbody { display:grid; gap:1.5rem; } .product_cat-paquetes .variations tbody { grid-template-columns: 1fr 1fr; } .variations select option:first-child { display:none; } .variations { margin-bottom:1.5rem; } .woocommerce-variation-price { display:flex; justify-content:space-between; } .woocommerce-variation-price .price .amount { font-size:var(--normal-font-size); } .woocommerce-variation-price .price__label { font-size:var(--normal-font-size); font-weight:bold; color:var(--title-color); } .woocommerce-variation-add-to-cart button[type="submit"] { width:100%; margin-top:1.5rem; } .single_variation_wrap { margin-top:1.5rem; } .sold-individually .booking__quantity, .product_cat-paquetes .booking__quantity { display:none; } .single__cart button[type="submit"], .single__cart .assesor__contact { grid-column: 1/-1; } .woocommerce-variation.single_variation { height: 1lh; } .assesor__contact { display: flex; justify-content: center; align-items: center; } .variation__table--after { display:grid; gap:1.5rem; grid-template-columns:1fr 1fr; } p#custom-total-price { font-size: var(--normal-font-size); font-weight: bold; color: var(--title-color); display: flex; justify-content: space-between; width: 100%; } #custom-total-price.price .amount { font-size: var(--normal-font-size); } .single_variation_wrap:has(#custom-total-price) .woocommerce-variation.single_variation { display:none!important; } /*==================== CART PAGE ====================*/ /*========= CHECKOUT PAGE =========*/ .sections__bf { display:grid; gap:3rem; } .headding__bf { text-align:center; margin:0; } .title__tour--bf { text-align: center; font-size: var(--h1-font-size); } .container__co { display:grid; gap:1.5rem; } .header__co { } .icon__co { display: flex; justify-content: center; } .title__co { font-weight: var(--font-semi-bold); color: var(--title-color); font-size:var(--h3-font-size); } .instruction__co { /*font-size:var(--smaller-font-size);*/ } .body__co { border: 1px solid #d5d5d5; padding: 1.5rem; border-radius:.75rem; } .pax__info.body__co { padding: 0; } .pax__info .body__co--fields { padding:1.5rem; display:grid; gap:1rem; } .body__co--title span { border: 1px solid #d5d5d5; border-radius: 50%; width: 1.25rem; height: 1.25rem; display: flex; justify-content: center; align-content: center; font-size: .75rem; transform: translateY(-1.5px); align-items: center; } .pax__info .body__co--title { border-bottom: 1px solid #d5d5d5; padding: 0.25rem 0.5rem; font-size: var(--smaller-font-size); font-weight: var(--font-medium); color: var(--title-color); display: flex; align-content: center; align-items: center; margin-top: 0.25rem; gap: 0.5rem; border-radius: 0.75rem; cursor:pointer; } .fields__group--main { display:grid; grid-template-columns:repeat(auto-fill,minmax(min(100%,13rem),1fr)); gap: 1.25rem 0.75rem; } .dates__and__quantity--bf .select__date { width: 100%; padding: 0.5rem 3rem 0.5rem 1rem; border-radius: 0.5rem; border: 1px solid #d5d5d5; text-align: center; cursor: pointer; } .date__field{ position:relative; } .icon__date{ position: absolute; right: 1rem; top: 50%; transform: translateY(-50%); display: flex; pointer-events: none; } .dates__and__quantity--bf .select__date:focus-visible { outline:none; } .dates__and__quantity--bf .select__date:hover { outline: 2px solid var(--title-color); } .woocommerce form label { /*font-size: var(--smaller-font-size);*/ font-weight: var(--font-medium); overflow: hidden; text-overflow: ellipsis; } .woocommerce form .pax__info label { white-space: nowrap; } .woocommerce form label .required { text-decoration: none; } .radio__group { display: flex; align-items: end; gap: .5rem 3.5rem; flex-wrap: wrap; height: 100%; } .radio__group--options { gap: 1rem 1.5rem; display: flex; } .radio__group--option { display: flex; flex-direction: row-reverse; align-items: center; cursor: pointer; gap: 0.25rem; overflow: visible!important; } .radio--value { transition: .3s ease-in-out; font-weight: initial; } .radio__group--option input[type="radio"] { display:none; } .radio__group--option .radio--selector { width: 1.25rem; height: 1.25rem; border-radius: 50%; border: 2px solid var(--text-color); position:relative; -webkit-transition: all .25s cubic-bezier(.4,0,.2,1),opacity .15s cubic-bezier(.4,0,.2,1),background-color .15s cubic-bezier(.4,0,.2,1); transition: all .25s cubic-bezier(.4,0,.2,1),opacity .15s cubic-bezier(.4,0,.2,1),background-color .15s cubic-bezier(.4,0,.2,1); margin-top: -2px; } .radio__group--option .radio--selector:after { content:""; position:absolute; width:.5rem; height:.5rem; background-color:var(--title-color); border-radius:50%; display:block; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); -webkit-transition: all .25s cubic-bezier(.4,0,.2,1),opacity .15s cubic-bezier(.4,0,.2,1),background-color .15s cubic-bezier(.4,0,.2,1); transition: all .25s cubic-bezier(.4,0,.2,1),opacity .15s cubic-bezier(.4,0,.2,1),background-color .15s cubic-bezier(.4,0,.2,1); } .radio__group--option input[type="radio"]:checked ~ .radio--selector { border: 2px solid var(--title-color); } .radio__group--option input[type="radio"]:checked ~ .radio--selector:after { transform: translate(-50%, -50%) scale(1); } .radio__group--option input[type="radio"]:checked ~ .radio--value { color:var(--title-color); } .switch-toggle-wrapper{ margin: 40px 0px 40px 0px; } .switch { position: relative; display: inline-block; width: 60px; height: 34px; } .switch input { opacity: 0; width: 0; height: 0; } .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; } .slider:before { position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s; } input:checked + .slider { background-color: #2196F3; } input:focus + .slider { box-shadow: 0 0 1px #2196F3; } input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); } .slider.round { border-radius: 34px; } .slider.round:before { border-radius: 50%; } input[type="number"] { -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; } .quantity { display: grid; grid-template-columns: auto 1fr auto; height: 100%; } .quantity:hover { /*outline: 2px solid var(--title-color);*/ } .quantity input[type=number], .quantity input[type=number]:focus-visible, .quantity input, .quantity input:focus-visible { border: none; text-align: right; outline: none; padding:0; background-color: transparent; } .button.button__quantity, .button__quantity { padding:0; background-color:unset; border:none; cursor:pointer; z-index:1; color: var(--text-color); } .button.button__quantity:hover, .button__quantity:hover { background-color:unset; } .quantity__input { display: grid; grid-template-columns: 1fr 1fr; gap: 0.5rem; align-items: center; margin-left: -0.5rem; } a.button.wc-backward { display: block; width: fit-content; margin-top: 1.5rem; } .form-step { display:none; gap:3.5rem; -webkit-animation: fadeIn .6s cubic-bezier(0.39, 0.575, 0.565, 1) both; animation: fadeIn .6s cubic-bezier(0.39, 0.575, 0.565, 1) both; } @keyframes fadeIn { 0% { opacity:0; webkit-transform:translateY(-10%); transform:translateY(-10%); } 100% { opacity:1; webkit-transform:translateY(0); transform:translateY(0); } } .form-step.active { display:grid; } /*form desing*/ .form-container { } .form-box{ display:flex; flex-direction:column; } /*===> Progress */ .form-box .progress{ position:relative; padding:1rem; } .form-box .logo { display: flex; justify-content: center; line-height: 0; padding: 2.5rem 0; } /*===> Progress steps */ .progress ul.progress-steps { display:flex; flex-direction:row; align-items:center; justify-content:center; gap:2rem; } .progress ul.progress-steps li { position:relative; display:flex; align-items:center; margin-bottom:2rem; gap:1rem; flex-direction:column; } .progress ul.progress-steps li span { margin-bottom:0; font-size: var(--small-font-size); align-items:center; justify-content:center; text-align:center; } .progress ul.progress-steps li .step--number { position:relative; width:40px; height:40px; display:flex; border-radius:50%; background-color:var(--text-color-light); user-select: none; z-index:1; } .progress ul.progress-steps li.active .step--number { background-color:var(--first-color); color:var(--body-color); border: 4px solid var(--first-color-lighter); z-index:1; } .progress ul.progress-steps li.active .step--title { font-weight:var(--font-semi-bold); color:var(--first-color); } /*===> Form steps */ .booking__form { width:100%; padding:3rem 1.5rem; background-color:#fff; border-radius:30px 30px 15px 15px; } .progress ul.progress-steps li:before { content:""; position:absolute; background-color:var(--text-color-light); width:150%; height:2px; top:20px; } .progress ul.progress-steps li:first-child:before { left:50%; } .progress ul.progress-steps li:last-child:before { right:50%; } @media screen and (min-width: 767px) { .form-box { flex-direction:row; } .form-box .progress{ flex:1 0 30%; min-width:300px; padding:3rem; height: fit-content; position: sticky; top: 0; background-color: var(--body-color); } .form-box .logo { justify-content: flex-start; margin: 6rem 0 1rem 0; } .progress ul.progress-steps { flex-direction:column; align-items: flex-start; gap:0; } .progress ul.progress-steps li { flex-direction:row; } .progress ul.progress-steps li:before { content:""; width:0; } .progress ul.progress-steps li:not(:last-child):before { left:20px; top:30px; width:2px; height:65px; } .booking__form { padding:3rem; border-radius:0 15px 15px 0; margin-top: 3rem; } } /******************************/ .order__content { display:grid; gap:2.5rem; } .order__content h2 { font-size: var(--normal-font-size); color: var(--text-color); font-weight: var(--font-semi-bold); margin-bottom:.5rem; } .order__content section:has(table) h2 { padding-left: .25rem; } .order__content table { } table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details { border-radius: 0.5rem; border-spacing: 0; box-shadow: 0 2px 4px rgb(0 0 0 / 15%); -moz-box-shadow: 0 2px 4px rgb(0 0 0 / 15%); -webkit-box-shadow: 0 2px 4px rgb(0 0 0 / 15%); padding: .7rem; } .order_product--wrap { display:grid; grid-template-columns: min-content auto; gap:1rem; } .order_product--info { display:grid; grid-template-columns: auto min-content; align-items: center; } .order_product--thumb{ width:5rem; } .order_product--thumb img { border-radius:0.35rem; display:grid; } .order__name--label { color:var(--title-color); font-weight:bold; } ul.wc-item-meta { display:grid; } ul.wc-item-meta li { } ul.wc-item-meta li, ul.wc-item-meta li strong { font-weight: bold; font-size: var(--small-font-size); } strong.product-quantity { padding: 0 1.5rem; } td.woocommerce-table__product-total.product-total { text-align: right; padding-right: .75rem; } /******/ .thankyou__header h1 { margin:0; } /******** ORDER REVIEW ************/ #order_review .cart_item .product-name .name { font-weight:bold; color:var(--title-color); } #order_review .product-total { font-weight: bold; color: var(--title-color); font-size: var(--h1-font-size); text-align: right; } #order_review .shop_table { padding: 0rem .75rem 1rem .75rem; border-bottom: 1px solid #eaeaea; margin: 0; } #order_review .product-quantity { padding:0; } .variation dd, .variation dt { margin:0; } .variation dt { display:none; } .variation dd { font-weight: normal; font-size: var(--small-font-size); } /**Totals Cart**/ .cart-collaterals { padding-right: 1rem; margin-bottom:0; } .cart-collaterals table { width:70%; margin-left:auto; text-align:right; } .cart-collaterals table tr { vertical-align: baseline; } .cart-collaterals table th { font-weight: var(--font-medium); } .cart-collaterals .cart-subtotal { opacity: .5; transform: translateY(-0.5rem); } .order-total td bdi { font-size: var(--h2-font-size); color: var(--title-color); font-weight: var(--font-semi-bold); } .proceed-to-checkout { display:flex; justify-content:flex-end; } .booking__btns { display: flex; justify-content: center; margin: 1rem 0 6rem; } .form-two .booking__btns { justify-content:space-between; } .button.booking__btn.disabled .booking__btn.disabled { opacity: .3; background-color: var(--text-color-light); outline:1px solid transparent; } .button.booking__btn.disabled:hover, .booking__btn.disabled:hover { opacity: .3; background-color: #fff; color:var(--text-color); outline:1px solid var(--text-color); } .button.booking__btn.disabled-true, .booking__btn.disabled-true { -webkit-transition: all .25s cubic-bezier(.4,0,.2,1); transition: all .25s cubic-bezier(.4,0,.2,1); opacity: .5; pointer-events: none; } .back__btn, .back__btn:visited { opacity: .3; align-items: center; margin: auto 0; font-size: var(--smaller-font-size); line-height: 0; gap: 0.125rem; transition:opacity .3s ease; color: var(--text-color); display:flex; cursor:pointer; } /*---------- Notifications Booking ----------*/ .alert { position: fixed; top: 3rem; right: 3rem; border-radius: .75rem; background: #fff; padding: 1rem 2rem 1rem 1.25rem; box-shadow: 0 5px 10px rgba(0,0,0,0.1); border-left: .25rem solid var(--error-color); overflow: hidden; transform: translateX(calc(100% + 3.5rem)); transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.35); } .alert.active{ transform: translateX(0%); } .alert__body { display: flex; align-items: center; gap: 1.25rem; } .error .alert__icon { display:flex; color:var(--error-color); } .alert__content { display: grid; font-size: var(--small-font-size); } .alert__title { font-weight: var(--font-semi-bold); } .alert__progress{ position: absolute; bottom: 0; left: 0; height: 3px; width: 100%; } .alert__progress:before{ content: ''; position: absolute; bottom: 0; right: 0; height: 100%; width: 100%; background-color: var(--error-color); } .alert__progress.active:before{ animation: progress 3s linear forwards; } @keyframes progress { 100%{ right: 100%; } } .alert__close { display: flex; position: absolute; top: 0.25rem; right: 0.25rem; padding: 0.25rem; cursor: pointer; opacity: 0.7; } .alert__close:hover{ opacity: 1; } /*---------- Notifications Booking ----------*/ .woocommerce-notices-wrapper { position: absolute; width: 20rem; right: 1rem; top: 1rem; padding: 1rem; /*display:none;*/ } .booking__body, form.checkout.woocommerce-checkout, .page__cart .form-step{ display:grid; gap:3.5rem; } .terms__co { margin-top:1rem; align-items: center; } .form__terms.terms__co label, .form__terms.terms__co a { color:var(--title-color); white-space: inherit; } /*========= THANKYOU PAGE =========*/ .payment__container.container { max-width:960px; } .thankyou__container.container { max-width:560px; } .thankyou__header { display:flex; gap:2.5rem; align-items: center; justify-content:space-between; flex-direction:column; } .booking__code { display:flex; flex-direction:column; align-items: center; font-size:var(--smaller-font-size); } .booking__code span { font-weight:var(--font-semi-bold); color:var(--title-color); font-size:var(--small-font-size); } .booking__code--img { box-shadow: 0 2px 4px rgb(0 0 0 / 15%); -moz-box-shadow: 0 2px 4px rgb(0 0 0 / 15%); -webkit-box-shadow: 0 2px 4px rgb(0 0 0 / 15%); padding: 0.5rem; border-radius: 0.5rem; } .check__wrap { position:relative; } .thankyou__header h2 { font-weight: 500; color: var(--title-color); font-size: 1.25rem; padding-bottom:.5rem; } .thankyou__header h2, .thankyou__header p { text-align:center; } .check__icon { margin: 1rem 0 2.5rem 0; } @media screen and (min-width: 568px) { .check__icon { margin: 0 0 .5rem 0; } .thankyou__header h2, .thankyou__header p { text-align:left; } .booking__code { align-items: flex-end; } } @media screen and (min-width: 767px) { .check__icon { position:absolute; left: -4.75rem; top: 0.25rem; } } .thankyou__page p, .payment__page p, .thankyou__page table { margin-bottom:0; } /****** Payment Instructions ******/ .status__co { display:grid; gap:.5rem; margin:1rem; } .payments__buttons { display: flex; gap: 1rem; margin-top: 0.5rem; } .services__button { display: flex; align-items: center; gap: 0.5rem; cursor: pointer; transition: all .3s ease; width: fit-content; padding: 0.25rem 0.75rem; background-color: var(--title-color); color: #fff; border-radius: 0.25rem; } .services__button:hover { color: var(--title-color); transform: translateX(0.5rem); background-color: var(--first-color); } .services__modal { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, .9); display: flex; align-items: center; justify-content: center; padding: 0 1rem; z-index: var(--z-modal); opacity: 0; visibility: hidden; transition: .3s; } .services__modal-title { display: flex; align-items: center; } .services__modal-content { position: relative; background-color: var(--container-color); padding: 1.5rem; border-radius: 0.5rem; width: 100%; max-height: calc(100vh - 2rem); overflow: auto; } .services__modal.active-modal { opacity: 1; visibility: visible; } .services__modal-close { position: absolute; top: 1rem; right: 1rem; color: var(--title-color); cursor: pointer; opacity:.5; } .services__modal-close:hover { opacity:1; } .pay__inst--step .step--title { display:flex; font-size:var(--small-font-size); color:var(--title-color); gap:.5rem; } .step--title h5 { font-size: var(--small-font-size); font-weight: var(--font-medium); } .pay__inst--step .step--title svg { margin-top:.25rem; } .step--content { margin-bottom: 1.5rem; } /**** Western Union ****/ .step--content p { margin-left: 1.5rem; font-size: var(--small-font-size); } .step--content p.disclaimer { padding-left: 0.5rem; color: var(--text-color-light); font-size: var(--smaller-font-size); } .step--content .amount { color:var(--title-color); font-weight:var(--font-semi-bold); } .wu_data { display: grid; padding: 1rem 1.25rem 0.75rem 1.25rem; box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%); margin: .75rem 1rem .5rem 1.5rem; border-radius: 0.75rem; gap: 0.5rem; } .wu_data li { display:flex; flex-direction:column; } .wu_data label { font-size: var(--smaller-font-size); color: var(--text-color-light); } .wu_data span { color: var(--title-color); font-weight: var(--font-semi-bold); font-size: var(--small-font-size); } .wu_data span a { font-weight: initial; color: var(--title-color); } .wu_data span a:hover { text-decoration:underline; } @media screen and (min-width: 567px) { .payments__buttons { flex-direction: column; gap: .5rem; } .wu_data { gap:0; } .services__modal-content { width: 450px; max-height: calc(100vh - 6rem); } .wu_data li { justify-content:space-between; align-items:center; flex-direction:row; padding: 0.25rem; } .wu_data li:not(:last-child) { border-bottom:1px solid #eaeaea; } } /****** Check Icon ******/ .checkmark__circle { stroke-dasharray: 166; stroke-dashoffset: 166; stroke-width: 2; stroke-miterlimit: 10; stroke: #3a662b; fill: none; animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards; } .checkmark { width: 3rem; height: 3rem; border-radius: 50%; display: block; stroke-width: 2; stroke-miterlimit: 10; stroke: #3a662b; animation: scale .3s ease-in-out .9s both; margin:auto; } .checkmark__check { transform-origin: 50% 50%; stroke-dasharray: 48; stroke-dashoffset: 48; stroke-linecap: round; stroke-linejoin: round; animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards; } @keyframes stroke { 100% {stroke-dashoffset: 0;} } @keyframes scale { 0%, 100% {transform: none;} 50% {transform: scale3d(1.1, 1.1, 1);} } @media screen and (min-width: 568px) { .checkmark {margin:0;} } /****** Check Icon ******/ .header__ty { display: grid; color: var(--title-color); font-weight: var(--font-medium); align-items: center; padding-left:.5rem; } .tour__info--ty { padding: 1.5rem; box-shadow: 0 2px 4px rgb(0 0 0 / 15%); -moz-box-shadow: 0 2px 4px rgb(0 0 0 / 15%); -webkit-box-shadow: 0 2px 4px rgb(0 0 0 / 15%); border-radius: 0.5rem; margin-bottom: 2rem; } .tour__title--ty { text-align:center; font-size: var(--h3-font-size); font-weight:var(--font-semi-bold); color:var(--title-color); } .tour__info--ty ul{ display: grid; gap:.25rem 0; } .tour__info--ty ul li label { color:var(--title-color); font-weight:var(--font-medium); } .tour__info--ty ul li { display: flex; justify-content: space-between; gap:0 1.5rem; text-align:right; } .tour__info--ty .value .separator { display:block; height:0; } @media screen and (min-width: 570px) { .tour__info--ty ul{ grid-template-columns: repeat(auto-fill,minmax(min(100%,14.5rem),1fr)); gap:1.5rem 0; } .tour__info--ty ul li { display:grid; text-align:center; justify-content: center; } .tour__info--ty .value .separator { display:initial; height:initial; } } @media screen and (min-width: 968px) { .tour__info--ty {font-size:var(--small-font-size);} } @media screen and (min-width: 568px) { .thankyou__header {flex-direction:row;} } .table__paxs thead, .table__paxs tbody tr td:first-child { display:none; } .table__paxs tbody { display: grid; gap: 1.5rem; } .table__paxs tbody tr { padding:1.5rem 1.5rem; border-radius:.5rem; box-shadow: 0 2px 4px rgb(0 0 0 / 15%); -moz-box-shadow: 0 2px 4px rgb(0 0 0 / 15%); -webkit-box-shadow: 0 2px 4px rgb(0 0 0 / 15%); } .table__paxs tbody tr td { display:flex; justify-content:space-between; padding-top: 0.5rem; padding-bottom: 0.25rem; border-top: 1px solid #eaeaea; } .table__paxs tbody tr td:nth-child(2) { justify-content:flex-start; gap: 0.25rem; font-weight: var(--font-medium); color: var(--title-color); text-transform: uppercase; padding-top:0; padding-bottom:1rem; border-top:0; } .table__paxs tbody tr td:nth-child(3) { border-top:0; } .table__paxs tbody tr td br { display:none; } .table__paxs tbody tr td[data-label]:before { content: attr(data-label); } @media screen and (min-width: 767px) { .table__paxs tbody { grid-template-columns:repeat(2,1fr); } .table__paxs.onepax tbody { grid-template-columns:1fr; } } @media screen and (min-width: 968px) { table.table__paxs { border-radius: 0.5rem; border-spacing: 0; box-shadow: 0 2px 4px rgb(0 0 0 / 15%); -moz-box-shadow: 0 2px 4px rgb(0 0 0 / 15%); -webkit-box-shadow: 0 2px 4px rgb(0 0 0 / 15%); padding-bottom: 0.5rem; margin: 0; } .table__paxs thead { display: table-header-group; } .table__paxs thead th { text-align:left; font-weight: var(--font-medium); color: var(--title-color); font-size: var(--small-font-size); padding: 0.75rem 0 0.5rem 0; } .table__paxs thead th:first-child { padding-left:1rem; } .table__paxs tbody { display: table-row-group; font-size: var(--small-font-size); } .table__paxs tbody tr { box-shadow:none; transition: all .2s ease; } .table__paxs tbody tr:hover { background-color:var(--input-color); color:var(--title-color); } .table__paxs tbody tr td:first-child { display: table-cell; padding: 0.75rem 0.5rem 0.5rem 1rem; } .table__paxs tbody tr td { display: table-cell; } .table__paxs tbody tr:first-child td, .table__paxs tbody tr:first-child td:nth-child(2), .table__paxs tbody tr:first-child td:nth-child(3) { border-top:2px solid #eaeaea; } .table__paxs tbody tr td br { display:initial; } .table__paxs tbody tr td:nth-child(2), .table__paxs tbody tr td:nth-child(3) { font-weight:initial; color:inherit; border-top:1px solid #eaeaea; padding-top: 0.5rem; padding-bottom: 0.25rem; } .table__paxs tbody tr td[data-label]:before { content:none; } } /*========= PAYMENTS PAGE =========*/ .payment_methods { /*display:none;*/ } .payment__page #ppc-button-ppcp-gateway { text-align: center; } .payment__page .woocommerce-error { /*display:none;*/ } /* .woocommerce .form__terms input { margin-top:0; } .select2-container{ width: 100%!important; } */ .pax__info .body__co--wrap { display:grid; grid-template-rows:1fr; transition: grid-template-rows 0.4s cubic-bezier(0.625, 0.05, 0, 1); } .pax__info.hide .body__co--wrap { grid-template-rows:0fr; overfloe:hidden; } .body__co--content { overflow:visible; } .hide .body__co--content { overflow:hidden; } .passengers__group { display:grid; gap:1rem; } /************ Payment ************/ .payment__section h3 { margin-bottom:0.75rem; padding-top: 1.25rem; } .payment__methods { display: grid; grid-template-columns: repeat(auto-fit, minmax(7.5rem, 1fr)); gap: .75rem; } .payment__methods li { display: contents; } .payment__methods li label { cursor: pointer; font-weight: var(--font-medium); color: var(--title-color); display: grid; width: 100%; padding: .75rem 0.875rem; border-radius: 0.5rem; align-items: self-start; align-content: start; box-shadow: rgb(235, 235, 235) 2px 4px 10px 2px, rgb(230, 230, 230) 0px 0px 0px 1px inset; } .payment__method:has(.payment__method__title input:checked) label { box-shadow:rgb(235, 235, 235) 2px 4px 10px 2px, rgb(0, 160, 157) 0px 0px 0px 1px inset; } .payment__method:has(.payment__method__title input:checked) .payment__check { opacity:1; } .payment__check { position: absolute; background: rgb(0, 160, 157); right: .5rem; top: .5rem; border-radius: 50%; width: 1rem; height: 1rem; text-align: center; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; opacity:0; } .payment__check--wrap { display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; padding: 0px; margin: 0px; width: 10.5px; height: 10.5px; } .payment__check svg { width: 10.5px; height: 10.5px; } .payment__method__title { display: flex; position: relative; } .payment__method__icons { display: flex; align-items: center; height: 1.25rem; margin-bottom: 0.25rem; } .payment__method__icons svg { margin-right:0.25rem; } .payment__method__name { font-size: 0.75rem; } .payment__method:has(.payment__method__title input:checked) .payment__method__name { font-weight:bold; } .payment__method__title input { position: absolute; top: 50%; transform: translateY(-50%); left: 1.5rem; opacity:0; } .payment_box { font-size: var(--small-font-size); } .payment_box .yape__instructions { margin: 0 auto; } .woocommerce-privacy-policy-text { margin-bottom: 1.25rem; font-size: var(--small-font-size); } .payment__section #place_order { width: 100%; } /****** Payment Instructions ********/ .thankyou__instructions .instructions__steps { margin: 0.75rem 0 1rem 1rem; list-style: none; } .thankyou__instructions .instructions__steps h3 { text-decoration: underline; margin-bottom: 0.25rem; font-size:var(--small-font-size); } .thankyou__instructions .instructions__steps strong { color: var(--title-color); } ul.instructions__contact { box-shadow: 0 5px 10px rgba(0,0,0,0.075); padding: 1.25rem; border-radius: 0.5rem; margin: 0.5rem 0 1.5rem; display: grid; } ul.instructions__contact li { display:flex; justify-content:space-between; padding:0.25rem; column-gap: 1.5rem; flex-wrap: wrap; } ul.instructions__contact li:not(:last-child, .bank__logo) { border-bottom: 1px solid #eaeaea; } ul.instructions__contact li.bank__logo { padding-bottom:0.5rem; } ul.instructions__contact li label { color:var(--text-color-light); } ul.instructions__contact li a, ul.instructions__contact li span { color:var(--title-color); } ul.instructions__contact li span { text-align:right; } ul.instructions__contact li a:hover { text-decoration:underline; } /******* Yape Instructions *******/ .yape__instructions { max-width: 17.25rem; border-radius: 0.5rem; padding: 1.5rem; margin: 1rem auto; text-align: center; color: var(--title-color); } .yape__description { font-size: var(--smaller-font-size); } .yape__image { max-width: 12rem; margin: auto; box-shadow: 0 5px 10px rgba(0,0,0,0.1); padding: 1.25rem; border-radius: 0.5rem; display:grid; } .yape__number { display: flex; gap: 0.75rem; justify-content: center; flex-wrap: wrap; border: 2px dashed #01d0b5; border-radius: 0.5rem; padding: 0.75rem 1.5rem; align-content: center; } #numero { display: flex; align-content: center; flex-wrap: wrap; } #copiarYapeBtn { background-color: #01d0b5; color: var(--body-color); padding: 0.125rem 0.5rem; font-size: var(--smaller-font-size); border-radius: 0.25rem; cursor: pointer; border: 2px solid #01d0b5; transition:.3s ease; } #copiarYapeBtn:hover { background-color: var(--body-color); color: #01d0b5; } .yape__wa a.button { display: block; background-color: #5f0b72; color: var(--body-color); border-radius: 0.25rem; border:2px solid #5f0b72; } .yape__wa a.button:hover { background-color: var(--body-color); color: #5f0b72; } .rtn__cart { display: flex; justify-content: center; margin-top: 2.5rem; } .rtn__cart a { display: flex; align-items: center; font-size: var(--small-font-size); gap: 0.25rem; opacity: 0.3; transition: .3s ease; } .rtn__cart a:hover { opacity:1; } /*Notifications Checkout*/ .page__checkout .checkout__form .woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout { position:absolute; } .checkout__form .woocommerce-error { position: fixed; max-width: 20rem; top: 3rem; right: 3rem; z-index: 2; background-color: transparent; display: grid; gap: 1rem; } .checkout__form .woocommerce-error li { box-shadow: 0 5px 10px rgba(0,0,0,0.1); padding: 1.25rem 1.75rem; border-radius: 0.75rem; background-color: var(--body-color); word-wrap: break-word; } #payment [field-name="installmentNumber"], #payment [field-name="firstInstallmentDelay"] { display: none!important; } #payment .kr-embedded .kr-field-element:not(.kr-checkbox, .kr-radio), .kr-embedded > .kr-field-wrapper { box-shadow: none; margin-bottom: 0; border-radius: 6px; } #payment .kr-smart-form .kr-smart-form-wrapper.kr-type-embedded .kr-embedded { width: 100%; display: grid; grid-template-columns: 1fr 1fr; } #payment .kr-field-element.kr-expiry, #payment .kr-field-element.kr-security-code { grid-column: span 1; margin-top:0; border-top:0; } #payment .kr-field-element { grid-column: 1/3; margin-top:0.5rem; } #payment .kr-embedded .kr-field-element.kr-expiry { border-top-right-radius: 0; border-top-left-radius: 0; border-bottom-right-radius: 0; border-right:0; } #payment .kr-embedded .kr-field-element.kr-expiry .kr-icon { opacity:0; } #payment .kr-embedded .kr-field-element.kr-security-code { border-top-right-radius: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; } #payment .kr-embedded .kr-field-element.kr-security-code .kr-help-button { background-image: url("data:image/svg+xml,%3csvg class='p-CardCvcIcons-svg' width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='var(--colorIconCardCvc)' role='presentation'%3e%3cpath opacity='.2' fill-rule='evenodd' clip-rule='evenodd' d='M15.337 4A5.493 5.493 0 0013 8.5c0 1.33.472 2.55 1.257 3.5H4a1 1 0 00-1 1v1a1 1 0 001 1h16a1 1 0 001-1v-.6a5.526 5.526 0 002-1.737V18a2 2 0 01-2 2H3a2 2 0 01-2-2V6a2 2 0 012-2h12.337zm6.707.293c.239.202.46.424.662.663a2.01 2.01 0 00-.662-.663z'%3e%3c/path%3e%3cpath opacity='.4' fill-rule='evenodd' clip-rule='evenodd' d='M13.6 6a5.477 5.477 0 00-.578 3H1V6h12.6z'%3e%3c/path%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.5 14a5.5 5.5 0 110-11 5.5 5.5 0 010 11zm-2.184-7.779h-.621l-1.516.77v.786l1.202-.628v3.63h.943V6.22h-.008zm1.807.629c.448 0 .762.251.762.613 0 .393-.37.668-.904.668h-.235v.668h.283c.565 0 .95.282.95.691 0 .393-.377.66-.911.66-.393 0-.786-.126-1.194-.37v.786c.44.189.88.291 1.312.291 1.029 0 1.736-.526 1.736-1.288 0-.535-.33-.967-.88-1.14.472-.157.778-.573.778-1.045 0-.738-.652-1.241-1.595-1.241a3.143 3.143 0 00-1.234.267v.77c.378-.212.763-.33 1.132-.33zm3.394 1.713c.574 0 .974.338.974.778 0 .463-.4.785-.974.785-.346 0-.707-.11-1.076-.337v.809c.385.173.778.26 1.163.26.204 0 .392-.032.573-.08a4.313 4.313 0 00.644-2.262l-.015-.33a1.807 1.807 0 00-.967-.252 3 3 0 00-.448.032V6.944h1.132a4.423 4.423 0 00-.362-.723h-1.587v2.475a3.9 3.9 0 01.943-.133z'%3e%3c/path%3e%3c/svg%3e"); background-repeat: no-repeat; background-size: 20px; background-position: center; } #payment .kr-embedded .kr-field-element.kr-security-code .kr-help-button .kr-help-icon { opacity:0; } #payment .kr-embedded .kr-field-element.kr-pan { border-bottom-left-radius: 0; border-bottom-right-radius: 0; margin-top:1.5rem; } #payment .kr-embedded .kr-field-element.kr-pan:before { content: "Card Information"; display: block; width: 100%; position: absolute; bottom: 100%; font-family: var(--body-font); font-size: var(--small-font-size); font-weight: bold; padding-bottom: .5rem; } #payment .kr-embedded .kr-field-element.kr-card-holder-name { margin-top:3rem; } #payment .kr-embedded .kr-field-element.kr-card-holder-name:before { content: "Name on card"; display: block; width: 100%; position: absolute; bottom: 100%; font-family: var(--body-font); font-size: var(--small-font-size); font-weight: bold; padding-bottom: .5rem; } #payment .payment_box { grid-column: 1 / -1; grid-row: 3; height: 0 !important; display:none!important; overflow:hidden; visibility:hidden; margin-top:2.5rem; } #payment .payment__method:has(.payment__method__title input:checked) .payment_box { display: block !important; height: auto !important; visibility:visible; } .checkout__balance { max-width: 26.25rem; } /******* payment field default *********/ .kr-icon-wrapper.brand.default { --iconVisa: url("data:image/svg+xml,%3c%3fxml version='1.0' encoding='UTF-8'%3f%3e%3csvg width='24px' height='16px' viewBox='0 0 24 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e %3cg id='319' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3e %3cg id='New-Icons' transform='translate(-80.000000%2c -280.000000)' fill-rule='nonzero'%3e %3cg id='Card-Brands' transform='translate(40.000000%2c 200.000000)'%3e %3cg id='Color' transform='translate(0.000000%2c 80.000000)'%3e %3cg id='Visa' transform='translate(40.000000%2c 0.000000)'%3e %3crect id='Container' stroke-opacity='0.2' stroke='black' stroke-width='0.5' fill='white' x='0.25' y='0.25' width='23.5' height='15.5' rx='2'%3e%3c/rect%3e %3cpath d='M2.78773262%2c5.91443732 C2.26459089%2c5.62750595 1.6675389%2c5.39673777 1%2c5.23659312 L1.0280005%2c5.1118821 L3.76497922%2c5.1118821 C4.13596254%2c5.12488556 4.43699113%2c5.23650585 4.53494636%2c5.63071135 L5.12976697%2c8.46659052 L5.31198338%2c9.32072617 L6.97796639%2c5.1118821 L8.77678896%2c5.1118821 L6.10288111%2c11.2775284 L4.30396552%2c11.2775284 L2.78773262%2c5.91443732 L2.78773262%2c5.91443732 Z M10.0999752%2c11.2840738 L8.39882877%2c11.2840738 L9.46284763%2c5.1118821 L11.163901%2c5.1118821 L10.0999752%2c11.2840738 Z M16.2667821%2c5.26277458 L16.0354292%2c6.59558538 L15.881566%2c6.53004446 C15.5737466%2c6.40524617 15.1674138%2c6.28053516 14.6143808%2c6.29371316 C13.942741%2c6.29371316 13.6415263%2c6.56277129 13.6345494%2c6.82545859 C13.6345494%2c7.11441463 13.998928%2c7.3048411 14.5939153%2c7.58725177 C15.5740257%2c8.02718756 16.0286384%2c8.56556562 16.0218476%2c9.26818871 C16.0080799%2c10.5486366 14.8460128%2c11.376058 13.0610509%2c11.376058 C12.2978746%2c11.3694253 11.5627918%2c11.2180965 11.163808%2c11.0475679 L11.4018587%2c9.66204513 L11.6258627%2c9.76066195 C12.1788958%2c9.99070971 12.5428092%2c10.0889775 13.221984%2c10.0889775 C13.7117601%2c10.0889775 14.2368857%2c9.89837643 14.2435835%2c9.48488392 C14.2435835%2c9.21565125 14.0198586%2c9.01850486 13.3617074%2c8.7164581 C12.717789%2c8.42086943 11.8568435%2c7.92848346 11.8707973%2c7.04197926 C11.8780532%2c5.84042483 13.0610509%2c5 14.7409877%2c5 C15.3990458%2c5 15.9312413%2c5.13788902 16.2667821%2c5.26277458 Z M18.5277524%2c9.0974856 L19.941731%2c9.0974856 C19.8717762%2c8.78889347 19.549631%2c7.31147374 19.549631%2c7.31147374 L19.4307452%2c6.77964104 C19.3467437%2c7.00942698 19.1998574%2c7.38373457 19.2069273%2c7.37055657 C19.2069273%2c7.37055657 18.6678479%2c8.74290137 18.5277524%2c9.0974856 Z M20.6276036%2c5.1118821 L22%2c11.2839865 L20.4249023%2c11.2839865 C20.4249023%2c11.2839865 20.2707601%2c10.5748181 20.221922%2c10.3581228 L18.0377903%2c10.3581228 C17.9746264%2c10.5221933 17.6807607%2c11.2839865 17.6807607%2c11.2839865 L15.8957988%2c11.2839865 L18.4226343%2c5.62399144 C18.5977072%2c5.22341512 18.9059917%2c5.1118821 19.3117663%2c5.1118821 L20.6276036%2c5.1118821 L20.6276036%2c5.1118821 Z' id='Shape' fill='%231434CB'%3e%3c/path%3e %3c/g%3e %3c/g%3e %3c/g%3e %3c/g%3e %3c/g%3e%3c/svg%3e"); --iconMastercard : url("data:image/svg+xml,%3csvg height='16' viewBox='0 0 24 16' width='24' xmlns='http://www.w3.org/2000/svg'%3e %3cg fill='none' fill-rule='evenodd'%3e %3crect fill='%23252525' height='16' rx='2' width='24' /%3e %3ccircle cx='9' cy='8' fill='%23eb001b' r='5' /%3e %3ccircle cx='15' cy='8' fill='%23f79e1b' r='5' /%3e %3cpath d='m12 3.99963381c1.2144467.91220633 2 2.36454836 2 4.00036619s-.7855533 3.0881599-2 4.0003662c-1.2144467-.9122063-2-2.36454837-2-4.0003662s.7855533-3.08815986 2-4.00036619z' fill='%23ff5f00' /%3e %3c/g%3e%3c/svg%3e"); --iconDinner: url("data:image/svg+xml,%3c%3fxml version='1.0' encoding='UTF-8'%3f%3e%3csvg width='24px' height='16px' viewBox='0 0 24 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e %3cg id='319' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3e %3cg id='New-Icons' transform='translate(-320.000000%2c -280.000000)' fill-rule='nonzero'%3e %3cg id='Card-Brands' transform='translate(40.000000%2c 200.000000)'%3e %3cg id='Color' transform='translate(0.000000%2c 80.000000)'%3e %3cg id='Diners-Club' transform='translate(280.000000%2c 0.000000)'%3e %3cpath d='M21.9972414%2c15.749927 L21.999381%2c15.7499362 C22.9544683%2c15.7581106 23.73806%2c14.9772525 23.75%2c14.0041555 L23.7500083%2c2.00630219 C23.7461702%2c1.53568921 23.5588633%2c1.08617106 23.2297297%2c0.756801782 C22.9014319%2c0.428268884 22.4589161%2c0.246148853 21.9972414%2c0.250070854 L2.00063%2c0.250061791 C1.54108393%2c0.246148853 1.09856813%2c0.428268884 0.77027028%2c0.756801782 C0.441136651%2c1.08617106 0.253829819%2c1.53568921 0.25%2c2.00426336 L0.249991686%2c13.9936957 C0.253829819%2c14.4643086 0.441136651%2c14.9138268 0.77027028%2c15.2431961 C1.09856813%2c15.571729 1.54108393%2c15.753849 2.00275862%2c15.749927 L21.9972414%2c15.749927 Z M21.996203%2c16.249927 C21.9958359%2c16.249924 21.9954688%2c16.249921 21.9951018%2c16.2499178 L21.9972414%2c16.249927 L21.996203%2c16.249927 Z' id='shape' stroke-opacity='0.2' stroke='black' stroke-width='0.5' fill='white'%3e%3c/path%3e %3cpath d='M10.0021142%2c2.05179033 L10.0021142%2c2.03579033 L14.0021142%2c2.03579033 L14.0021142%2c2.05179033 C17.1375481%2c2.28122918 19.5642283%2c4.89197286 19.5642283%2c8.03579033 C19.5642283%2c11.1796078 17.1375481%2c13.7903515 14.0021142%2c14.0197903 L14.0021142%2c14.0357903 L10.0021142%2c14.0357903 L10.0021142%2c14.0197903 C6.86668021%2c13.7903515 4.44%2c11.1796078 4.44%2c8.03579033 C4.44%2c4.89197286 6.86668021%2c2.28122918 10.0021142%2c2.05179033 Z' id='shape' fill='%230165AC'%3e%3c/path%3e %3cpath d='M11.6021142%2c11.4277903 C13.0374002%2c10.9175027 13.9961556%2c9.55908923 13.9961556%2c8.03579033 C13.9961556%2c6.51249143 13.0374002%2c5.15407792 11.6021142%2c4.64379033 L11.6021142%2c11.4277903 L11.6021142%2c11.4277903 Z M9.20211417%2c4.64379033 C7.76682809%2c5.15407792 6.80807271%2c6.51249143 6.80807271%2c8.03579033 C6.80807271%2c9.55908923 7.76682809%2c10.9175027 9.20211417%2c11.4277903 L9.20211417%2c4.64379033 L9.20211417%2c4.64379033 Z M10.4021142%2c13.2357903 C7.53023347%2c13.2357903 5.20211417%2c10.907671 5.20211417%2c8.03579033 C5.20211417%2c5.16390963 7.53023347%2c2.83579033 10.4021142%2c2.83579033 C13.2739949%2c2.83579033 15.6021142%2c5.16390963 15.6021142%2c8.03579033 C15.6021142%2c10.907671 13.2739949%2c13.2357903 10.4021142%2c13.2357903 Z' id='shape' fill='white'%3e%3c/path%3e %3c/g%3e %3c/g%3e %3c/g%3e %3c/g%3e %3c/g%3e%3c/svg%3e"); --iconAmex: url("data:image/svg+xml,%3csvg height='16' viewBox='0 0 24 16' width='24' xmlns='http://www.w3.org/2000/svg'%3e %3cg fill='none' fill-rule='evenodd'%3e %3crect fill='%23016fd0' height='16' rx='2' width='24' /%3e %3cpath d='m13.7640663 13.3938564v-5.70139231l10.1475359.00910497v1.57489503l-1.1728619 1.25339231 1.1728619 1.2648839v1.6083094h-1.8726188l-.9951823-1.0981657-.9881105 1.1023204z' fill='%23fffffe' /%3e %3cpath d='m14.4418122 12.7687956v-4.448884h3.7722872v1.02488398h-2.550895v.69569062h2.4900774v1.0078232h-2.4900774v.6833149h2.550895v1.0371713z' fill='%23016fd0' /%3e %3cpath d='m18.1952707 12.7687956 2.087337-2.2270055-2.0874254-2.2217901h1.6156464l1.2754917 1.41003315 1.2791161-1.41003315h1.5461657v.03500552l-2.0428729 2.18678458 2.0428729 2.1638895v.063116h-1.5617237l-1.2981216-1.4241768-1.2847735 1.4241768z' fill='%23016fd0' /%3e %3cpath d='m14.2373481 2.6319558h2.4460552l.8591381 1.95085083v-1.95085083h3.0198453l.5207514 1.46156906.5225194-1.46156906h2.3059447v5.70139227h-12.1865193z' fill='%23fffffe' /%3e %3cg fill='%23016fd0'%3e %3cpath d='m14.7004641 3.25135912-1.9740111 4.44517127h1.3539006l.3724199-.89016575h2.0179447l.3721547.89016575h1.3875801l-1.96579-4.44517127zm.1696353 2.55743646.592-1.41507182.5915581 1.41507182z' /%3e %3cpath d='m18.2119779 7.69573481v-4.44508288l1.903116.00654144.9792707 2.73272928.9856354-2.73927072h1.8316022v4.44508288l-1.1786077.01043094v-3.05334807l-1.1125746 3.04291713h-1.0758011l-1.1356464-3.05334807v3.05334807z' /%3e %3c/g%3e %3c/g%3e%3c/svg%3e"); --gap-icons: 2px; position:relative; } .kr-icon-wrapper.brand.default:after, .kr-icon-wrapper.brand.default:before, .kr-icon-wrapper.brand.default .kr-icon-inner-wrapper:before, .kr-icon-wrapper.brand.default .kr-icon-inner-wrapper:after { content: ""; display: block; position: absolute; width: 25.5px; height: 17px; top: 50%; transform: translate(-10.5px, -50%); background-repeat: no-repeat no-repeat; background-position: center; background-size: 24px auto; background-color: #fff; z-index: 1; right: calc((var(--i) * (25.5px + var(--gap-icons)))); border-radius: 3px; } .kr-icon-wrapper.brand.default:after { --i:3; background-image: var(--iconVisa); } .kr-icon-wrapper.brand.default:before { --i:2; background-image: var(--iconMastercard); } .kr-icon-wrapper.brand.default .kr-icon-inner-wrapper:before { --i:1; background-image: var(--iconDinner); } .kr-icon-wrapper.brand.default .kr-icon-inner-wrapper:after { --i:0; background-image: var(--iconAmex); } /***********************/ .form__div:has(input[name*="document_type"]) { border-top-right-radius:0; border-bottom-right-radius:0; border-right:none; } .form__div:has(input[name*="document_number"]) { border-top-left-radius:0; border-bottom-left-radius:0; } /***************************/ .form-row:has(.woocommerce-input-wrapper) input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #eaeaea; border-radius: .5rem; outline: none; padding: 0 1rem; background: none; z-index: 1; font-size: var(--normal-font-size); font-family: var(--body-font); color: var(--title-color); } .form-row:has(.woocommerce-input-wrapper) input:focus { outline: -webkit-focus-ring-color auto 1px; } .form-row:has(.woocommerce-input-wrapper) label { position: absolute; left: 1rem; top: 1rem; padding: 0 .25rem; background-color: #fff; -webkit-transition: all .25s cubic-bezier(.4, 0, .2, 1), opacity .15s cubic-bezier(.4, 0, .2, 1), background-color .15s cubic-bezier(.4, 0, .2, 1); transition: all .25s cubic-bezier(.4, 0, .2, 1), opacity .15s cubic-bezier(.4, 0, .2, 1), background-color .15s cubic-bezier(.4, 0, .2, 1); font-size: var(--normal-font-size); line-height: 1; z-index: 2; pointer-events: none; } .form-row:has(.woocommerce-input-wrapper input:not(:placeholder-shown)) > label, .form-row:has(.woocommerce-input-wrapper input:focus) label { top:-0.35rem; left:0.8rem; color:var(--title-color); font-size:var(--smaller-font-size); font-weight:600; z-index:10; pointer-events: auto; } .hotel__wrap { display:grid; gap:0.625rem; transition:.3s ease; } .hotel__wrap:has(.form__div.disabled) { gap:0 } .form__div--checkbox { display:grid; } .form__div--checkbox:has(input[disabled]) { pointer-events:none; user-select:none; opacity:.5; } .form__div--checkbox label { display: flex; align-items: center; align-content: center; flex-wrap: wrap; gap: 0.35rem; padding: 0 0.35rem; cursor: pointer; opacity: 0.75; width: fit-content; transition:.3s ease; } .form__div--checkbox label:has(input:checked), .form__div--checkbox label:hover { opacity:1; } /*============== BLOG PAGE ==============*/ .categories__blog { display: flex; gap: 1rem 2rem; justify-content: center; flex-wrap: wrap; } .categories__blog .category__item { text-align: center; cursor: pointer; border: 1px solid var(--text-color); border-radius: 0.5rem; padding: 0.75rem 1.5rem; user-select: none; line-height: 1; font-size: var(--small-font-size); transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out; } .categories__blog .category__item.active-category, .categories__blog .category__item:hover { border: 1px solid var(--title-color); color: var(--title-color); } .blog__list { gap: 3.5rem 1.5rem; grid-template-columns: repeat(auto-fill, minmax(min(100%, 17rem), 1fr)); } .blog__card { background-color: var(--section-color); box-shadow: 0 2px 4px rgb(0 0 0 / 15%); -moz-box-shadow: 0 2px 4px rgb(0 0 0 / 15%); -webkit-box-shadow: 0 2px 4px rgb(0 0 0 / 15%); border-radius: 0.5rem; overflow: hidden; margin: 0; } .blog__card .post-thumbnail { line-height: 0; display: block; } .blog__card .card__content { padding: var(--mb-1-5); } .blog__card h2 a { color: var(--title-color); display: block; font-size: var(--h3-font-size); line-height: 1.25; height: 3rem; overflow: hidden; } .blog__card .card__meta { font-size: var(--smaller-font-size); margin-top: 0.25rem; } .blog__card .entry-content{ margin: 0; height: 62px; overflow: hidden; font-size: var(--small-font-size); } .blog__card img{ height: 15rem; object-fit: cover; } /****** Blos Article ******/ .single__article h1 { margin: 0; font-size: var(--big-font-size); padding: 1rem 0 2.5rem 0; } .single__article .entry-meta { display: flex; gap: 1.5rem; font-size: var(--small-font-size); } .single__article .post-thumbnail { line-height: 0; margin-top: 0.75rem; border-radius: 0.5rem; overflow: hidden; } .single__article .entry-content a { color:var(--title-color); text-decoration:underline; transition:color .3s ease; } .single__article .entry-content a:hover { color:var(--first-color); } .single__article .entry-content strong { color:var(--title-color); font-weight:var(--font-semi-bold); } .share__links { display: flex; gap: 0 1.5rem; width: min-content; } .share__link { -webkit-transition: transform .3s ease, fill .3s ease; transition: all.3s ease; fill:var(--title-color); color: var(--title-color); } .share__link:hover { transform: scale(1.125); fill:var(--first-color); color: var(--first-color); } .section__postnav .post-navigation a { color:var(--text-color); transition:color .3s ease; } .section__postnav .post-navigation a:hover { color:var(--title-color); } @media screen and (min-width: 767px) { .container__post { max-width:650px; margin: 0 auto; } .share__links--container { position: sticky; transform: translate(-3rem, 2rem); top: calc(var(--menu-height) + 5rem); width: fit-content; } .share__links { flex-direction: column; margin-bottom: -125px; } .container__post .share__links { gap:1rem; } } /**********************/ .calendar-mp .flatpickr-calendar.inline, .calendar-mp .flatpickr-days{ width:100%!important; } .calendar-mp .dayContainer { width:50%; } .calendar-mp .flatpickr-current-month { text-transform:capitalize; } .calendar-mp span.flatpickr-weekday { user-select:none; } .calendar-mp .flatpickr-day { user-select:none; display:grid; place-content:center; /*aspect-ratio:1;*/ } .container.calendar-mp { max-width:40rem; } .calendar-mp .flatpickr-calendar.inline { /*aspect-ratio:500/343;*/ } /*========= CLAIMS PAGE =========*/ .claims__book.container { max-width:48rem; } .claims__book .title__page h1 { margin: 0 0 1rem 0; font-size:var(--big-font-size); } .claims__book p { margin-bottom:0; } .form__section--claims { padding-bottom:2rem; } .claims__inputs { grid-template-columns: repeat(auto-fill, minmax(min(50%, 15rem), 1fr)); } .complaint__subtitle { font-weight: var(--font-medium); font-size: var(--h3-font-size); } .conditional__field { height:0; overflow:hidden; opacity:0; -webkit-transition: all .25s cubic-bezier(.4,0,.2,1),opacity .15s cubic-bezier(.4,0,.2,1),background-color .15s cubic-bezier(.4,0,.2,1); transition: all .25s cubic-bezier(.4,0,.2,1),opacity .15s cubic-bezier(.4,0,.2,1),background-color .15s cubic-bezier(.4,0,.2,1); } .conditional__field.visible { height:3rem; opacity:1; margin-top: 1rem; overflow:visible; } #frm-contact input[type="date"].form__input, #frm-claims input[type="date"].form__input { padding-left: 1.5rem; text-align: center; color: var(--text-color); } #frm-contact input[type="date"].form__input:focus, #frm-claims input[type="date"].form__input:focus { color: var(--title-color); } #frm-contact input[type="date"]::-webkit-inner-spin-button, #frm-claims input[type="date"]::-webkit-calendar-picker-indicator { opacity:.6; cursor:pointer; } textarea::placeholder { opacity:.5; margin-top:.25rem; font-size: var(--small-font-size); } .claims__details strong { font-weight: var(--font-semi-bold); } .claims__aclarations p { display:flex; gap:.5rem; font-size: var(--small-font-size); font-style: italic; } .offers__hero { width:100%; height:80vh; text-align:center; } main:has(.offers__hero) { margin-top: calc(-1 * var(--menu-height)); } .offers__hero--content { position:absolute; inset:0; display:grid; gap:2.5rem; margin-top:var(--menu-height); } .offers__hero--content h1 { color:var(--body-color); font-size: calc(1.5 * var(--big-font-size)); text-shadow: none; text-transform:uppercase; margin:0; } .cat__image { inset:0; display:block; } .cat__image img { width:100%; height:100%; object-fit:cover; user-select:none; } .offers__hero .section { display: grid; align-content: start; gap: 1.5rem; justify-items: center; } .rotor-group { display:flex; } .rotor-group-heading { position:absolute; top:calc(100% + 0.5rem); font-size:var(--small-font-size); left:50%; transform: translateX(-50%); } main .flipdown .rotor-group-heading:before { color:var(--body-color); } .flipdown .rotor-group:nth-child(1) .rotor-group-heading:before { content: 'Días'; } .flipdown .rotor-group:nth-child(2) .rotor-group-heading:before { content: 'Horas'; } .flipdown .rotor-group:nth-child(3) .rotor-group-heading:before { content: 'Minutos'; } .flipdown .rotor-group:nth-child(4) .rotor-group-heading:before { content: 'Segundos'; } .flipdown.flipdown__theme-dark .rotor-group-heading:before { color:var(--body-color); } /*HERO HOME*/ .billboard video { height:100%; object-fit:cover; object-position:25% bottom; pointer-events:none; } .billboard { height:calc(100svh + 0px); overflow:hidden; position:relative; } .billboard h1 { font-size:calc(var(--h1-font-size) * 1.5); color: var(--body-color); margin:0; max-width:32.5rem; line-height:1.25; margin: 1.5rem auto 0 auto; /* filter: drop-shadow(2px 2px 4px hsl(333.33deg 86% 40% / 25%)); */ text-align:center; text-wrap-style: balance; } .hero__info { height:calc(100vh - var(--menu-height)); position:absolute; inset:0; margin-top:var(--menu-height); } .hero__info .container { max-width:80rem; height:100%; } .hero__info--content { display: grid; height: 100%; align-content: space-between; gap:2.5rem; position: relative; } .hero__buttons { display:flex; flex-direction:column; gap:.75rem; align-items:center; } a span { position:relative; } @media screen and (min-width: 767px) { .billboard { height:120vh; } .billboard h1 { font-size:calc(var(--big-font-size) * 1.75); text-align:initial; text-wrap-style: initial; margin:initial; } .hero__buttons { flex-direction:row; gap:1rem; } .hero__info { } .hero__info--content { align-content: end; } } /***** REASONS ******/ .section__values .container { margin-top:6rem; margin-bottom:2rem; } .reasons__list ul { display:grid; /*grid-template-columns:repeat(3, 15rem);*/ grid-template-columns: repeat(auto-fill, minmax(min(100%, 17rem), 1fr)); gap: 4.5rem 3.5rem; justify-content:space-between; } .reasons__list ul li { display:grid; gap:.5rem; } .reasons__list h3 { font-size:var(--h1-font-size); width:min-content; } .reasons__list p, .reasons__list a { text-wrap-style:balance; margin-left:4rem; } .reasons__list a { display: inline-block; opacity:.5; } .reasons__list a:hover { opacity:1; color:var(--first-color); text-decoration:underline; } .reasons__list svg { height: 2rem; padding-left: .25rem; width:3rem; } .reason__header { display: flex; gap: 1rem; align-items: center; } @media screen and (min-width: 767px) { .section__values .container { margin-top:2rem; margin-bottom:0rem; } .reason__header { flex-direction:column; align-items:initial; } .reasons__list ul { gap: 3.5rem; } .reasons__list h3 { } .reasons__list svg { padding-left: .25rem; } .reasons__list p, .reasons__list a { margin-left:0; } } /********** DESTINATIONS *************/ .section__destinations .section__header { text-align:center; } .section__destinations .section__header h2 { font-size:calc(1.15 * var(--big-font-size)); margin-top:4rem; } .destinations { display: grid; grid-template-columns: repeat(2, 1fr); gap: .75rem; align-items: end; } .card__destination { display:grid; gap:.5rem; align-content:start; position:relative; aspect-ratio:5/4; overflow:hidden; transition:.3s ease; } .card__destination:hover { transform:translateY(-0.25rem); } .card__destination picture { display:block; position:absolute; inset:0; } .card__destination picture img { display:block; overflow:hidden; height:100%; object-fit: cover; transition:.3s ease; } .card__destination a { transition:.3s ease; gap:0.25rem; } .card__destination a:hover { opacity:1; } .destination__info { position: absolute; width: 100%; height: 100%; padding: 1rem 1.5rem; display: grid; align-content: end; } .destination__info:before { content: ""; background: linear-gradient(0deg, rgba(0, 0, 0, .5) 25%, rgba(0, 0, 0, 0) 90%); display: block; width: 100%; height: 100%; position: absolute; bottom: 0; } .destination__info h4 { color:var(--color-yellow); font-size:var(--h2-font-size); line-height:1.1; position:relative; } .destination__count { background: rgba(255, 255, 255, 0.15); color: var(--body-color); width: fit-content; border-radius: 5px; padding: 2px 8px 0px 8px; font-size: 0.75rem; font-weight: 500; line-height: 21px; display: grid; place-content: center; backdrop-filter: blur(4px); position:relative; } .card__destination:nth-child(3) { grid-column: span 2; aspect-ratio:5/2; } @media screen and (min-width: 676px) { .destinations { grid-template-columns: repeat(10, 1fr); } .destinations__wrap { gap:3.5rem; } .card__destination { grid-column: span 3; } .card__destination:nth-child(2) { grid-column: span 4; } .card__destination:nth-child(3) { grid-column:span 3; aspect-ratio:5/4; } .card__destination:nth-child(4), .card__destination:nth-child(5) { grid-column:span 5; aspect-ratio:2/1; } .section__destinations .section__header h2 { font-size:calc(1.5 * var(--big-font-size)); margin-top:2rem; } } @media screen and (min-width: 976px) { .destinations { grid-template-columns: repeat(11, 1fr); } .card__destination:nth-child(1), .card__destination:nth-child(2), .card__destination:nth-child(3), .card__destination:nth-child(4), .card__destination:nth-child(5) { grid-column: span 2; aspect-ratio:5005/4345; } .card__destination:nth-child(3) { grid-column: span 3; } } /********* SECTION PROMOTIONS ******/ .card__promotion { display:block; position:relative; height:150vh; } .card__promotion picture.offers__bg { display:block; position:absolute; inset:0; height:100%; width:100%; } .card__promotion picture.offers__bg img { height:100%; width:100%; object-fit:cover; } .card__promotion .promotion__info { position:relative; display:grid; align-items:end; height:100vh; position: sticky; top:0; } .promotion__header { display: grid; gap: 1.5rem; height: 100%; padding-top: calc(var(--menu-height)); align-content: space-between; } .promotion__header h2 { font-size: calc(1.5 * var(--big-font-size)); color: var(--body-color); line-height:1.35; width:min-content; } .promotion__header h3 { font-size:var(--h3-font-size); color:var(--body-color); font-weight:bold; text-wrap-style: balance; } .promotion__header .button { width:fit-content; } .promotion__header .flipdown { --rotor-width: 2rem; } .promotion__info .bg { position:absolute; inset:0; } .promotion__info .bg:before, .promotion__info .bg:after { content:""; left: 0; position: absolute; width: 100%; --shadow-color: hsl(105deg 41% 5% / 95%); } .promotion__info .bg:before { background-image: linear-gradient(0deg, transparent 0, var(--shadow-color)); top: 0; height:80%; } .promotion__info .bg:after { background-image: linear-gradient(180deg, transparent 0, var(--shadow-color)); bottom: 0; height:100%; } .promotion__info .container { position:relative; } .promotion__info .flipdown { --rotor-width: 1.75rem; } .promotion__info h3 { font-weight: initial; font-size: var(--body-color); } .offers__list { display: grid; align-items: center; gap: .5rem; } .offers__list li { display: grid; grid-template-columns: 4.15rem 15rem; gap: .0625rem; color: var(--body-color); } .offers__list li:nth-child(4) { display:none; } .offers__list li h4 { color: var(--body-color); font-weight: initial; line-height: 1.25; height: 2lh; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .offers__list picture { display: block; aspect-ratio: 4 / 5; border: 1px solid rgba(255, 255, 255, 0.15); background-color: rgba(255, 255, 255, 0.2); backdrop-filter: blur(4px); border-radius: .5rem; overflow: hidden; } .offers__list picture img { height: 100%; object-fit: cover; display: block; } .offers__list div { display: grid; grid-column-start: 2; padding: .75rem .75rem .5rem .75rem; gap: .125rem; border: 1px solid rgba(255, 255, 255, 0.2); background-color: rgba(255, 255, 255, 0.125); backdrop-filter: blur(2.5rem); border-radius: .5rem; } .offers__list div span { text-align: right; } .offers__side { gap: .875rem; } .offers__cta a { width:100%; } .offers__cta { display: grid; grid-template-columns: 4.15rem 15rem; gap: .0625rem; } .offers__cta a { grid-column-start: 2; } .offers__timer { gap:1rem; } .offers__timer p { color:var(--body-color); margin:0; text-transform: uppercase; } @media screen and (min-width: 676px) { .promotion__info .container { grid-template-columns: 1fr 1fr 1fr; align-items:end; } .promotion__header { padding-top: calc(var(--menu-height) + 4rem); margin-bottom: 3.375rem; } .promotion__header h2 { margin-bottom:4rem; } .promotion__info h3 { max-width: 26ch; } .offers__timer { margin: 0 auto 3.375rem auto; } .offers__side { justify-items: right; } .offers__list li:nth-child(4) { display:grid; } } /********* SECTION CTA ******/ .section__cta { text-align: center; margin:4rem 0 2rem 0; } .section__cta h2 { } .section__cta p { margin:0; } .visible .a__r--text .r-animation { --stager: 0.04s; } .actions { display: grid; gap:1rem; margin-top: 1.5rem; justify-content: center; } .actions .animated-link { padding: .75rem 4.5rem; } /* .section__cta a { width: 100%; } .cta__global { display:grid; gap:2.5rem; border-radius: 1rem; background-color:var(--title-color); padding: 16rem 2.5rem 4rem 2.5rem; grid-template-columns:1fr auto; align-items: end; } .cta__global .ctas { gap:1rem; } */ @media screen and (min-width: 676px) { .section__cta { margin:4rem 0 4rem 0; } .section__cta h2 { font-size:calc(1.5 * var(--big-font-size)); margin: auto; text-wrap-style: balance; max-width: 25ch; } body:has(.section__tour__hero) .section__cta h2 { max-width: 25ch; } } /********* SECTION HERO ******/ .billboard .bg { position:absolute; inset:0; } .billboard .bg:before, .billboard .bg:after { content:""; left: 0; position: absolute; width: 100%; --shadow-color: hsl(105deg 41% 5% / 85%); } .billboard .bg:before { background-image: linear-gradient(0deg, transparent 0, var(--shadow-color)); top: 0; height:50%; } .billboard .bg:after { background-image: linear-gradient(180deg, transparent 0, var(--shadow-color)); bottom: 0; height:70%; } .social__fixed { position:fixed; top:50vh; transform: translateY(-50%); right:1.125rem; z-index: 9; } @media screen and (min-width: 676px) { .social__fixed { right:2.5rem; } } .social__fixed .social__list { display:grid; } .social__fixed .social__list .social__icon, .social__fixed .social__list .social__icon:visited { color: var(--title-color); filter:invert(1); } .social__fixed .social__list .social__icon:hover { opacity:1; filter:none; } /***** PhotoSwipe *****/ .pswp .pswp__button--arrow .pswp__icn { top: 50%; margin-top: -1rem; width: 3rem; height: 2rem; opacity: .6; stroke: #ffffff; stroke-width: 0.125px; transition:.3s ease; } .pswp .pswp__button--arrow:hover .pswp__icn { opacity:1; } /********* Tour Page *********/ .program__info { gap:4rem; } @media screen and (min-width: 676px) { .program__info { margin-bottom:5rem; } } .section__tour__hero { padding-bottom: 2rem; padding-top:0; } .tour__hero--data { display:grid; gap:.75rem; } .tour__hero--data h1 { margin:.25rem 0; font-size: calc(var(--big-font-size) * 1); } /* Breadcrumbs */ nav.woocommerce-breadcrumb { display: flex; gap: .25rem; align-items: center; } nav.woocommerce-breadcrumb a { color: var(--text-color); padding: 0.125rem .5rem; border-radius: .35rem; transition:.3s ease; } nav.woocommerce-breadcrumb a:hover { color:var(--title-color); background-color: #f5f4f4; } /* Hero Data */ .hero__phills { display: flex; justify-content: space-between; gap:2.5rem; align-items: center; } .header__data { display: flex; gap: .5rem; } .header__data li + li { display:flex; } .header__data li + li::before { content: ""; display: inline-block; width: .25rem; height: .25rem; border-radius: 50%; background-color: currentColor; margin: auto .5rem auto 0; } .product .share__button { display: flex; align-items: center; padding: 0px 0.75rem; gap: 0.5rem; font-weight: initial; font-size: var(--small-font-size); opacity: .625; } .product .share__button:hover { opacity:1; } /* Tour Gallery */ .tour__gallery { grid-row-start: 1; } .tour__gallery .embla__config { --gap:0rem; --count:1; } .gallery__wrapper { aspect-ratio: 2/3; pointer-events:none; } .gallery__lgbx img { display:block; height:100%; width: 100%; object-fit: cover; } .gallery__more { position:absolute; bottom:1.5rem; display:grid; place-content: center; width: 100%; pointer-events: none; } .gallery__more span { padding: .45rem .85rem .25rem .85rem; border-radius: .25rem; background-color: hsl(0deg 0% 99.75% / 50%); font-size: var(--small-font-size); display: flex; align-items: center; gap: .35rem; color: var(--title-color); backdrop-filter: blur(4px); } @media screen and (min-width: 767px) { .tour__gallery { width: 80%; max-width: 1080px; margin: auto; grid-row-start: 2; } ul.embla__container.gallery__lgbx { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); grid-template-rows: repeat(2,minmax(0,1fr)); gap: 0.125rem!important; list-style: none; margin: 0; padding: 0; overflow:hidden; border-radius: .75rem; height:25rem!important; } ul.embla__container.gallery__lgbx { transform: none !important; } .gallery__wrapper { aspect-ratio: initial; pointer-events: auto; } .gallery__wrapper:nth-child(1) { grid-column: 1 / 3; grid-row: 1 / 3; } .gallery__wrapper:nth-child(2) { grid-column: 3 / 4; grid-row: 1 / 3; } .gallery__wrapper:nth-child(3) { grid-column: 4 / 5; grid-row: 1 / 2; } .gallery__wrapper:nth-child(4) { grid-column: 4 / 5; grid-row: 2 / 3; } .gallery__lgbx li.is-hidden { display:none; } .gallery__more { grid-template-columns: repeat(4, 1fr); gap: 0.375rem; } .gallery__more span { grid-column-start: 4; width: fit-content; margin: auto; } .section__tour__hero { padding-top:4rem; } } /*About Tour*/ .section__tour__about ul { display:grid; gap:.5rem; } .details{ display:grid; gap:1.5rem; } .details__items { grid-template-columns:1fr 1fr; margin-top:1rem; } .section__tour__about ul li { display: grid; gap:.25rem; } .section__tour__about ul li>div { display: flex; align-items: center; gap:.45rem; } .section__tour__about ul li svg { width: 1.25rem; height:1.25rem; } .section__tour__about ul li p { margin: 0 0 1.5rem 1.75rem; } /* Itinerary */ /*Variable Sticky Program*/ .program__content { transition:padding .5s ease; } .itinerary__header * { position:relative; } .itinerary__header:before { content: ""; display: block; position: absolute; width: 100%; height: 8.5rem; top: 0; background-color: var(--body-color); } .itinerary__header { position: sticky; z-index: 3; top: -4.5rem; transition:.5s ease; } body:has(.scroll-up) .itinerary__header { top: -3.75rem; } .day__header--wrap:before { transition:.5s ease; } body:has(.scroll-up) .day.active .day__header--wrap { top: calc(0rem + var(--height-menu)); } /*Inclusions*/ .inclusions ul { margin-left: .5rem; } .inclusions div > ul > li { display: grid; grid-template-columns: 1rem 1fr; gap: .75rem; margin-bottom: .75rem; } .inclusions li::before { content: ""; width: 1.25rem; height: 1.25rem; background-color: currentColor; -webkit-mask: var(--li-icon) no-repeat center; mask: var(--li-icon) no-repeat center; -webkit-mask-size: contain; mask-size: contain; } .inclusions ul li ul { grid-column-start: 2; list-style: disc; margin-left: 1.125rem; } .included { --li-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0'/%3E%3C/svg%3E"); } .included__not { --li-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E"); } /*Tour Book*/ .tour__book--card { padding:1rem 1.25rem; border:1px solid #eaeaea; border-radius: .5rem; } @media screen and (min-width: 450px) { .tour__book { max-width: 20.5rem; } } /*Reviews*/ .product .embla__config.section__reviews { margin-top:2rem; } .embla__config.section__reviews { --count:1.25; } @media (min-width: 676px) { .embla__config.section__reviews { --count: 3.15; --gap: .5rem; } } @media (min-width: 1155px) { .embla__config.section__reviews { --count: 5.15; --gap: .5rem; } } /*Featured tours*/ .section__reviews .reviews__award svg { color: #34E0A1; } .section__reviews .reviews__award span { color:var(--title-color); } .section__reviews .section__header { display:grid; gap:1.5rem; } .section__reviews .section__header .section__title { text-align: center; } .section__reviews .reviews__award { margin-bottom: 0; } @media screen and (min-width: 767px) { .section__featureds.--tours .embla__config { --count: 4; overflow:visible; } .section__featureds.--tours .embla { overflow: visible; } .section__featureds.--tours .tours__related { grid-template-columns: 1fr; } .section__featureds.--tours .tours__related h2 { font-size: calc(1.5 * var(--big-font-size)); text-align: right; } .section__featureds.--tours .featureds__header { display: flex; justify-content: space-between; align-items: flex-end; flex-direction: row-reverse; } /* Home Reviews*/ .section__reviews .section__title { font-size: calc(1.5 * var(--big-font-size)); } .section__reviews .section__header { display: flex; justify-content: space-between; align-items: center; } .section__reviews .section__header .section__title { font-size: calc(1.5 * var(--big-font-size)); text-align: initial; } .section__reviews .reviews__award { flex-direction: row-reverse; } .section__reviews .embla, .section__reviews .embla__config { overflow:visible; } } /**** Home Reviews ****/ .reviews__award { color: var(--body-color); display: flex; align-items: center; gap:1.5rem; justify-content: center; margin-bottom: 2.5rem; } .reviews__avatars { display: flex; } .reviews__avatars picture { border-radius: 50%; border: 3px solid var(--body-color); width: 2.5rem; aspect-ratio: 1; overflow: hidden; } .reviews__avatars picture:nth-child(n+2) { margin-left: -1.25rem; } .reviews__award--content { display:grid; gap:.45rem; } .reviews__award--content span { font-size: var(--smaller-font-size); line-height: 1.15; text-align: center; } @media screen and (min-width: 767px) { .billboard__reviews { position:absolute; bottom:0; right: 0; } .billboard__reviews .reviews__award { margin-bottom: 4rem; } } /* Related */ /* Embla Controls */ .featureds__header .embla__controls { position:absolute; bottom:.5rem; right:0; } .tours__related h2 { font-size:var(--big-font-size); margin:0; } .tours__related .button { width:fit-content; } .featureds__header { align-content: space-between; position:relative; } .featureds__header span { font-size:var(--small-font-size); } @media screen and (min-width: 767px) { .tours__related { grid-template-columns: 1fr 3fr; } .featureds__header .embla__controls { position:initial; } .featureds__header { padding-bottom:1.5rem; } .tours__related h2 { font-size: calc(var(--big-font-size) * 1.25); line-height: 1.35; } } @media (min-width: 650px) { .embla__config { --count: 2; } .embla.count-2:not(.embla--fade) .embla__button { opacity:0; visibility:hidden; pointer-events:none; } } @media (min-width: 1155px) { .embla__config { --count: 2.75; } .embla.count-3:not(.embla--fade) .embla__button { opacity:0; visibility:hidden; pointer-events:none; } } /******************************/ .list__audios { display: grid; gap: 1rem; height: 16rem; overflow: hidden auto; padding: 1.5rem 0; } .list__audios::-webkit-scrollbar { width: .35rem; height: .35rem; background-color: var(--scroll-bar-color); border-radius: .5rem; padding:1.5rem 0; } .list__audios li { display: grid; grid-template-columns: 3rem 1fr; gap: 1rem; margin-right: 1.5rem; cursor: pointer; } .list__audios li img { width:3rem; aspect-ratio:1; display:block; object-fit:cover; } .list__audios li .title { color:var(--text-color); display: -webkit-box; -webkit-line-clamp: 1; /* número de líneas */ -webkit-box-orient: vertical; overflow: hidden; } .list__audios li .description { display: -webkit-box; -webkit-line-clamp: 1; /* número de líneas */ -webkit-box-orient: vertical; overflow: hidden; font-size:var(--small-font-size); } .player__wrap { display:grid; gap: 3.5rem 7.5%; } .player__content { grid-row-start: 2; } @media screen and (min-width: 967px) { .player__wrap { grid-template-columns:3fr 2fr; align-items: center; } .player__content { grid-row-start: 1; grid-column-start: 1; } } .post-audio-featured { display:grid; gap:1.5rem; grid-template-columns: 8.5rem 1fr; } .post-audio-featured img { display:block; border-radius:0.5rem; width:100%; aspect-ratio:1; object-fit:cover; } .post-audio-featured h3 { text-wrap-style: balance; margin-bottom: .5rem; margin-top: .25rem; line-height: 1.625; height: 2lh; display: -webkit-box; -webkit-line-clamp: 2; /* número de líneas */ -webkit-box-orient: vertical; overflow: hidden; } .post-audio-featured P { display: -webkit-box; -webkit-line-clamp: 3; /* número de líneas */ -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 0; } .player__call { justify-items: center; text-align: center; display:grid; gap:1rem; display:contents } @media screen and (min-width: 967px) { .player__call { display:block; } } .player__call h2 { font-size: var(--h1-font-size); text-wrap-style: balance; margin-bottom: 1.5rem; } .player__call p { text-wrap-style: balance; } .player { display: grid; grid-template-columns: 4rem 1fr; align-items:center; border:1px solid #eaeaea; padding:.5rem; border-radius:.75rem; } .player__view { display:grid; grid-template-columns:5ch 1fr 5ch; gap:.5rem; text-align:center; align-items:center; } .player__action { width: 2.75rem; aspect-ratio: 1; background-color: var(--first-color); place-content: center; display: grid; color: var(--body-color); border-radius: 50%; margin: auto; cursor:pointer; } .player__waveform { height:50px; } .player__action svg { width: 1.875rem; aspect-ratio: 1; display: block; transform: translateX(2px); transition: .2s ease; } .player__action.playing svg { transform: translateX(0px); } .player__time { font-size: var(--small-font-size); } .list__audios--wrap { position:relative; } .list__audios--wrap:before, .list__audios--wrap:after { content: ""; position: absolute; width: calc(100% - 0.5rem); height: 1.5rem; z-index:1; } .list__audios--wrap:before { top: 0; background: linear-gradient(to bottom, var(--body-color) 0%, transparent 100%); } .list__audios--wrap:after { bottom: 0; background: linear-gradient(to top, var(--body-color) 0%, transparent 100%); opacity:0; } .post-image { position: relative; border-radius: .25rem; overflow: hidden; aspect-ratio:1; } .post-image-icon { position:absolute; inset:0; padding:1rem; opacity:0; background-color:var(--first-color); transition: .25s ease; } .list__audios li:hover .post-image-icon { opacity:1; } .list__audios li.active .post-image-icon{ opacity:0.7; } /************************/ .video__fill { position:relative; overflow:hidden; aspect-ratio:16/9; border-radius:0.125rem; } .video__fill .video { width: 100%; height:100%; display:block; background:transparent; position:relative; } .video__fill .fill { position:absolute; width:120%; top:50%; left:50%; transform:translate(-50%,-50%); filter:blur(40px); } .overlay { pointer-events: none; position: absolute; inset: 0%; } .play-button { z-index: 1; justify-content: center; align-items: center; display: flex; } .play-button-icon { -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); color: var(--color--white); background-color: #fff3; border-radius: 100rem; justify-content: center; align-items: center; width: 3rem; height: 3rem; padding: 1rem; transition: transform .45s cubic-bezier(.175,.885,.32,1.275); display: flex; transform: scale(0); } .play-button-icon.active { transform: scale(1); } .svg-icon { width: 100%; height: 100%; } .play-button-icon svg path { fill: var(--body-color); transform: translateX(1px); } .skip-link { display:none;} /****************** PAGE ABOUT ******************/ .hero__image { color: var(--body-color); text-align: center; position:relative; } .hero__image picture { position: absolute; inset: 0; } .hero__image picture img { height:100%; object-fit: cover; } .hero__image picture:after { --shadow-color: hsl(105deg 41% 5% / 85%); content: ""; inset: 0; position: absolute; width: 100%; background-image: linear-gradient(180deg, var(--shadow-color) 0%, transparent 75%), linear-gradient(0deg, var(--shadow-color) 0%, transparent 75%); top: 0; height: 100%; } .hero__image .content { position: relative; padding-top: var(--height-menu); height: 80vh; align-items: center; } .hero__image h1 { color: var(--body-color); margin: 0; font-size: calc(var(--big-font-size) * 1.2); line-height: 1.35; } .hero__image p { margin: 0; } .section__about-intro { text-align: center; } .section__about-intro .container { /* max-width: 60rem; */ } .section__about-intro h2 { font-size: var(--h1-font-size); margin-block-start: 0.83em; margin-block-end: 0.83em; } .section__about-intro p { text-wrap-style: balance; width:80%; margin:auto; } @media screen and (min-width: 676px) { .section__about-intro h2, .section__history h2, .section__licenses h2 { font-size: calc(1.5 * var(--big-font-size)); } } /****************** ******************/ /* About Gallery */ .section__gallery--about ul { margin:0; padding: 0; } .section__gallery--about .embla { overflow:initial; } .section__gallery--about .embla__slide img { aspect-ratio: 3/2; object-fit: cover; user-select:none; } .section__gallery--about .embla__viewport { display:grid; gap:1.5rem; } .section__gallery--about .embla__controls { justify-content: end; } @media (min-width: 1155px) { .section__gallery--about.embla__config { --count: 3; } } /* About History */ .section__history .section__header { text-align: center; } .section__history h2 { text-wrap-style: balance; } .section__history h3 { font-size:var(--h2-font-size); text-wrap-style: balance; text-align: center; margin: 1.5rem 0; } .section__history .container { max-width: 40.625rem; } .section__licenses { background-color: var(--title-color); margin-top:4rem; } .section__licenses h2 { margin-bottom:1.5rem; color:var(--body-color); } .section__licenses p { color:var(--text-color-light); } .licenses__images { margin:0 1.5rem; } .licenses__images .gallery__item { display: block; border-radius: .35rem; overflow: hidden; margin-bottom: 1.5rem } .licenses__images .gallery__item img { transition: transform .3s; display: block } .licenses__images .gallery__item:hover img { transform: scale(1.015) } .licenses__images .gallery__item:nth-child(n + 4) { display:none; } .licenses__images:has(.show) .gallery__item:nth-child(n + 4) { display:block; } .toggle__licenses { display: flex; justify-content: center; cursor:pointer; opacity:.5; transition:.3s ease; } .toggle__licenses:hover { opacity:1; } .licenses__images:has(.show) .toggle__licenses { display:none; } @media screen and (min-width: 650px) { .review__wrap { margin-bottom:3.5rem } .reviews__list .review:nth-child(odd) { margin-left: 7.5rem } .reviews__list .review:nth-child(2n) { margin-right: 7.5rem } .licenses__images { margin:0; } .licenses__images .lightbox { display: block; column-count: 2; column-gap: 1.5rem; } .licenses__images .gallery__item:nth-child(n + 4) { display:block; } .toggle__licenses { display: none; } } @media screen and (min-width: 967px) { .review__wrap { grid-template-columns:2fr 3fr } .reviews__description p { max-width: 18rem } .reviews__more { grid-column: 1/3 } .staff__wrap { grid-template-columns: 2fr 3fr; column-gap: 5rem; padding-bottom: 4rem } .staff__card:first-child { grid-column-start: 2 } .licenses__wrap { grid-template-columns: 2fr 3fr; column-gap: 5rem; padding-top: 1rem } .licenses__description { height: fit-content; position: sticky; top: calc(5rem + var(--menu-height)); margin-bottom: 2.5rem } .licenses__images { display: grid; place-content: end center } } /* GTRANSLATE */ .head__actions a.glink { text-decoration: none; color: var(--first-color); display: grid; grid-template-columns: 1.25rem 1.125rem; align-items: center; gap: 0.5rem; padding: 0.125rem 0.35rem; border: 1px solid currentColor; border-radius: .25rem; background-color: rgba(255,255,255,0.1); backdrop-filter: blur(4px); } .heroImage .head__actions a.glink { color:var(--first-color); } .head__actions a.glink.gt-current-lang{ display: none!important; } .head__actions a.glink span{ font-size: var(--normal-font-size)!important; font-weight: 500; margin:0; } a.glink img{ width:100%; border-radius:0.0625rem; } a.glink:hover img{ opacity:1; } font font{ background-color:transparent!important; box-shadow:none!important; position:initial!important } .VIpgJd-ZVi9od-aZ2wEe-wOHMyf-ti6hGc { display:none!important; } @media screen and (min-width: 967px) { .head__actions a.glink { grid-template-columns: 1rem 1.125rem; gap: 0.35rem; padding: 0; border: none; color:var(--body-color); background-color: transparent; backdrop-filter: none; color:var(--title-color); } .heroImage .head__actions a.glink { color:var(--body-color); } .head__actions a.glink span{ font-size: var(--small-font-size)!important; font-weight: 400; } } /*Finals*/ .products .post-5729 { display:none; }