<!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">
    <title>Seminario Amazónico</title>

    <link rel="preconnect" href="https://fonts.bunny.net">
    <link href="https://fonts.bunny.net/css?family=instrument-sans:400,500,600" rel="stylesheet" />

    <?php if(file_exists(public_path('build/manifest.json')) || file_exists(public_path('hot'))): ?>
        <?php echo app('Illuminate\Foundation\Vite')(['resources/css/app.css', 'resources/js/app.js']); ?>
    <?php endif; ?>

    <style>
        .city-card {
            transition: all 0.3s ease;
            cursor: pointer;
            backdrop-filter: blur(6px);
            -webkit-backdrop-filter: blur(6px);
            background: rgba(255, 255, 255, 0.10);
            border: 1px solid rgba(255, 255, 255, 0.20);
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 0.75rem; /* móvil */
        }
        @media (min-width: 640px) { /* sm */
            .city-card { padding: 1rem; }
        }
        @media (min-width: 768px) { /* md */
            .city-card { padding: 1.25rem; }
        }

        .city-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.30), 0 10px 10px -5px rgba(0, 0, 0, 0.20);
            background: rgba(255, 255, 255, 0.20);
            border-color: rgba(249, 115, 22, 0.50);
        }

        .city-image {
            transition: all 0.3s ease;
            filter: drop-shadow(0 10px 8px rgb(0 0 0 / 0.30));
            max-width: 80%; /* móvil */
            height: auto;
        }
        @media (min-width: 768px) { /* md */
            .city-image { max-width: 70%; }
        }

        .city-card:hover .city-image {
            transform: scale(1.06);
            filter: drop-shadow(0 20px 13px rgb(0 0 0 / 0.40));
        }
    </style>
</head>

<body class="min-h-screen flex items-center justify-center p-4 sm:p-6 bg-cover bg-center relative"
      style="background-image:url('<?php echo e(asset('bg/paisaje.jpg')); ?>');">

    
    <div class="absolute inset-0 bg-black/55"></div>

    <main class="relative w-full max-w-5xl z-10">
        
        <div class="grid grid-cols-1 sm:grid-cols-2 gap-4 sm:gap-6 md:gap-8 px-2 sm:px-4">

            
            <?php if(Route::has('login')): ?>
            <a href="<?php echo e(route('login')); ?>?ciudad=pucallpa" class="block no-underline">
                <div class="city-card rounded-3xl">
                    <img
                        src="<?php echo e(asset('banners/pucallpa.png')); ?>"
                        alt="Pucallpa"
                        class="city-image object-contain w-40 h-40 sm:w-52 sm:h-52 md:w-64 md:h-64"
                        onerror="this.onerror=null; this.src='https://via.placeholder.com/256x256?text=PUCALLPA';"
                    >
                </div>
            </a>
            <?php endif; ?>

            
            <?php if(Route::has('login')): ?>
            <a href="<?php echo e(route('login')); ?>?ciudad=iquitos" class="block no-underline">
                <div class="city-card rounded-3xl">
                    <img
                        src="<?php echo e(asset('banners/iquitos.png')); ?>"
                        alt="Iquitos"
                        class="city-image object-contain w-40 h-40 sm:w-52 sm:h-52 md:w-64 md:h-64"
                        onerror="this.onerror=null; this.src='https://via.placeholder.com/256x256?text=IQUITOS';"
                    >
                </div>
            </a>
            <?php endif; ?>

        </div>
    </main>
</body>
</html><?php /**PATH /home/seminari/public_html/seminario/resources/views/welcome.blade.php ENDPATH**/ ?>