/* COMUM A TODAS AS PÁGINAS PRINCIPAIS */

/* CONFIG DO FUNDÃO #ffdfd5; #ffefeb */

body {
margin: 0;
min-height: 100vh;
background-color: #ffdfd5;
background-image: url('fundo70.png');
background-repeat: repeat;
font-family: 'Ubuntu', sans-serif;
} 

/* CONFIG DO CORPO DO CONTEÚDO */

.corpao {
background-color: #ffe8e2;
margin: 20px auto;
width: 80%;
padding: 5px;
max-width: 880px;
border: 3px solid #ffb199;
box-shadow: 0 2px 10px rgba(0,0,0,0.2);
border-radius: 10px;
}

#banner {
width: 100%; 
object-fit: cover; 
border-top-left-radius: 10px; 
border-top-right-radius: 10px;
}

/* COR DOS LINKS */

a {color: #ed056c;
text-decoration: none;}
a:hover {color: orange;}
a:visited {color: #ed056c;}

#link-especial {color: blueviolet;}
#link-especial:hover {color: orange;}

/* CONFIG DO MENUZINHO QUE FLUTUA */

.container {
display: flex;
flex-wrap: wrap; 
gap: 5px; 
}

.item {
flex: 1 1 125px; 
background-color: #ffefeb;
border: 1px solid #ffefeb;
padding-left: 4px;
padding-right: 4px;
padding-top: 2px;
padding-bottom: 2px;
box-sizing: border-box;
text-align: center;
border-radius: 5px;
font-family: 'Milonga', serif;
}

/* CONFIG DA LINHA DIVISÓRIA */
/*
#divisoria {
width: 100%;
margin-top: -10px;
margin-bottom: 0px;
}
*/

.divisoria {
width: 100%;
padding:1px;
height: 2px;
background: linear-gradient(90deg, #ff6b9d, #ffb199, #feca57);
background-size: 300% 100%;
animation: fluxo 3s ease-in-out infinite;
border-radius: 4px;
margin-top: 4px;
margin-bottom: 4px;
margin-left: -1px;
}

@keyframes fluxo {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}


/* CONFIG DO RODAPÉ */

footer {
background-color: #ffe8e2;
margin: 0 auto;
width: 80%;
padding: 10px 10px;
align: center;
text-align: center;
font-size: 0.7em;
box-shadow: 0 2px 10px rgba(0,0,0,0.2);
border-radius: 10px;
max-width: 500px;
font-family: Caudex, serif;
color: #915c83;
}

/* CONFIG DA TOOLTIP GLOBAL EM CIMA DAS IMAGENS */

.tooltip-img-container {
position: relative;
display: inline-block;
}

.tooltip-text {
visibility: hidden;
background: #fb607f;
color: white;
text-align: center;
padding: 8px;
border-radius: 4px;
position: absolute;
z-index: 1;
bottom: 105%;
left: 45%;
margin-left: -60px;
opacity: 0;
transition: 0.3s;
}

.tooltip-img-container:hover .tooltip-text {
visibility: visible;
opacity: 1;
}

#welcome {
font-family: 'Niconne', serif; 
color: #915c83; 
text-align: center;
margin-top: -5px;
margin-bottom: -5px;
}

#welcome > p {
font-size: 3em; 
}

#extended {
padding-left: 10px;
padding-right: 10px;
font-family: 'Kurale', serif; 
color: #915c83; 
font-size: 1em; 
text-align: center;
}



/* INDEX INDEX INDEX INDEX INDEX INDEX INDEX INDEX INDEX INDEX INDEX INDEX INDEX 
 INDEX INDEX INDEX INDEX INDEX INDEX INDEX INDEX INDEX INDEX INDEX INDEX INDEX */

/* CONFIG DO UPDATE 2 */

#update2 {
margin: 0px;
/*border: 1px solid #ffb199;*/
border-radius: 10px;
font-family: 'Zain', serif; 
color: #de5d83; 
font-size: 1em; 
padding-left: 5px;
padding-right: 5px;
padding-bottom: 0px;
}

#updates > h1 {
font-family: 'Fredericka the Great', serif; 
color: #915c83; 
text-align: center; 
font-weight: normal;
margin: 0px;
}

#date {
font-family: cookie; 
font-size: 1.2em; 
font-weight: bold;
}

/* CONFIG DA CITAÇÃO */

