header ul li:nth-of-type(3) {
	text-decoration: overline;
}

main {
    text-align: center;
}

main p {
    font-size: 24px;
}

main a {
  display: inline;
  font-size: 28px;
  margin: 5%;
  text-decoration: none;
  color: blue;
}

#Margenes {
    font-size: 18px;
	width: 60%;
	Margin: auto;
    padding: 4% 0% 2% 0%;
}

.Espaciado {
    display: flex;
}

figure {
    width: calc(33.33% - 1em);
}

figcaption {
    font-size: 22px;
    font-weight: bold;
    padding-bottom: 2%;
}

figure img {  
    height: 480px;
}

















/* --- MEDIA QUERIES --- */

/* Para tables */
@media (max-width: 768px) {
	 #Margenes {
    width: 85%;
    font-size: 18px;
    text-align: justify;
    padding: 5% 0;
  }

  .Espaciado {
    flex-wrap: wrap;         /* Permite que las figuras bajen en filas */
    justify-content: center;
    gap: 15px;
  }

  figure {
    width: 45%;              /* Dos figuras por fila */
  }

  figure img {
    height: 300px;           /* Imágenes más pequeñas */
    width: 100%;
    object-fit: cover;
    border-radius: 8px;
  }

  figcaption {
    font-size: 20px;
    margin-top: 5px;
  }
}

/* Para móviles */
@media (max-width: 480px) {
	 #Margenes {
    width: 90%;
    font-size: 16px;
    text-align: justify;
  }

  .Espaciado {
    flex-direction: column;  /* Las figuras se apilan */
    align-items: center;
    gap: 20px;
  }

  figure {
    width: 90%;
  }

  figure img {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 10px;
  }

  figcaption {
    font-size: 18px;
  }
}

/* @media (max-width: 950px) {
   .Espaciado {
        display: flex;
        flex-direction: column;
} */