body {
    margin: 0;
    font-family: Arial;
    background: #f4f4f4;
    text-align: center;
}

 /* NAVBAR */
    nav{
        background:#0d0d0d;
        padding:15px;
        position:fixed;
        width:100%;
        top:0;
        z-index:1000;
    }

    nav ul{
        list-style:none;
        display:flex;
        justify-content:center;
        gap:30px;
        margin:0;
        padding:0;
    }

 nav ul{
    list-style:none;
    display:flex;
    justify-content:center;
    gap:25px;
}

/* LINKS NORMALES */
nav ul li a{
    text-decoration:none;
    font-weight:bold;
    color:white;
    transition:0.3s;
}

nav ul li a:hover{
    color:#FFDE42;
}

/* BOTÓN INICIAR SESIÓN */
.btn-iniciar{
    background-color:#FFDE42;
    color:black !important;
    padding:8px 15px;
    border-radius:10px;
    transition:0.3s;
}

.btn-iniciar:hover{
    background-color:#7a47aa;
    color:white !important;
}

/* HERO */
    .hero{
        height:105vh;
        background:url('https://media.revistagq.com/photos/63f3b1263401c20c849e46ad/master/pass/marcas%20de%20ropa%20deportiva%20hombre.jpeg') center/cover no-repeat;
        display:flex;
        align-items:center;
        justify-content:center;
        color:white;
        text-align:center;
    }

    .hero h1{
        font-size:60px;
     
        padding:20px;
        border-radius:10px;
    }
    
    /* CONTENIDO (Misión, Visión, Contacto) */
.contenido {
    max-width: 800px;
    margin: 50px auto; /* centra horizontalmente */
    padding: 30px;
    background-color: #ffffff;
    border-radius: 15px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
    text-align: center;
}

/* TEXTO */
.contenido p {
    font-size: 18px;
    line-height: 1.6;
    color: #333;
    margin-bottom: 15px;
}

/* PARA LOS TITULOS DENTRO SI USAS */
.contenido h2 {
    font-size: 28px;
    margin-bottom: 20px;
    color: #111;
}

/* EFECTO SUAVE AL PASAR EL MOUSE */
.contenido:hover {
    transform: scale(1.02);
    transition: 0.3s ease;
}

   /* FOOTER */
    footer{
        background:#0d0d0d;
        color:white;
        text-align:center;
        padding:20px;
    }