#citation {
padding: 5px;
font-family: 'Sacramento', cursive; 
color: #e90073; 
font-size: 2em; 
text-align: center;
}

/* CONFIG DA ATUALIZAÇÃO E HUMOR */

.container2 {
display: flex;
flex-wrap: wrap; 
gap: 5px; 
}

.item2 {
flex: 1 1 100px; 
background-color: #ffe8e2;
border: 1px solid #ffe8e2;
padding: 2px;
box-sizing: border-box;
text-align: center;
border-radius: 5px;
}

/* CONFIG DO BOTÃO DE IDIOMAS */

.botao-idioma {
position: fixed;     
bottom: 15px;        
left: 15px;         
z-index: 1000;       
background: #d86589;
color: white;
border: none;
border-radius: 10px;
padding: 8px 10px;
font-size: 16px;
cursor: pointer;
box-shadow: 0 4px 4px rgba(0,0,0,0.2);
color: #ffe8e2;
}

.botao-idioma:hover {
background: #915c83;
color: #ffe8e2;
}

.botao-idioma:visited {
color: #ffe8e2;
}

/* CONFIG DOS BUTTONS */

#botao{
width: 88px;
}

/* FANFICS FANFICS FANFICS FANFICS FANFICS FANFICS FANFICS FANFICS FANFICS FANFICS 
 FANFICS FANFICS FANFICS FANFICS FANFICS FANFICS FANFICS FANFICS FANFICS FANFICS */

/* CONFIG DAS ENTRADAS */

.entradas {
margin-left: 10px;
margin-right: 10px;
padding: 15px;
border: 1px solid #ffb199;
border-radius: 10px;
font-family: 'Kurale', serif; 
color: #915c83; 
font-size: 1em; 
} 

.entradas-titulo {
font-family: Kurale; 
font-size: 1em;
}


/* ORIGINAIS ORIGINAIS ORIGINAIS ORIGINAIS ORIGINAIS ORIGINAIS ORIGINAIS ORIGINAIS 
 ORIGINAIS ORIGINAIS ORIGINAIS ORIGINAIS ORIGINAIS ORIGINAIS ORIGINAIS ORIGINAIS */

/* CONFIG DAS TOOLTIP DE TEXTO */


.tooltip-blog {
position: relative;
overflow-wrap: break-word;
color: blueviolet;
}


.tooltip-blog .tooltip-blog-txt {
visibility: hidden;
width: 120px;
background-color: #fb607f;
color: #fff;
text-align: center;
padding: 5px;
border-radius: 4px;


position: absolute;
z-index: 1;
bottom: 125%;
left: 50%;
margin-left: -60px;


opacity: 0;
transition: opacity 0.3s;
}


.tooltip-blog .tooltip-blog-txt::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #fb607f transparent transparent transparent;
}



.tooltip-blog:hover .tooltip-blog-txt {
visibility: visible;
opacity: 1;
}

#h1-originais {
font-family: 'Milonga', serif; 
color: #915c83; 
font-size: 1em; 
text-align: center;
}

/* ORIGINAIS E SOBRE MIM */

/* CONFIG DO SOBRE MIM */

.aboutme {
display: flex;
flex-wrap: wrap;
gap: 10px;
}

.aboutme-sub {
flex: 1 1 100px;
border: 0px dashed #ffb199;
padding: 1px;
box-sizing: border-box;
text-align: center;
border-radius: 5px;
font-family: 'Zain', sans-serif;
color: #de5d83;
}


.para {
margin: 1px;
margin-bottom: 4px;
padding: 1px;
padding-top: 5px;
font-family: 'Gemunu Libre', sans-serif;
font-weight: 500;
color: #de5d83;
}

.para2 {
margin: 1px;
padding-top: 10px;
padding-left: 50px;
padding-right: 50px;
font-family: 'Gemunu Libre', sans-serif;
font-weight: 500;
color: #de5d83;
}

.image-wrap-left {
float: left;
margin-left: 10px;
margin-right: 15px;
margin-bottom: 10px;
border-radius: 5px;
}

.para-left {
margin: 1px;
margin-right: 5px;
margin-left: 5px;
padding: 1px;
padding-top: 5px;
font-family: 'Gemunu Libre', sans-serif;
font-weight: 500;
text-align: left;
}

.image-wrap-right {
float: right;
margin-right: 10px;
margin-left: 15px;
margin-bottom: 10px;
border-radius: 5px;
}

