<!DOCTYPE html>

<html lang="es">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Sky Craft Innovations | Modelos RC a Escala</title>

    <style>

        /* Reset y Estilos Base */

        * {

            margin: 0;

            padding: 0;

            box-sizing: border-box;

            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;

        }

        body {

            background-color: #f4f7f6;

            color: #333;

            line-height: 1.6;

        }

        /* Encabezado */

        header {

            background-color: #0b2e59; /* Azul oscuro aviación */

            padding: 15px 40px;

            display: flex;

            justify-content: space-between;

            align-items: center;

            box-shadow: 0 4px 6px rgba(0,0,0,0.1);

        }

        header .logo {

            color: #fff;

            font-size: 1.5rem;

            font-weight: bold;

            letter-spacing: 1px;

        }

        header .logo span {

            color: #00a8ff; /* Azul cielo */

        }

        /* Sección Hero (Portada) */

        .hero {

            background: linear-gradient(rgba(11, 46, 89, 0.8), rgba(11, 46, 89, 0.8)), url('https://images.unsplash.com/photo-1527977966376-1c8408f9f108?q=80&w=1600') no-repeat center center/cover;

            height: 70vh;

            display: flex;

            flex-direction: column;

            justify-content: center;

            align-items: center;

            text-align: center;

            padding: 0 20px;

            color: #fff;

        }

        .hero h1 {

            font-size: 3.5rem;

            margin-bottom: 15px;

            text-shadow: 2px 2px 4px rgba(0,0,0,0.5);

        }

        .hero p {

            font-size: 1.3rem;

            max-width: 700px;

            margin-bottom: 30px;

        }

        .btn {

            background-color: #ff6b6b; /* Naranja/Rojo aviación */

            color: #fff;

            padding: 14px 35px;

            text-decoration: none;

            border-radius: 30px;

            font-weight: bold;

            font-size: 1.1rem;

            transition: background 0.3s, transform 0.2s;

        }

        .btn:hover {

            background-color: #e55a5a;

            transform: scale(1.05);

        }

        /* Sección de Productos */

        .products {

            padding: 80px 20px;

            text-align: center;

            max-width: 1200px;

            margin: 0 auto;

        }

        .products h2 {

            font-size: 2.5rem;

            color: #0b2e59;

            margin-bottom: 40px;

        }

        .grid {

            display: grid;

            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));

            gap: 30px;

        }

        .card {

            background: #fff;

            padding: 30px;

            border-radius: 10px;

            box-shadow: 0 5px 15px rgba(0,0,0,0.05);

            transition: transform 0.3s;

        }

        .card:hover {

            transform: translateY(-10px);

        }

        .card h3 {

            color: #00a8ff;

            margin-bottom: 15px;

            font-size: 1.5rem;

        }

        .card p {

            color: #666;

        }

        /* Pie de Página */

        footer {

            background-color: #0b2e59;

            color: #fff;

            text-align: center;

            padding: 30px 20px;

            margin-top: 40px;

            border-top: 4px solid #00a8ff;

        }

        footer p {

            margin-bottom: 8px;

        }

        .verification {

            color: #a0c4e8;

            font-size: 0.85rem;

            margin-top: 15px;

            font-style: italic;

        }

    </style>

</head>

<body>

    <!-- Encabezado -->

    <header>

        <div class="logo">Sky Craft <span>Innovations</span></div>

    </header>

    <!-- Sección Principal -->

    <section class="hero">

        <h1>Sky Craft Innovations</h1>

        <p>Creación y venta de modelos a escala RC de aviones. Precisión en miniatura, pasión por volar.</p>

        <a href="#catalogo" class="btn">Explorar Catálogo</a>

    </section>

    <!-- Sección de Productos -->

    <section class="products" id="catalogo">

        <h2>Nuestros Modelos</h2>

        <div class="grid">

            <div class="card">

                <h3>Cazas Históricos</h3>

                <p>Réplicas exactas de aviones de combate clásicos, diseñados para el coleccionista exigente y el piloto experimentado.</p>

            </div>

            <div class="card">

                <h3>Aviación Comercial</h3>

                <p>Modelos a escala de aviones de pasajeros. Detalles increíbles y sistemas de vuelo estables para exhibición o vuelo.</p>

            </div>

            <div class="card">

                <h3>Acrobáticos 3D</h3>

                <p>Aeronaves ligeras y potentes, perfectas para maniobras acrobáticas y vuelo 3D. Máximo rendimiento en el aire.</p>

            </div>

        </div>

    </section>

    <!-- Pie de Página con datos del proyecto -->

    <footer>

        <p>&copy; 2026 Sky Craft Innovations. Todos los derechos reservados.</p>

        <p><strong>Proyecto DNS Autoritativo y HTTPS</strong></p>

        <p>Estudiante: Sergio Leonel Santos Ruano</p>

        <p>Carnet: [TU_NÚMERO_DE_CARNET]</p>

        <p class="verification">Marca de verificación: DNS-SERGIO-2026-001</p>

    </footer>

</body>

</html>