@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

*{
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
  scroll-behavior: smooth;
}
h1{
    font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
}
a{
    text-decoration: none;
    -webkit-text-fill-color: black;
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 15px;
    margin-top:25px;
}
.logoprincipal{
    width:200px;
    height: auto;
}
.menu{
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    font-size: 10px;
    text-decoration: none;
    margin-bottom: 10px;
    background-color: crimson;
    text-align: center;

    
}
a:hover{
    text-decoration: underline;
     transform: scale(1.2);
     transition: transform 0.5s ease;
}

#inicio{
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 50px;
    padding-top: 50px;
}
.presentacion{
    text-align: justify;
    margin: 10px;
    margin-top: 50px;
    width:70%;
}
#antoniorecio{
    width: 60%;
    height: 90%


}
#productos{
    background-image: url('https://estudiosanamar.com/formacion/wp-content/uploads/2015/06/pescaderias.jpg');
  background-size: cover; /* Ajusta la imagen al div */
  background-position: center; /* Centra la imagen */
  background-repeat: no-repeat; /* Evita repetición */
  height: auto;
   padding: 20px;

   
}
.productoslista{
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;

}
.caja{
    display: flex;
    flex-direction: column;
    justify-content:center;
    padding: 20px;
    background-color: white;
    margin-top: 20px;
    max-width: fit-content;
    text-align:center;
}
.caja:hover{
    position:relative;
    box-shadow: 5px 5px 3px 0px;
    top: -5px;
    left: -5px;
}

.producto1.producto2.producto3.producto4.producto5.producto6.producto7.producto8.producto9:hover {
    box-shadow: 10px 10px 5px 0px
}

.quisquillas, .bogavante, .lubina, .bacalao, .gallo, .cangrejo, .gambas, .sardinas, .atún{
    width:160px;
    height: 140px;
}
footer{
    background-color: azure;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
}
.enlaces{
    display: flex;
    flex-direction: column;
    padding: 20px;
}
#rimas{
    background-color: none;
    padding: 20px;
    text-align: center;
}
.rima{
    margin-top: 40px;
}

.linkcancion{
    width: 50%;
    text-align: center;
}
#quienessomos{
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    background-color:crimson;
    padding: 20px;
}