/*
 * @package: balaionci
 * ID; Cores; Typografia; Header; MainMenu; Footer;
*/
/*#--- Typography Ubuntu, Neureal ---#*/
@import url('https://fonts.googleapis.com/css?family=Ubuntu:300,300i,500,500i');
@font-face {
  font-family: 'Neureal';
  src: url('../assets/neureal-regular.woff') format('woff'),
      url('../assets/neureal-regular.woff2') format('woff2');
  font-weight:normal;font-style:normal;
  font-display:swap;/* desempenho e evita FOIT */
}
/*#--- Colors ---#*/
:root {
  --balaionci-junco:rgb(215,139,40);/*yellow*/
  --balaionci-clay:#000; /*black*/
  --balaionci-blood:#661d0b; /*red rgb(40,12,6)*/
  --balaionci-urucum:rgba(88,76,20); /*#584c14 marrom*/
  --balaionci-jenipreto:rgb(88,108,88); /*#586c58 verde*/
  --balaionci-jeniindigo:rgb(128,92,60); /*#805c3c bege*/
  --balaionci-tabatinga:rgb(140,64,28); /*#8c4001 vermelho*/
  --balaionci-curcuma:rgb(156,128,32);/*#9c8020 amarelo*/
  --balaionci-arvore:rgb(184,92,32); /*#b85c20 laranja*/
  --balaionci-type:'Neureal', serif;
}
/*#--- Typos ---#*/
body {
  background-color:#fff;
  color:#202020;font-family:'Ubuntu', sans-serif;
  font-size:14px;font-weight:300;
}
button,input,textarea{font-family:var(--balaionci-type);}
h1,h2,h3,h4,h5,h6{clear:both;font-weight:300;font-family:var(--balaionci-type);color:var(--balaionci-blood);}
h1{font-size:1.96em;}
h2{font-size:1.72em;}
h3{font-size:1.52em;}
h4{font-size:1.36em;}
h5{font-size:1.22em;}
h6{font-size:1.10em;}
p{font-size:1em;margin-bottom:0.6em;margin-top:0.25em;}
a {text-decoration:none;color:var(--balaionci-junco);
  cursor:pointer;transition:all ease-out 0.3s;
}
a:hover {text-decoration:none;color:var(--balaionci-blood);}
a:visited, a:active, a:focus {color:var(--balaionci-blood);outline:none;}
b,strong {font-weight:bold;display:inline !important;}
article blockquote {
  padding:0.5em 2em;margin:0 0 1.5em;
  font-size:1.22em;border:0 none;
}
article blockquote::before {
  font-size:1.96em;float:left;
  margin:-1em 1em 0 -1em;
  content:'"';content:open-quote;
}
.wp-caption .wp-caption-text{font-size:0.9em;}
.wp-caption-text{text-align:left;}
/*#--- CABEZAS ---#*/
.head-container * {transition: all 0.32s ease-out;}
.site-header .head-container {
  top:0;width:100%;margin:0;
  display:flex;flex-direction:row;gap:1em;
  justify-content:space-between;align-items:center;
}
#page.inrolado .site-header {
  background:#fff;/*box-shadow:0 2px 3px rgba(14,19,9,0.3)*/;
}
/*#--- SITE BRANDING ---#*/
#site-branding {
  z-index:40000;
  width:20vw;margin:29px 0 3vw;min-width:160px;
  display:flex;flex-direction:column;
  justify-content:center;align-items:center;
  align-self:flex-start;gap:0.5rem;
}
.site-branding img.custom-logo {
  display:block;margin:auto;
  width:98%;min-width:160px;max-width:280px;
}
.brand-text {opacity:1;
  display:block;margin:auto;
  width:98%;width:92%;min-width:156px;max-width:268px;
}
.site-description {
  width:98%;margin:auto;
  color:var(--balaionci-junco);
  font-family:var(--balaionci-type);
  text-align:justify;text-justify:inter-word;
  line-height:1.15em;letter-spacing:0.12em;
  font-size:clamp(12px, 1.3vw, 19px);/* mín, lim, máx */
}
.site-description::after {content:'';display:inline-block;width:100%;}

.home #site-branding {margin:92px auto;width:76vw;}
.home #site-branding img.custom-logo{max-width:380px;}

.home .brand-text {max-width:380px;}
.home .site-description {font-size:clamp(19px, 1.6vw, 24px);}

#page.inrolado #site-branding, .home #page.inrolado #site-branding {margin:6px 0 0 2vw;width:16vw;}

#page.inrolado .brand-text {opacity:0;display:none;}
.home #page.inrolado .site-description {font-size: clamp(13px, 1.3vw, 19px);}

/* Footer */
.site-info {
  display:flex;justify-content: space-between;
  background-image:url(../assets/graphs/cobbra-q-y.png);
	background-position:top left;
	background-repeat:repeat-x;
  background-size:12%;
  margin-top:1em;padding:2em;
}
/* Toplink -> bottom,right js*/
a.toplink {
	position:fixed;z-index:1001;
	display:none;opacity:0;
	margin:8px auto;padding:8px;right:16px;
	width:30px;height:30px;
  background:url(../assets/top-arrowlinks-sprite.png) center center no-repeat;
  background-position:bottom;
}
a.toplink.display {display:block;}
a.toplink.display.show {
	opacity:0.7;transition-delay:2s;transition: opacity 1.2s ease;
}
a.toplink.display.show:hover {
	opacity:1;background-position:top;transition:all 0.4s;
}
/* AOS */
.shos {opacity:0;transform:translateY(50px);}
.shos.shos1 {transition:opacity 0.6s ease, transform 0.4s ease;}
.shos.shos2 {transform:translateY(0px);
  transition:opacity 0.9s ease, transform 0.4s ease;
}
.shos3 {transition:opacity 1.3s ease, transform 0.7s ease;}
.shos.is-visible {opacity:1;transform:translateY(0);}

/*==  DESKTOP (> 768px)=====*/
@media (min-width: 769px) {
  body {font-size:16px;}
  .home #site-branding {margin-left:8vw;width:23vw;}
  #page.inrolado #site-branding {width:20vw;}
  .home .site-description {font-size:clamp(16px, 1.4vw, 23px);letter-spacing:0.16em;width:92%;}
  .site-info {background-size:4%;}
}