EVOLUTION-MANAGER

Edit File: 6c53e9917c99788f769b6b16055576edef0a1ccc.php

<!DOCTYPE html>
<html lang="<?php echo e(str_replace('_', '-', app()->getLocale())); ?>">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

<meta name="csrf-token" content="<?php echo e(csrf_token()); ?>">

<title><?php echo e(config('app.name', 'Turismo Sucre')); ?></title>
    <link rel="icon" href="<?php echo e(route_public('pagina/img/iconos/varios/icono.webp')); ?>" type="image/x-icon">

<script src="<?php echo e(route_public('/js/app.js')); ?>" defer></script>

<link rel="dns-prefetch" href="//fonts.gstatic.com">
    <link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">

<link href="<?php echo e(route_public('/css/app.css')); ?>" rel="stylesheet">
    <link href="<?php echo e(route_public('/pagina/css/inicio.css')); ?>" rel="stylesheet">
    <link rel="stylesheet" href="<?php echo e(route_public('admin/plugins/fontawesome-free/css/all.min.css')); ?>">

<?php echo $__env->yieldContent('style'); ?>
    
    
    <style>

body{
            min-height: 100vh;
        }

.a_btn{
            display: flex;
            background-color: #0c73b4;
            border: 3px solid #0c73b4;
            color: #ffff;
            text-decoration: none;
            padding: 2px 16px;
            font-size: 18px;
            font-weight: 700;
            border-radius: 5px;
            float: right;
            box-shadow: 0px 0px 9px 1px rgb(8 99 185 / 45%);
            -webkit-box-shadow: 0px 0px 3px 1px rgb(8 99 185 / 45%);
            -moz-box-shadow: 0px 0px 9px 1px rgb(8 99 185 / 45%);
        }
        .a_btn i{
            font-size: 30px;
            padding-left: 5px;
        }
        .a_btn:hover{
            background-color: rgb(18, 144, 223);
            color: #ffff !important;
            text-decoration: none;
        }

.content_subtitulo{
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            gap: 0rem 1.5rem;
            width: 100%;
        }
        .content_subtitulo h1 a, .content_subtitulo h1{
            color: #0c73b4;
            font-size: 3.2rem;
            margin: 0;
            font-weight: 500;
            line-height: 1.2;          
        }
        .content_subtitulo i{            
            font-size: 2.5rem;           
        }
        .content_subtitulo h2:nth-of-type(1) i{
            color: #0c73b4;
        }
        .content_subtitulo h2:nth-of-type(2) i{
            color: #54ab15;
        }
        .content_subtitulo h2, .content_subtitulo h3, .content_subtitulo a{
            color: #2cabe3;
            margin: 0;
            display: flex;
            align-items: center;
            gap: 10px;
            font-weight: 500;
        }
        .content_subtitulo h2.l1 a, .content_subtitulo h3.l1 a, .content_subtitulo h2.l2 a, .content_subtitulo h3.l2 a{
            font-weight: 500;
        }
        .content_subtitulo a{
            font-weight: 400;
        }

@media  only screen and (min-width: 942px) and (max-width: 1200px){ /*GRANDE*/
            .content_subtitulo *{ font-size: 1.5rem !important; }
        }
        @media  only screen and (min-width: 768px) and (max-width: 941px){ /*MEDIANO*/
            .content_subtitulo *{ font-size: 1.1rem !important; }
        }
        @media (max-width: 767px){ /*PEQUEÑO*/
            .content_subtitulo *{ font-size: 1.1rem !important; }
        }
        @media (max-width: 667px){ /*PEQUEÑO 2*/
            .content_subtitulo *{ font-size: 1.1rem !important; }
        }
        @media (max-width: 414px){ /*MOBILE*/
            .content_subtitulo *{ font-size: 1.1rem !important; }
        }

</style>

/* estilos para modal ver todo */

.carrousel_modal{
            display: none;
            position: fixed;
            z-index: 99999;
            padding-top: 100px;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            overflow: auto;
            background-color: rgb(0,0,0);
            background-color: rgba(0,0,0,0.9);
            user-select: none;
        }
        .carrousel_modal_content {
            margin: auto;
            display: block;
            width: 80%;
            max-width: 800px;
        }
        @-webkit-keyframes zoom {
            from {-webkit-transform:scale(0)} 
            to {-webkit-transform:scale(1)}
        }
        @keyframes  zoom {
            from {transform:scale(0)} 
            to {transform:scale(1)}
        }
        .carrousel_close {
            position: absolute;
            top: 15px;
            right: 35px;
            color: #f1f1f1;
            font-size: 40px;
            font-weight: bold;
            transition: 0.3s;
        }
        .carrousel_close:hover,
        .carrousel_close:focus {
            color: #bbb;
            text-decoration: none;
            cursor: pointer;
        }
        @media  only screen and (max-width: 700px){
            .carrousel_modal_content {
                width: 100%;
            }
        }

</style>

font-weight: 500 !important;
            font-family: system-ui;
            text-transform: uppercase;
            font-size: 14px;

