.fondoInicial {
    position: relative;
    height: 100vh; /* altura de la sección */
    overflow: hidden; /* ocultamos el video cuando se desplaza hacia abajo */
  }

#textoPortada {
  color:lightblue;
}
  
.videoFondo {
    filter: brightness(0.5);
  }

  
  .fondoInicial video {
    position: fixed; /* el video se queda quieto mientras se desplaza */
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh; /* altura del video igual a la altura de la sección */
    object-fit: cover;
    z-index: -1; /* el video está detrás del contenido */
  }
  
  .contenidoInicial {
    position: relative;
    color: black;
    font-size: 2rem;
    z-index: 1; /* el contenido está por encima del video */
    padding: 20px;
    text-align: center;
    height: 100vh;
  }

  .contenidoPortada {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    background-color: #021545; /* fondo de color */
    min-height: 100vh;
    padding: 20px;
}

.contenidoInicial, .contenidoPortada {
    opacity: 0;
    transform: scale(0.5);
    animation: entrada 1s forwards;
  }
  
  @keyframes entrada {
    0% {
      opacity: 0;
      transform: scale(0.5);
    }
    100% {
      opacity: 1;
      transform: scale(1);
    }
  }

.contenidoPortada img {
    max-height: 600px; /* ancho máximo para la imagen */
    width: auto;
    margin: 0 20px; /* margen para separar la imagen del botón */
}

/* Sección de Noticias */
.seccionNoticias {
  background-color: #021545;
  padding: 40px 20px;
  text-align: center;
}

.seccionNoticias h2 {
  font-family: 'Montserrat', sans-serif;
  font-size: 28px;
  color: white;
  margin-bottom: 30px;
  text-transform: uppercase;
}

/* Grid de dos columnas */
.gridNoticias {
  display: grid;
  grid-template-columns: 1fr 1fr; /* Dos columnas iguales */
  gap: 30px; /* Espaciado entre columnas */
  max-width: 1200px;
  margin: 0 auto;
  align-items: start; /* Alinea los elementos al inicio de la columna */
}

/* Columna de Instagram */
.columnaInstagram {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}

.columnaInstagram h3 {
  font-family: 'Montserrat', sans-serif;
  font-size: 20px;
  color: white;
  margin-bottom: 20px;
  text-transform: uppercase;
  width: 100%;
}

.instagram-container {
  display: flex;
  justify-content: center;
  width: 100%;
  min-height: 400px; /* Asegura una altura mínima */
}

.instagram-container iframe {
  max-width: 100%;
  width: 100%;
  height: auto;
  min-height: 392px; /* Altura mínima del iframe */
}

/* Columna de Resultados */
.columnaResultados {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}

.columnaResultados h3 {
  font-family: 'Montserrat', sans-serif;
  font-size: 20px;
  color: white;
  margin-bottom: 20px;
  text-transform: uppercase;
  width: 100%;
}

.tabla-resultados-container {
  width: 100%;
  overflow-x: auto; /* Para pantallas pequeñas */
}

/* Estilos de la tabla de resultados */
.tabla-resultados {
  width: 100%;
  border-collapse: collapse;
  background-color: #ffffff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  overflow: hidden;
}

.tabla-resultados thead {
  background-color: #031a3a;
  color: #ffffff;
}

.tabla-resultados th {
  padding: 12px;
  text-align: left;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 14px;
}

.tabla-resultados td {
  padding: 10px 12px;
  border-bottom: 1px solid #e0e0e0;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
}

.tabla-resultados tbody tr:hover {
  background-color: #f5f5f5;
}

.tabla-resultados tbody tr:last-child td {
  border-bottom: none;
}

/* Responsividad */
@media (max-width: 768px) {
  .gridNoticias {
    grid-template-columns: 1fr; /* Una columna en pantallas medianas */
    gap: 20px;
  }

  .seccionNoticias {
    padding: 30px 15px;
  }

  .seccionNoticias h2 {
    font-size: 24px;
  }

  .columnaInstagram h3,
  .columnaResultados h3 {
    font-size: 18px;
    color: white;
  }

  .tabla-resultados th,
  .tabla-resultados td {
    padding: 8px;
    font-size: 12px;
  }
}

@media (max-width: 480px) {
  .gridNoticias {
    gap: 15px;
  }

  .seccionNoticias {
    padding: 20px 10px;
  }

  .seccionNoticias h2 {
    font-size: 20px;
  }

  .columnaInstagram h3,
  .columnaResultados h3 {
    font-size: 16px;
    color: white;
  }

  .tabla-resultados th,
  .tabla-resultados td {
    padding: 6px;
    font-size: 11px;
  }

  .tabla-resultados-container {
    overflow-x: scroll;
  }
}

  .menuOpciones {
    background-color: #021545; /* fondo de color */
    padding: 20px;
    z-index: 2;
  }

  .opcionesMenu {
    display: flex;
    flex-direction: row;
    align-items: center;
}