<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
    <title>FactureroEC</title>
    <!-- Font Awesome -->
    <link rel="stylesheet" href=" {{ asset("css/font-awesome.min.css") }}">
    <script src="https://www.google.com/recaptcha/enterprise.js" async defer></script>
    <style>#loader {
            transition: all .3s ease-in-out;
            opacity: 1;
            visibility: visible;
            position: fixed;
            height: 100vh;
            width: 100%;
            background: #fff;
            z-index: 90000
        }

        #loader.fadeOut {
            opacity: 0;
            visibility: hidden
        }

        .spinner {
            width: 40px;
            height: 40px;
            position: absolute;
            top: calc(50% - 20px);
            left: calc(50% - 20px);
            background-color: #333;
            border-radius: 100%;
            -webkit-animation: sk-scaleout 1s infinite ease-in-out;
            animation: sk-scaleout 1s infinite ease-in-out
        }

        @-webkit-keyframes sk-scaleout {
            0% {
                -webkit-transform: scale(0)
            }
            100% {
                -webkit-transform: scale(1);
                opacity: 0
            }
        }

        @keyframes sk-scaleout {
            0% {
                -webkit-transform: scale(0);
                transform: scale(0)
            }
            100% {
                -webkit-transform: scale(1);
                transform: scale(1);
                opacity: 0
            }
        }</style>
    <link href="{{ asset("css/shara.css") }}" rel="stylesheet">
</head>
<body class="app">
<div id="loader">
    <div class="spinner"></div>
</div>
<script>window.addEventListener('load', () => {
        const loader = document.getElementById('loader');
        setTimeout(() => {
            loader.classList.add('fadeOut');
        }, 300);
    });</script>


<div class="peers ai-s fxw-nw h-100vh">


    <div class="peer peer-greed h-100 pos-r bgr-n bgpX-c bgpY-c bgsz-cv"
            {# style="background-image:url({{ asset("assets/static/images/bg3.jpg)") }}"> #}
         style="background-image:url({{ logoportada }}">
    </div>


    {% block body %}
    {% endblock %}
</div>

<script type="text/javascript" src="{{ asset("js/vendor.js") }}" defer></script>
<script type="text/javascript" src="{{ asset("js/bundle.js") }}" defer></script>
{% block javascripts %}{% endblock %}
</body>
</html>
