* {
    padding: 0;
    margin: 0;
    text-decoration: none;
    list-style: none;
    box-sizing: border-box;
}
body {
    background: url('fondo.jpg') no-repeat center center fixed;
    background-size: cover;
    width: 100%;
    height: 100vh;
  padding-top: 80px; /* Ajusta según la altura del menú */
    font-family: 'Poppins', sans-serif;
    background: linear-gradient(to right, hsla(87, 100%, 28%, 0.67), hsla(41, 80%, 17%, 0.81))  ;
}
nav {
    background: rgba(57, 49, 5, 0.74);
    height: 80px;
    width: 100%;
    z-index: 9999; /* Valor alto para que esté por encima de todo */
    position: fixed; /* Fija el menú en la parte superior */
    top: 0;
    left: 0;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Sombra opcional para destacar */
}


.enlace {
    position: absolute;
    padding: 20px 50px;
      background: none !important; /* Asegurarte de que no hay fondo */
    border: none; /* Eliminar cualquier borde si existe */
    outline: none; /* Eliminar el contorno al hacer clic */
}

.logo {
     position: relative;
    top: -20PX;
    left: -18PX;
    height: 80px;
    width: auto; /* Para mantener las proporciones del logo */
        
    background: none !important; /* Asegurarte de que no hay fondo */
    border: none; /* Eliminar cualquier borde si existe */
    outline: none; /* Eliminar el contorno al hacer clic */
}


 

nav ul {
    float: right;
    margin-right: 20px;
}

nav ul li {
    display: inline-block;
    line-height: 80px;
    margin: 0 5px;
}

nav ul li a {
    color: #fffafa;
    font-size: 18px;
    padding: 7px 13px;
    border-radius: 3px;
    text-transform: uppercase;
}

li a.active, li a:hover {
    background: #acacac;
    transition: .5s;
}

.checkbtn {
    font-size: 30px;
    color: #ffffff;
    float: right;
    line-height: 80px;
    margin-right: 40px;
    cursor: pointer;
    display: none;
}

#check {
    display: none;
}

section {
    background: url(img/cuerpo4.webp) no-repeat;
    background-size: cover;
    background-position: center center;
    height: calc(105vh - 216px);
}
 

@media (max-width: 952px) {
    .enlace {
        padding-left: 20px;
          background: none !important; /* Asegurarte de que no hay fondo */
    border: none; /* Eliminar cualquier borde si existe */
    outline: none; /* Eliminar el contorno al hacer clic */
    }
    nav ul li a {
        font-size: 16px;
    }
}

@media (max-width: 931px) {
    .checkbtn {
        display: block;
    }
      ul {
         position: fixed;
        width: 100%;
        height: 100vh;
        background: rgb(0, 0, 0);
        top: 80px;
        left: -100%;
        text-align: center;
        transition: all .5s;
    }
    nav ul li {
        display: block;
        margin: 50px 0;
        line-height: 30px;
    }
    nav ul li a {
        font-size: 20px;
    }
    li a:hover, li a.active {
        background: none;
        color: red;
    }
    #check:checked ~ ul {
        left: 0;
    }
}