/* Estilo general del body */
body {
  display: grid;
  grid-template-rows: auto 1fr auto;
  min-height: 100vh;

  background: url('../img/logo.png') no-repeat center;
  background-size: 40%;
  background-attachment: fixed;
  background-color: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(4px);
  color: #333333;
  margin: 0;
  font-family: Arial, sans-serif;
}

/* Títulos */
h1, h2, h3 {
  color: #F44336; 
  text-align: center;
}

/* Encabezado */
header {
  text-align: center;
  padding: 20px;
}

/* Navegación principal */
nav ul {
  display: flex;
  justify-content: center;
  gap: 20px;
  padding: 0;
  margin: 20px 0 0 0;
  list-style: none;
}

nav ul li a {
  text-decoration: none;
  color: #F44336;
  font-weight: bold;
}

/* Contenido principal */
main {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 20px;
  padding: 40px 20px;
}

/* Imágenes generales */
img {
  width: 30%;
  height: auto;
  object-fit: contain;
}

/* Imágenes del footer (logos redes sociales) */
footer nav ul {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  padding: 0;
  margin: 0;
  list-style: none;
}

footer nav ul li img {
  width: 40px;
  height: 40px;
  object-fit: contain;
  display: block;
}

/* Pie de página */
footer {
  text-align: center;
  padding: 20px;
  background-color: rgba(255, 255, 255, 0.6);
}