line-height: 1;
            height: 100%;
            display: flex;
            align-items: center;
            text-align: center;
        }
        .ul_nav li:hover{
            background-color: #dcf4ff;
        }
        .li_active{
            /* background-color: #ffff; */
            background-color: #f8fafc;
        }
        .li_active a{
            color: #0c6ba7 !important;
        }
        .ul_nav li:hover a{
            color: #0c73b4 !important;
            text-decoration: none;
        }
        
        @media  only screen and (min-width: 942px) and (max-width: 1200px){
            .nav_top_img{
                height: 20px;
            }
            .nav_a{
                font-size: 11px;
            }
            .navbar_tur .logo{
                width: 120px;
                margin: 5px 5px 5px 25px;
            }
            .container{
                display: contents !important;
            }
        }

@media  only screen and (min-width: 768px) and (max-width: 941px){
            .nav_top_img{
                height: 10px;
            }
            .nav_a{
                font-size: 10px;
                padding: 5px;
            }
            .navbar_tur .logo{
                width: 100px;
                margin: 5px 5px 5px 10px;
            }
            .container{
                display: contents !important;
            }
        }

@media (max-width: 767px){ /*mobile*/
            .nav_contenedor{
                display: flex;
                flex-wrap: wrap;
                justify-content: space-between;
                align-items: center;
                max-width: 540px;
                width: 100%;
                margin-right: auto;
                margin-left: auto;
                padding-right: 0;
                padding-left: 0;
            }
            .nav_top_img{
                height: 0px;
            }
            .ul_nav{
                width: inherit;
                margin-bottom: 20px;
                background-color: #0097d9;
                border-radius: 5px;
                padding: 10px;
            }
            .navbar_tur{
                line-height: 40px;
            }
            .ul_nav_hide{
                display: none;
            }
            .navbar_tur .logo {
                margin-left: 20px;
            }
            .navbar-light .navbar-toggler {
                margin-right: 10px;
            }
        }

</style>

@media  only screen and (min-width: 942px) and (max-width: 1200px){

}
        @media  only screen and (min-width: 768px) and (max-width: 941px){
            .span_t1{font-size: 45px;}
            .span_t1n{font-size: 45px;}
            .span_t3{font-size: 30px;}
            .span_t3n{font-size: 30px;}
            .contenido img {width: 80px;}
        }
        @media (max-width: 767px){ /*mobile*/
            .titulo_seccion{
                margin: 50px 10px 50px 10px;
            }
            .span_t1{font-size: 35px;}
            .span_t1n{font-size: 35px;}
            .span_t3{font-size: 20px;}
            .span_t3n{font-size: 20px;}
            .contenido img {width: 70px;}
            .linea_horizontal{ border-top: 1px solid #0c73b4;}
            .mobil_none{
                display: none;
            }
        }
        @media (max-width: 414px){
            .pequenio_none{
                display: none;
            }
        }
    </style>

#app{
            min-height: 100vh;
        }

.footer-image-container img {
            width: 100%;
            height: auto;
        }
        @media (max-width: 768px) {
            .footer-image-container {
                overflow: hidden;
                position: relative;
                height: 50vh;
            }

.footer-image-container img {
                width: 100%;
                height: auto; 
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%) scale(2.7);
            }
        }
    </style>

<style>

.div_cargando{
            border-radius: .25rem;
            -ms-flex-align: center;
            align-items: center;
            background-color: rgba(255, 255, 255, .7);
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: center;
            justify-content: center;
            height: 100%;
            left: 0;
            position: absolute;
            top: 0;
            width: 100%;
            z-index: 50;
        }

</style>

</head>
<body>
    <input type="hidden" id="ruta_proyecto" value="<?php echo e(asset(route_public(""))); ?>">

</div>
        <nav class="navbar navbar-expand-md navbar-light navbar_tur">
            <div class="nav_contenedor">
            
                <a class="navbar-brand" href="<?php echo e(url('/')); ?>">
                    <img class="logo" src="<?php echo e(route_public('/pagina/img/iconos/inicio/logi-menu.png')); ?>" alt="logo turismo sucre">
                </a>
                <button id="bnt_nav" class="navbar-toggler" type="button" style="border-width: 0px;">
                    <i class="fa fa-bars" style="color: #ffff; font-size: 32px;"></i>
                </button>

<ul class="navbar-nav ml-auto ul_nav ul_nav_hide">

<?php $url_antes = asset(""); ?>
                    <?php if(isset($inicio)): ?>
                        <?php $url_antes = ""; ?>                    
                    <?php endif; ?>