.para-right {
margin: 1px;
margin-right: 5px;
margin-left: 5px;
padding: 1px;
padding-top: 5px;
font-family: 'Gemunu Libre', sans-serif;
text-align: right;
font-weight: 500;
}




/* DIÁRIO DIÁRIO DIÁRIO DIÁRIO DIÁRIO DIÁRIO DIÁRIO DIÁRIO DIÁRIO DIÁRIO DIÁRIO 
 DIÁRIO DIÁRIO DIÁRIO DIÁRIO DIÁRIO DIÁRIO DIÁRIO DIÁRIO DIÁRIO DIÁRIO DIÁRIO */


/* CONFIG ENTRADAS */

.entradas-diario {
margin: 0 auto;
padding: 5px;
border-radius: 10px;
font-family: 'Zain', serif; 
color: #915c83; 
font-size: 1em; 
} 

code {
background-color: #ffffff;
color: grey;
border-radius: 2px;
padding: 2px;
}

#final {
margin-top: 10px;
margin-bottom: 10px;
text-align: center;
font-family: 'Milonga', serif;
color: #de5d83;
font-weight: bold;
}

.anchor:hover { color: magenta; }

/* CONFIG DAS CAIXAS DE TEXTO DO DETAILS E SUMMARY */

summary {
background-color: #ffefeb;
color: #ed056c;
font-weight: bold;
}

summary:hover {
color: orange;
cursor: pointer;
}

details {
background-color: #ffefeb;
padding: 10px;
border-radius: 10px;
}

/* BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG BLOG */


.blog-table, th, .blog-td {
border: 1px solid #ffefeb;
border-collapse: collapse;
}

th, .blog-td {
background-color: #ffdfd5;
padding: 5px;
}

.entradas-blog {
margin: 0 auto;
padding: 5px;
border-radius: 10px;
font-family: 'PT Serif', serif; 
color: #915c83; 
font-size: 1em; 
} 


/* CONFIG DAS TOOLTIP DE TEXTO DO BLOG E ABOUTME */


.tooltip-blog {
position: relative;
overflow-wrap: break-word;
color: blueviolet;
}


.tooltip-blog .tooltip-blog-txt {
visibility: hidden;
width: 120px;
background-color: #fb607f;
color: #fff;
text-align: center;
padding: 5px;
border-radius: 4px;


position: absolute;
z-index: 1;
bottom: 125%;
left: 50%;
margin-left: -60px;


opacity: 0;
transition: opacity 0.3s;
}


.tooltip-blog .tooltip-blog-txt::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #fb607f transparent transparent transparent;
}



.tooltip-blog:hover .tooltip-blog-txt {
visibility: visible;
opacity: 1;
}

/* TOOLTIP DA KALANCHOE DO TEXTO */

.kalanchoe2 {
position: relative;
display: inline-block;
}

.kalanchoe2 .kalanchoe-img2 {
visibility: hidden;
width: 200px;
background-color: #ffb199;
border-radius: 10px;
color: white;
text-align: center;
padding: 5px;
position: absolute;
z-index: 1;
bottom: 125%; 
left: 50%;
margin-left: -50px;
opacity: 0;
transition: opacity 0.3s;
}

.kalanchoe2:hover .kalanchoe-img2 {
visibility: visible;
opacity: 1;
}




/* ESOTERISMO ESOTERISMO ESOTERISMO ESOTERISMO ESOTERISMO ESOTERISMO ESOTERISMO ESOTERISMO 
 ESOTERISMO ESOTERISMO ESOTERISMO ESOTERISMO ESOTERISMO ESOTERISMO ESOTERISMO ESOTERISMO */

.entradas-eso {
margin: 0 auto;
margin-left: 10px;
margin-right: 10px; 
padding: 15px;
border: 1px solid #ffb199;
border-radius: 10px;
font-family: 'PT Serif', serif; 
color: #915c83; 
font-size: 1em; 
} 


/* ABOUTME */

#h2-aboutme {
text-align: center;
color: #de5d83;
font-family: 'Milonga', serif;
}


/* HUMORES */

.humor {
margin: 0 auto;
margin-left: 10px;
margin-right: 10px; 
padding: 15px;
border: 1px solid #ffb199;
border-radius: 10px;
color: #915c83; 
font-family: 'Kurale';
}

.humor > h4 {
margin-top: 0px;
margin-bottom: 10px;
}