/*fondo*/
body {
   background-image: url("fondotodoa.jpg");
   background-size: cover; /* Hace que la imagen cubra todo el fondo */
   background-position: center; /* Centra la imagen de fondo */
   background-attachment: fixed; /* Hace que la imagen de fondo no se mueva al hacer scroll */
}
.col-md-3 {
    padding: 10px; /* Espacio entre las columnas */
}
.container {
    background-color: rgba(255, 255, 255, 0.8); /* Fondo blanco con opacidad */
    padding: 20px; /* Espacio interno */
    border-radius: 10px; /* Bordes redondeados */
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1); /* Sombra sutil */
}
/* Asegurar que todas las tarjetas tengan la misma altura */
.card {
    height: 100%; /* Hace que todas las tarjetas ocupen la misma altura */
    display: absolute;
    flex-direction: column;
    border: 10px solid #ffffff; /* Añade un borde blanco alrededor de la tarjeta */
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.05); /* Añade una sombra sutil */
    border-radius: 10px; /* Bordes redondeados */
}
/*boton para ver todas las fotos*/
.veralbum{
  color: #ffffff;
  background-color: #5b9bd5;
  border-radius: 10px;
}
/*para que se ponga oscuro cuando pasa el raton encima de la imagen*/
.ensimaimagen{
  position: relative;
  display: inline-block;
  overflow: hidden;
  }

.ensimaimagen img {
  transition: filter 0.3s ease;
}

.ensimaimagen:hover img {
    filter: brightness(0.7);
}
/* Hace que el cuerpo de la tarjeta crezca según el contenido */
.card-body {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.card-text{
    font-size: 14px; /* Tamaño de fuente más pequeño */
    color: #555; /* Color de texto más oscuro */
}