:root{
--cor-titulo:#AA1F19;
--cor-texto:#333;
}

@import url("https://db.onlinewebfonts.com/c/8045e81b6278984055ef0ac5561b93b3?family=More+Sugar+Thin");
@import url("https://fonts.googleapis.com/css2?family=Patrick+Hand&display=swap");

@font-face{
font-family:"More Sugar Thin";
src:url("https://db.onlinewebfonts.com/t/8045e81b6278984055ef0ac5561b93b3.woff2") format("woff2"),
url("https://db.onlinewebfonts.com/t/8045e81b6278984055ef0ac5561b93b3.woff") format("woff"),
url("https://db.onlinewebfonts.com/t/8045e81b6278984055ef0ac5561b93b3.ttf") format("truetype");
}


html{
scroll-behavior:smooth;
}

body{

margin:0;

font-family:"Patrick Hand", cursive;

background:
linear-gradient(rgba(255,255,255,0.88),rgba(255,255,255,0.88)),
url("../img/capalivro.jpg");

background-size:cover;
background-position:center;
background-attachment:fixed;

color:var(--cor-texto);

font-size:24px;
line-height:1.9;

}


.menu{

position:fixed;
top:0;
width:100%;

display:flex;
justify-content:center;
align-items:center;
gap:40px;

padding:15px;

background:rgba(255,255,255,0.95);

z-index:1000;

}

.menu a{

font-family:"More Sugar Thin";

color:var(--cor-titulo);

text-decoration:none;

font-weight:bold;

font-size:22px;

}


.hero{

min-height:70vh;

padding-bottom:40px;

position:relative;

display:flex;

flex-direction:column;

align-items:center;

padding-top:140px;

text-align:center;

}

.hero h1{

font-family:"More Sugar Thin";

font-size:95px;

color:var(--cor-titulo);

margin-bottom:10px;

}


.frase{

font-family:"Patrick Hand";

font-size:44px;

max-width:900px;

margin:20px auto 40px auto;

line-height:1.5;

color:#131212;

}

.btn,
.btn-footer,
.botao-flutuante{

font-family:"More Sugar Thin";

background:#AA1F19;

color:white;

padding:18px 40px;

border-radius:40px;

text-decoration:none;

font-size:20px;

display:inline-block;

margin-top:10px;

transition:0.3s;

}

.btn:hover{
transform:scale(1.05);
}


.prints-hero{

position:absolute;

width:100%;
height:100%;

top:0;
left:0;

pointer-events:none;

}

.prints-hero img{

position:absolute;

box-shadow:0 20px 35px rgba(0,0,0,0.3);

border-radius:6px;

transition:0.3s;

}

.print1{

width:220px;

top:120px;
left:7%;

transform:rotate(-12deg);

}


.intro{

max-width:900px;

margin:40px auto;

padding:40px 20px;

text-align:center;

}

.intro p{

font-size:26px;

margin-bottom:25px;

}

.intro li{

font-size:26px;

margin-bottom:10px;

}


h2{

font-family:"Patrick Hand";

color:var(--cor-titulo);

font-size:42px;

}

.galeria{

position:relative;

min-height:720px;

margin-top:80px;

margin-bottom:40px;

}

.galeria figure{

position:absolute;

width:180px;

background:white;

padding:10px;

box-shadow:0 10px 20px rgba(0,0,0,0.25);

text-align:center;

}


.galeria figure:nth-child(1){ top:40px; left:5%; transform:rotate(-10deg); }
.galeria figure:nth-child(2){ top:120px; left:22%; transform:rotate(6deg); }
.galeria figure:nth-child(3){ top:30px; left:40%; transform:rotate(-7deg); }
.galeria figure:nth-child(4){ top:140px; left:60%; transform:rotate(9deg); }
.galeria figure:nth-child(5){ top:50px; right:5%; transform:rotate(-5deg); }
.galeria figure:nth-child(6){ top:300px; left:10%; transform:rotate(8deg); }
.galeria figure:nth-child(7){ top:380px; left:28%; transform:rotate(-9deg); }
.galeria figure:nth-child(8){ top:280px; left:48%; transform:rotate(6deg); }
.galeria figure:nth-child(9){ top:400px; left:65%; transform:rotate(-7deg); }
.galeria figure:nth-child(10){ top:300px; right:8%; transform:rotate(10deg); }
.galeria figure:nth-child(11){ bottom:200px; left:18%; transform:rotate(-6deg); }
.galeria figure:nth-child(12){ bottom:180px; left:45%; transform:rotate(7deg); }
.galeria figure:nth-child(13){ bottom:200px; right:12%; transform:rotate(-8deg); }

.galeria img{

width:100%;
height:220px;

object-fit:cover;

}

.galeria img{

width:100%;
height:220px;

object-fit:cover;

}

figcaption{

font-size:16px;

margin-top:5px;

font-family:"Patrick Hand";

}

.galeria figure:hover{

transform:scale(1.07) rotate(0deg);

z-index:10;

}

.print-bagagem{

width:520px;
max-width:95%;

display:block;

margin:35px auto;

border-radius:10px;

box-shadow:0 18px 30px rgba(0,0,0,0.25);

transition:0.3s;

}

.print-bagagem:hover{

transform:scale(1.08);

}


.historia{

max-width:900px;

margin:40px auto;

padding:40px 20px;

text-align:center;

font-size:26px;

}

.autora{

padding:80px 20px;

text-align:center;

}

.nome-autora{

font-family:"More Sugar Thin";

font-size:52px;

color:#AA1F19;

margin-bottom:40px;

}

.autora-layout{

display:flex;

justify-content:center;

align-items:center;

gap:40px;

flex-wrap:wrap;

}

