body {
  min-height: 100vh;
  background-color: #fff7f9;
  transition: var(--tran-05);
scrollbar-width: thin;
font-family: "Open Sans";
margin:auto;
}

a{color:#d3bae2; text-decoration:none;}
a:hover{color:#feb9b2; transition: color 0.5s linear;}




#gallery-2 .gallery-item {
    float: left !important;
    width: 33.3333% !important;
}

/* Força o cálculo correto baseado na classe */
.gallery.gallery-columns-3 .gallery-item {
    width: 33.333% !important;
}
.gallery.gallery-columns-4 .gallery-item {
    width: 25% !important;
}
.gallery.gallery-columns-5 .gallery-item {
    width: 20% !important;
}







/* FORMS */

form {
  border-radius: 5px;
  background-color: #efe2f8;
  padding: 20px;
width: 70%;
margin: auto;
}

label {display: block;}

input[type=text], select {
  width: 100%;
  padding: 12px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  font-family: 'Open Sans', sans-serif;
}

input[type=email], select {
  width: 100%;
  padding: 12px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  font-family: 'Open Sans', sans-serif;
}

textarea, select {
  width: 100%;
  padding: 12px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  font-family: 'Open Sans', sans-serif;
}
input[type=submit] {
  width: 100%;
  background-color: #ffa755;
  color: white;
  padding: 14px;
  margin: 8px 0;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-family: 'Open Sans', sans-serif;
}

input[type=submit]:hover {
  background-color: #d3bae2;
}

  .tt-card {
        border: 0px solid #ddd;
        padding: 15px;
        margin: 15px auto 15px auto;
        border-radius: 8px;
box-sizing: border-box;
width:60%;
        background: #fff7f9;
        box-shadow: 0 2px 5px rgba(0,0,0,0.05);
    }
    .tt-card strong { color: #ff8ba8; }

    .tt-card img {
        border-radius: 50%;
    }



.capa1 {width: 100%;
height: auto; /* Mantém a proporção da imagem */
    object-fit: cover; /* Cobre o espaço sem distorcer */}


#content{width: 70%;
margin-top: -100px;}

#content2{width: 50%;
margin: auto;
line-height: 200%;}

.autor-container {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: 20px;
            margin: 30px 0;
        }

        .autor-imagem {
            flex: 0 0 auto;
        }

        .avatar-redondo {
            width: 250px;
            height: 250px;
            border-radius: 50%;
            object-fit: cover;
            display: block;
		border: 10px solid #fff;
        }

        .autor-nome {
            flex: 1;
        }


.titulo{font-family: "Shrikhand";
font-size: 59px;
color: #ffa755;}

.uppercase{text-transform: uppercase;
letter-spacing: 0.2rem;}

        @media (max-width: 600px) {
            .autor-container {
                flex-direction: column;
                text-align: center;
            }

            .autor-nome h2 {
                margin-top: 10px;
            }
        }