/*titulo biografia*/
*{
    font-family: "Roboto", serif;
    font-weight: 500;
    font-style: normal;
}
.titulo{
    text-align: center;
}
.bio{
  text-decoration: none !important;
}h1{
  text-decoration: underline;
  padding-top: 20px;
}


/*galeria de fotos*/
.gallery {
      display: flex;
      flex-wrap: wrap;
      gap: 20px;
      justify-content: center;
    }

    .card {
      width: 250px;
      height: 250px; /* altura fija para evitar quiebres */
      perspective: 1000px;
    }

    .card-inner {
      width: 100%;
      height: 100%;
      transition: transform 0.6s;
      transform-style: preserve-3d;
      position: relative;
    }

    .card:hover .card-inner {
      transform: rotateY(180deg);
    }

    .card-front, .card-back {
      position: absolute;
      width: 100%;
      height: 100%;
      backface-visibility: hidden;
      border-radius: 10px;
      overflow: hidden;
    }

    .card-front img {
      width: 100%;
      height: 100%;
      object-fit: contain;
      background: #000;
    }

    .card-back {
      background: #222;
      color: #fff;
      transform: rotateY(180deg);
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
    }

    @media screen and (max-width: 768px) { /*CELULARES*/
  h1{
    font-size: 20px;
    padding-top: 0;
  }
}