default

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Tour El Molinón - Vive la Experiencia</title>
    <style>
        body {
            font-family: Montserrat, sans-serif;
            margin: 0;
            padding: 0;
        }

        /* Estilo del header */
        .custom-header {
            position: relative; /* Para el posicionamiento del vinilado */
            width: 100%; /* Ancho completo */
            height: 70vh; /* Altura ajustada */
            background-image: url('https://statics-maker.llt-services.com/spo/images/2024/10/11/original/54f98a8c-cd07-4d8e-825e-e2a58262ee86-416.jpg'); /* URL de la imagen de fondo */
            background-size: cover; /* Asegura que cubra todo el área */
            background-position: center; /* Centra la imagen */
            display: flex; /* Usar flexbox para centrar el contenido */
            flex-direction: column; /* Dirección vertical */
            justify-content: center; /* Centrar verticalmente */
            align-items: center; /* Centrar horizontalmente */
            text-align: center; /* Centrar texto */
            color: white; /* Texto en color blanco */
        }

        /* Efecto de vinilado oscuro */
        .custom-header::before {
            content: ""; /* Necesario para crear el pseudo-elemento */
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: rgba(0, 0, 0, 0.5); /* Vinilado oscuro */
            z-index: 1; /* Asegura que esté detrás del texto */
        }

        .custom-header h1 {
            font-size: 2.5em; /* Tamaño del título */
            margin-bottom: 15px; /* Espacio debajo del título */
            position: relative; /* Para que el texto esté por encima del vinilado */
            z-index: 2; /* Asegura que el texto esté por encima */
        }

        .custom-header p {
            font-size: 1.1em; /* Tamaño del subtítulo */
            margin-bottom: 20px; /* Espacio debajo del subtítulo */
            position: relative; /* Para que el texto esté por encima del vinilado */
            z-index: 2; /* Asegura que el texto esté por encima */
        }

        .custom-header a {
            background-color: #E20019; /* Color del botón */
            color: white; /* Texto en blanco */
            padding: 10px 25px; /* Espaciado interior del botón */
            text-decoration: none; /* Sin subrayado */
            font-size: 1.1em; /* Tamaño del texto del botón */
            border-radius: 4px; /* Bordes ligeramente redondeados */
            display: inline-block; /* Asegura que el botón se vea correctamente */
            position: relative; /* Para que el texto esté por encima del vinilado */
            z-index: 2; /* Asegura que el texto del botón esté por encima */
        }

        .custom-header a:hover {
            background-color: #C10017; /* Cambio de color al pasar el ratón */
        }

        /* Estilo Responsive */
        @media (max-width: 768px) {
            .custom-header h1 {
                font-size: 2em; /* Tamaño más pequeño para móviles */
            }

            .custom-header p {
                font-size: 1em; /* Tamaño más pequeño para móviles */
            }

            .custom-header a {
                font-size: 1em; /* Tamaño del botón para móviles */
            }
        }
    </style>
</head>
<body>

    
    <div class="custom-header">
        <h1>Descubre el Tour Interactivo 'El Molinón'</h1>
        <p>Recorre el estadio más antiguo de España con nuestro tour interactivo.</p>
        <a href="https://bstadium.es/tours-originales/tour-interactivo-el-molinon-real-sporting-gijon/">Reserva tu entrada</a>
    </div>

</body>
</html>

Molinon Tour

Descubre el nuevo Tour Interactivo El Molinón y vive la historia del Real Sporting de Gijón con tecnología inmersiva. Acceso exclusivo a los vestuarios, el museo y más.