/* Fondo de toda la página */
body {
  margin: 0;
  padding: 0;
  font-family: 'Montserrat', sans-serif; /* letra legible y ancha */
  background-image: url('https://www.google.com/url?sa=t&source=web&rct=j&url=https%3A%2F%2Fslidesdocs.com%2Fes%2Ffondos-presentaciones%2Ffondos-de-pantalla-simples&ved=0CBYQjRxqFwoTCPCK1-KVvpMDFQAAAAAdAAAAABAH&opi=89978449'); /* reemplaza con el nombre de tu imagen */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: black;
}

/* Centrar contenido de las secciones */
.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
  text-align: center;
}

/* Hero */
.hero {
  padding: 80px 20px;
  text-align: center;
}

/* Tipografía bonita y fácil de leer */
h1, h2 {
  font-family: 'Playfair Display', serif;
  font-weight: 700;
}

p, a, li {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
}

/* Sección con bloques izquierdo y derecho */
.content-section {
  display: flex;
  justify-content: space-between;
  gap: 20px; /* espacio entre los bloques */
  margin: 40px 0;
}

/* Bloques semi-transparentes */
.content-section .block {
  background: rgba(255, 255, 255, 0.8); /* blanco semi-transparente */
  padding: 20px;
  border-radius: 10px;
  width: 48%; /* dos bloques lado a lado */
  box-sizing: border-box;
  text-align: left; /* texto dentro del bloque alineado a la izquierda */
}

/* Listas de archivos */
.file-list {
  list-style: none;
  padding: 0;
}

.file-list li {
  margin: 10px 0;
  font-size: 1.1em;
}

.file-list a {
  text-decoration: none;
  color: black;
}

.file-list a:hover {
  text-decoration: underline;
}

/* Footer centrado */
.site-footer {
  text-align: center;
  padding: 20px;
  background: rgba(255, 255, 255, 0.7);
  margin-top: 40px;
  border-radius: 10px;
}