.nav-link{
    color: black;
    font-size: 4vh;
    z-index: 15;
}

.nav-link:hover {
    color: black;
}

a {
    color: black;
    text-decoration: none;
}
/* Elimina márgenes y padding en el body y html */
html, body {
    margin: 0;
    padding: 0;
    overflow-x: hidden; /* Evita el desbordamiento horizontal */
}

/* Estilo para el header con fondo de imagen */
#header {
    color: white; /* Color blanco para el texto en el header */
}

#header ul {
    font-weight: 900;
}

#header img {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100vw; /* Ancho completo de la pantalla */
    height: 100vh; /* Alto completo de la pantalla */
    z-index: -1;  
}

#header div {
    margin-top: 75vh;
    margin-bottom: 5vh;
    font-size: 10vh;
    color: rgb(85, 85, 85);
}

/* Asegurar que la navegación dentro del header tenga fondo transparente */
header {
    background-color: transparent;
    position: sticky;
    top: 0px;
    z-index: 1;
}

/* Asegura que los contenedores ocupen todo el espacio disponible */
.container {
    max-width: 100%; /* Evita que los contenedores tengan un ancho máximo */
    padding: 0; /* Elimina el padding adicional */
}
/* Elimina el padding y margen de todos los elementos dentro de los divs */
section {
    background-color: white;
    padding: 0;
    border: 0;
    width: 100%; /* Ocupa el 100% del ancho disponible */
}



h2 {
    font-size: 10vh;
    font-weight: bold;
    color: grey;
    padding: 1vh;
    justify-self: center;
}

/* INTRODUCCIÓN */ 

#info {
    text-align: center;
}

#info p {
    font-size: 20px;
    padding-left: 15vh;
    padding-right: 15vh;
}

/* CATEGORÍAS */
 h3 {
    font-size: 10vh;
    font-weight: bold;
    color: grey;
    justify-self: center;
}
 h4 {
    font-size: 30px;
    justify-self: center;
}
#categorias > div {
    font-size: 30px;
    padding: 10vh;
    text-align: center;
}

#categorias ul {
    font-size: 30px;
}

/* BRIEF */

#brief table{
    text-align: center;
    color: grey;
}

#brief table thead {
    font-size: 5vh;
    font-weight: bold;
}
#brief table tbody {
    font-size: 3vh;
}

#brief img {
    width: 10vh;
    height: 10vh;
}
#brief a {
    color: grey;
}

/* ENDING */

#ending > h3 {
    font-size: 10vh;
    font-weight: bold;
    color: grey;
    padding: 1vh;
    justify-self: center;
}
#ending > h4 {
    font-size: 30px;
    padding: 1vh;
    justify-self: center;
}

#ending > div .nav-link {
    font-size: 30px;
    color: rgb(85, 85, 85);
}

#ending ul {
    font-size: 30px;
}

#ending ul {
    margin-top: 20vh;
}

#lardedomingocarousel {
    align-items: center;
}

#lardedomingocarousel img {
    height: 80vh;
}

#info, #categorias, #brief, #ending {
    padding-top: 30vh;
    padding-left: 10vh;
    padding-right: 10vh;
    align-items: center;
}

#patrocinadores {
    padding: 10vh;
    align-items: center;
}

#patrocinadores img {
    width: 15vh;
    height: 15vh;
}

#foto img{
    position: absolute;
    width: 100vw; /* Ancho completo de la pantalla */
    height: 100vh; /* Alto completo de la pantalla */
    z-index: -1;  
}


@font-face {
    font-family: 'Times Now';
    src: url(../fonts/times-now-light.otf);
  }

* {
 font-family: 'Times now';
}