.foto-autora{

width:320px;

border-radius:18px;

box-shadow:0 20px 40px rgba(0,0,0,0.25);

}

.cartao-autora{

width:520px;
max-width:95%;

transform:rotate(2deg);

box-shadow:0 18px 30px rgba(0,0,0,0.25);

border-radius:10px;

transition:0.35s;

}

.cartao-autora:hover{

transform:scale(1.15) rotate(0deg);

}

.eventos{

text-align:center;

padding:70px;

font-size:24px;

}



#footer{

text-align:center;

padding:40px 20px;

max-width:800px;

margin:auto;

}

#footer p{

font-family:"Patrick Hand";

font-size:30px;

}

#footer .copyright{

font-size:12px;

color:#777;

margin-top:20px;

font-family:'Patrick Hand', cursive;

text-align:center;

}

.fade{

opacity:0;

transform:translateY(30px);

transition:0.8s;

}

.fade.aparecer{

opacity:1;

transform:translateY(0);

}

@media (max-width:768px){

.menu{
position:fixed;
top:0;
left:0;
width:100%;

display:flex;
flex-direction:row;
justify-content:center;
align-items:center;
flex-wrap:wrap;
gap:8px 14px;

padding:10px 12px;

background:rgba(255,255,255,0.96);

z-index:1000;
}

.menu a{
font-family:"More Sugar Thin";
font-size:15px;
line-height:1.1;
white-space:nowrap;
}

.hero{
padding-top:110px;
min-height:auto;
padding-bottom:20px;
}

.hero h1{
font-size:52px;
line-height:1.1;
margin-bottom:10px;
position:relative;
z-index:2;
}

.frase{
font-size:26px;
max-width:92%;
margin:12px auto 24px auto;
line-height:1.35;
padding:0 12px;
position:relative;
z-index:2;
}

.prints-hero{
position:static;
width:100%;
height:auto;
display:flex;
justify-content:flex-start;
align-items:center;
padding-left:16px;
margin-top:6px;
margin-bottom:8px;
}

.print1{
position:absolute;
top: 40px;
left: 20px;
width: 95px;
transform:rotate(-6deg);
z-index:1;
}

.historia-inicial{
padding-left:16px;
padding-right:16px;
}

.historia-inicial p{
font-size:26px;
line-height:1.9;
}

.galeria{
position:static !important;
display:grid !important;
grid-template-columns:repeat(2, 1fr);
gap:18px 14px;
width: 100%;
min-height: auto !important;
justify-items: center;
padding:0 12px;
align-items: start;
}

.galeria figure{
position:relative !important;
top: auto !important;
left: auto !important;
right: auto !important;
bottom: auto !important;
width: 145px;
margin:0 !important;
padding:8px;
background:#fff;
box-shadow:0 8px 18px rgba(0,0,0,0.18);
text-align: center;
}


.galeria figure:nth-child(odd){
transform:rotate(-4deg) !important;
}

.galeria figure:nth-child(even){
transform:rotate(4deg) !important;
}

.galeria img{
width:100%;
height:150x;
object-fit:cover;
display: block;
}

.galeria figcaption{
font-size:13px;
margin-top:6px;
line-height:1.25;
text-align:center;
}

.intro,
.historia,
.texto-autora,
.eventos{
padding-left:16px;
padding-right:16px;
}

.intro p,
.historia p,
.texto-autora,
.eventos p{
font-size:26px;
line-height:1.9;
}

.intro li{
font-size:19px;
line-height:1.6;
}

.autora-layout{
flex-direction:column;
gap:24px;
}

.foto-autora{
width:220px;
}

.cartao-autora{
width:92%;
max-width:420px;
transform:none;
}

.print-bagagem{
width:92%;
max-width:420px;
}

.btn,
.btn-footer,
.botao-flutuante{
font-size:18px;
padding:14px 26px;
}

#footer p{
font-size:24px;
}
}

.pagina-legal{
max-width: 900px;
margin: 140px auto 80px auto;
padding: 0 20px;
font-family: "Patrick Hand", cursive;
line-height: 1.8;
color: #333;
}

.pagina-legal h1{
font-family: "Patrick Hand", cursive;
color: #AA1F19;
font-size: 48px;
text-align: center;
margin-bottom: 30px;
}

.pagina-legal h2{
font-family: "Patrick Hand", cursive;
color: #AA1F19;
font-size: 32px;
margin-top: 30px;
margin-bottom: 10px;
}

.pagina-legal p{
font-size: 22px;
margin-bottom: 16px;
}

.links-legais{
margin-top: 20px;
text-align: center;
font-size: 16px;
}

.links-legais a{
color: #AA1F19;
text-decoration: none;
font-family: "Patrick Hand", cursive;
}

.links-legais span{
margin: 0 8px;
color: #777;
}

.cookie-banner{
position: fixed;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
width: min(92%, 700px);
background: rgba(170,31,25,0.96);
color: white;
padding: 14px 18px;
border-radius: 14px;
box-shadow: 0 10px 24px rgba(0,0,0,0.18);
z-index: 9999;
font-size: 16px;
text-align: center;
}

.cookie-banner button{
margin-left: 10px;
border: none;
background: white;
color: #AA1F19;
padding: 8px 14px;
border-radius: 8px;
cursor: pointer;
font-weight: bold;
}

.historia-inicial{

max-width:900px;

margin:60px auto;

padding:20px;

text-align:center;

font-size:26px;

line-height:1.9;

}

.historia-inicial p{
margin-bottom:25px;
}

.historia-inicial strong{

color:#AA1F19;

font-size:28px;

}

#inicio{
scroll-margin-top:120px;
}