<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/lightgallery/1.6.11/css/lightgallery.css"/>

<style>
    :root {
        --azul-1: #1a73e8;
    }
</style>

<!-- STYLE -->
{{ assets({files: [
    '@public/assets/css/jquery-ui.min.css',
    'assets/css/bootstrap.min.css',
    'assets/css/all.min.css',
    'assets/css/bootstrap-select.min.css',
    'assets/css/ion.rangeSlider.min.css',
    'assets/css/aereo.css',
    'assets/css/styles.css',
    'assets/css/custom.css',
    'assets/css/animate.min.css'
], name: 'styles.css'}) }}

<style type="text/css">
    [data-b2c-preloader] {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        height: 200px;
    }

    .b2c-preloader {
        line-height: 50px;
        text-align: center;
        color: white;
        position: relative;
    }

    [data-b2c-reserva-preloader] {
        position: relative;
        width: 100%;
    }

    .b2c-preloader.bp-reservas {
        width: 200px;
        height: 50px;
        line-height: 50px;
        color: white;
        position: relative;
    }

    .b2c-preloader .b2c-preloader-point {
        display: inline-block;
        width: 25px;
        height: 25px;
        border-radius: 90%;
        margin-bottom: 10px;
        margin-top: 26px;
        background: var(--azul-1);
    }

    .b2c-preloader .b2c-preloader-point:nth-last-child(1) {
        animation: loadingPoints .6s .1s linear infinite;
    }

    .b2c-preloader .b2c-preloader-point:nth-last-child(2) {
        animation: loadingPoints .6s .2s linear infinite;
    }

    .b2c-preloader .b2c-preloader-point:nth-last-child(3) {
        animation: loadingPoints .6s .3s linear infinite;
    }

    .l-3 {
        animation-delay: .72s;
    }

    @keyframes loadingPoints {
        0% {
            transform: translate(0, 0);
        }
        50% {
            transform: translate(0, 15px);
        }
        100% {
            transform: translate(0, 0);
        }
    }

    .border-bottom-azul-1 {
        border-bottom: 3px solid var(--azul-1) !important;
    }

    {{ customCss() }}

    .page-checkout .box:not(.box-sidebar) .form-check {
        border: none;
        margin-top: 0;
    }

    .page-checkout .form-check-input {
        margin-top: 0;
    }
</style>

{{ assets({files: [
    '@public/assets/js/jquery.min.js'
], name: 'j.js'}) }}


{% if getJsScripts().GoogleTagManager.stAtivo == true %}
    <!-- Google Tag Manager -->
    <script type="text/javascript">
        (function (w, d, s, l, i) {
            w[l] = w[l] || [];
            w[l].push({
                'gtm.start':
                        new Date().getTime(), event: 'gtm.js'
            });
            var f = d.getElementsByTagName(s)[0],
                    j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : '';
            j.async = true;
            j.src =
                    'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
            f.parentNode.insertBefore(j, f);
        })(window, document, 'script', 'dataLayer', '{{ getJsScripts().GoogleTagManager.userId }}');
    </script>
    <!-- End Google Tag Manager -->
{% endif %}


{% if getJsScripts().GoogleAds.stAtivo == true %}

    <script async src="https://www.googletagmanager.com/gtag/js?id={{ getJsScripts().GoogleAds.userId }}"></script>
    <script>
        window.dataLayer = window.dataLayer || [];

        function gtag() {
            dataLayer.push(arguments);
        }

        gtag('js', new Date());

        gtag('config', '{{ getJsScripts().GoogleAds.userId }}');
    </script>
    <!-- End Google ADS  -->
{% endif %}

{% if getJsScripts().GoogleGTag.stAtivo == true and getJsScripts().GoogleGTag.userId is not empty %}

    <script async src="https://www.googletagmanager.com/gtag/js?id={{ getJsScripts().GoogleGTag.userId }}"></script>
    <script>
        window.dataLayer = window.dataLayer || [];

        function gtag() {
            dataLayer.push(arguments);
        }

        gtag('js', new Date());

        gtag('config', '{{ getJsScripts().GoogleGTag.userId }}');
    </script>
    <!-- End Google ADS  -->
{% endif %}


{% if getJsScripts().GoogleAnalytics.stAtivo == true %}
    <!-- Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id={{ getJsScripts().GoogleAnalytics.userId }}"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());

        gtag('config', '{{ getJsScripts().GoogleAnalytics.userId }}');
    </script>
    <!-- End Google Analytics -->
{% endif %}

{% if getJsScripts().OracleMaxymiser.stAtivo == true %}
    <!-- Oracle Maxymiser -->
    <script type="text/javascript" src="{{ getJsScripts().OracleMaxymiser.url }}"></script>
    <script>
        if (!window.dataLayer) {
            window.dataLayer = [];
        }
    </script>
    <!-- End Oracle Maxymiser -->
{% endif %}