<li class="nav-item"><a class="nav_a" href="<?php echo e($url_antes); ?>#section_inicio">Inicio</a></li>
                    <li class="nav-item"><a class="nav_a" href="<?php echo e($url_antes); ?>#section_comollegar">C&oacute;mo llegar</a></li>
                    <li class="nav-item"><a class="nav_a" href="<?php echo e($url_antes); ?>#section_servicios">Servicios</a></li>
                    <li class="nav-item"><a class="nav_a" href="<?php echo e($url_antes); ?>#section_inventario_atractivos">Inventario de atractivos</a></li>
                    <li class="nav-item"><a class="nav_a" href="<?php echo e($url_antes); ?>#section_rutas_turisticas">Ruta Tur&iacute;stica</a></li>
                    <li class="nav-item"><a class="nav_a" href="<?php echo e($url_antes); ?>#section_cultura">Cultura</a></li>
                    <li class="nav-item"><a class="nav_a" href="<?php echo e($url_antes); ?>#section_galeria">Galeria</a></li>
                    <li class="nav-item"><a class="nav_a" href="<?php echo e($url_antes); ?>#section_boletin_turistico">Bolet&iacute;n tir&iacute;stico</a></li>
                    <li class="nav-item"><a class="nav_a" href="<?php echo e($url_antes); ?>#section_contactanos">Contactos</a></li>

</ul>
         
            </div>
        </nav>
        <div id="div_space_top"></div>

<main>
            <div class="overlay div_cargando" style="display: none;">
                <div class="spinner-grow"></div>
                <div class="spinner-grow"></div>
                <div class="spinner-grow"></div>
            </div>
            <?php echo $__env->yieldContent('content'); ?>
        </main>

<?php if(isset($inicio)): ?>
        <?php else: ?>
            <a href="<?php echo e(asset('')); ?>" class="btn_home"><i class="fa fa-home"></i></a>
        <?php endif; ?>

<footer>
            <div class="footer-image-container">
                <img id="img_footer" src="<?php echo e(route_public('/pagina/img/inicio/footer.png')); ?>" alt="Descripción de la imagen">
            </div>
        </footer>

<?php echo $__env->yieldContent('script'); ?>

window.addEventListener("scroll", function(){
                detectar_seccion_menu();
            });
            function detectar_seccion_menu(){
                var scrollPosition = window.scrollY || window.pageYOffset;
                var altoPantalla = $(window).height();
                var centroPantalla = scrollPosition+(altoPantalla/4);
                $(".li_active").removeClass("li_active");

var navLinks = $("section").map(function(){
                    var idseccion = this.id;
                    var startPosition = $(this).offset().top-$(".navbar-brand").height()-40; // Posición superior del elemento
                    var endPosition = startPosition + $(this).outerHeight(); // Posición final del elemento
                    return {id: idseccion, start: startPosition, end: endPosition}; 
                }).get();

navLinks.forEach(seccion => {                    
                    if(centroPantalla >= seccion.start && centroPantalla<= seccion.end){
                        var a_menu = $(`a[href='<?php echo e($url_antes); ?>#${seccion.id}']`);
                        if(a_menu.length>0){
                            var li_menu = $(a_menu).parent("li");
                            if(li_menu.length>0){
                                $(li_menu).addClass("li_active");
                            }
                        }
                    }                    
                });
            }
                        
            $(document).ready(function(){

posicionar_redes();
                detectar_seccion_menu();
                ajustar_footer();
                ajustar_nav_scroll();

$("#bnt_nav").click(function(e){
                    if($(".ul_nav").is(":visible")){
                        $(".ul_nav").addClass("ul_nav_hide");
                    }else{
                        $(".ul_nav").removeClass("ul_nav_hide");
                    }
                });

$(window).scroll(function(e) {                
                    ajustar_nav_scroll();
                });

$(window).resize(function() {
                    posicionar_redes();
                });

function posicionar_redes(){
                    // centrar iconos redes sociales
                    var alto_redes = $(".content_redes").height();
                    var alto_windo = $(window).height();
                    var alto = (alto_windo/2)-(alto_redes/2);
                    $(".content_redes").css("top",alto);
                }

});

//estilos footer
            window.addEventListener('resize', function() {
                ajustar_footer();
            });

function ajustar_footer(){
                footer = document.getElementsByTagName("footer")[0];
                footer_img = footer.querySelector("img");
                alto_img = footer_img.getBoundingClientRect().height-12;
                footer_div = footer.getElementsByClassName("footer-image-container")[0];
                footer_div.style.height = alto_img+"px";
            }

</script>

document.addEventListener('DOMContentLoaded', function(){

var carrou_modal = document.getElementById("carrouselMyModal");
                var carrou_modalImg = document.getElementById("carrousel_img01");
                var carrousel_close = document.getElementsByClassName("carrousel_close")[0];
                
                if(carrousel_close){
                    carrousel_close.onclick = function() { 
                        carrou_modal.style.display = "none";
                    }
                }

var carrousel_img = document.querySelectorAll(".carrousel_img");
                carrousel_img.forEach(carrou_img => {                    
                    carrou_img.addEventListener('click', function() {
                        carrou_modal.style.display = "block";
                        carrou_modalImg.src = this.src;
                    });
                });

});

</script>

</div>

</body>
</html>
<?php /**PATH /home/sucre/public_html/turismo.sucre.gob.ec/resources/views/pagina/master.blade.php ENDPATH**/ ?>