/* fondo */
body {
  background-image: url("Img/Fondo Azulejos.png");
  background-size: cover;      /* Que cubra toda la pantalla */
}

.Title {
  border: 4px solid #01333c;
  padding: 10px;
}
.Title p {
  font-size: 40px;
}

.infoper {
  border: 4px solid #01333c;
  padding: 10px;
}
.infoper p {
  font-size: 25px;
  margin-top: 20px;
}

.movible.in {
  display: inline-block;
  margin-left: 70px;
}
.movible.inf {
  display: inline-block;
  margin-left: 35px;
}
.movible.info {
  display: inline-block;
  margin-left: 85px;
}

.amedia {
  color: #fff2cd
}

.boton-imagen {
  width: 110px;          /* tamaño opcional */
  cursor: pointer;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.boton-imagen:hover {
  transform: scale(1.1);
  box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.3);
}
.boton-imagen:active {
  transform: scale(0.95);
}

.likes {
  border: 4px solid #567a2e;
  padding: 10px;
}
.likes p {
  font-size: 30px;
  margin-top: 0%;
  justify-content: center;
}

.cuadrtexlik {
  position: absolute;   /* clave */
  top: 530px;           /* distancia desde arriba */
  left: 80px;          /* distancia desde la izquierda */
  width: 250px;
  padding: 10px;
  border: none;
  background-color: transparent;
  text-align: left;
  color: #e4ddb7;
   font-size: 20px;
    line-height: 1.4;
}
.cuadrtexlike {
  position: absolute;   /* clave */
  top: 530px;           /* distancia desde arriba */
  left: 250px;          /* distancia desde la izquierda */
  width: 250px;
  padding: 10px;
  border: none;
  background-color: transparent;
  text-align: left;
  color: #e4ddb7;
   font-size: 20px;
    line-height: 1.4;
}
.cuadrtexlikes {
  position: absolute;   /* clave */
  top: 530px;           /* distancia desde arriba */
  left: 420px;          /* distancia desde la izquierda */
  width: 250px;
  padding: 10px;
  border: none;
  background-color: transparent;
  text-align: left;
  color: #e4ddb7;
   font-size: 20px;
    line-height: 1.4;
}

.dislikes {
  border: 4px solid #0a447f;
  padding: 10px;
}
.dislikes p {
  font-size: 30px;
  margin-top: 0%;
  justify-content: center;
}

.cuadislik {
  position: absolute;   /* clave */
  top: 585px;           /* distancia desde arriba */
  right: 280px;          /* distancia desde la izquierda */
  width: 250px;
  padding: 10px;
  border: none;
  background-color: transparent;
  text-align: left;
  color: #151c27;
   font-size: 20px;
    line-height: 1.4;
}
.cuadislike {
  position: absolute;   /* clave */
  top: 585px;           /* distancia desde arriba */
  right: 110px;          /* distancia desde la izquierda */
  width: 250px;
  padding: 10px;
  border: none;
  background-color: transparent;
  text-align: left;
  color: #151c27;
   font-size: 20px;
    line-height: 1.4;
}
.cuadislikes {
  position: absolute;   /* clave */
  top: 590px;           /* distancia desde arriba */
  right: 20px;          /* distancia desde la izquierda */
  width: 190px;
  padding: 5px;
  border: none;
  background-color: transparent;
  text-align: left;
  color: #151c27;
   font-size: 20px;
    line-height: 1.4;
}

.favpelis {
position: absolute;
  top: 895px;
  left: 105px;
  width: 200px;
  padding: 5px;
  border: none;
  background-color: transparent;
  text-align: left;
  color: #151c27;
   font-size: 19px;
    line-height: 1.4;
} 
.favseries {
position: absolute;
  top: 915px;
  left: 350px;
  width: 260px;
  padding: 5px;
  border: none;
  background-color: transparent;
  text-align: left;
  color: #151c27;
   font-size: 19px;
    line-height: 1.4;
} 
.favlibros {
position: absolute;
  top: 890px;
  right: 410px;
  width: 190px;
  padding: 5px;
  border: none;
  background-color: transparent;
  text-align: left;
  color: #151c27;
   font-size: 19px;
    line-height: 1.4;
}
.favrandom {
  position: absolute;
  top: 885px;
  right: 85px;
  width: 280px;
  padding: 5px;
  border: none;
  background-color: transparent;
  text-align: left;
  color: #151c27;
   font-size: 19px;
    line-height: 1.4;
  margin-top: 10px;
}