@import 'https://fonts.googleapis.com/icon?family=Material+Icons';
*,
body {
  margin: 0px auto;
  padding: 0px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-family: arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}
body {
  background-color: #FFF;
  color: #35363e;
  font-size: 14px;
}
a {
  color: #0084bd;
}
.fundo_escuro {
  background-color: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(5px);
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 100;
  display: none;
}
.site {
  width: 100%;
}
.invisivel_desktop {
  display: none !important;
}
.container {
  max-width: 1176px;
  margin: auto;
  position: relative;
}
.barra_idiomas {
  margin: auto;
  background-color: #4caae4;
  height: 30px;
  text-align: right;
}
.idioma {
  display: inline-block;
  padding: 5px 0 0 9px;
}
.idioma img {
  -webkit-filter: saturate(0%);
  filter: saturate(0%);
}
.idioma:hover img,
.idioma.ativo img {
  -webkit-filter: saturate(100%);
  filter: saturate(100%);
}
.barra_menu {
  padding: 1.2em 0;
  position: relative;
  /* height: 136px; */
  background-color: #FFF;
}
.logo {
  width: 202px;
  height: 97px;
  background-image: url('//d2nzgau6ffmz63.cloudfront.net/site/imagens/logo_biolab.png');
  background-size: contain;
  background-repeat: no-repeat;
  float: left;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  z-index: 1;
  display: block;
  position: relative;
}
.logo.en {
  background-image: url('//d2nzgau6ffmz63.cloudfront.net/site/imagens/logo_biolab_en.png');
}
.cabecalho .menu {
  text-align: right;
  padding: 2em 0;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.biolab_pro {
  position: absolute;
  top: 0;
  right: 0;
  text-transform: uppercase;
  color: #000;
  z-index: 1;
}
/* .fixa .biolab_pro{
	top:-0.5em;
} */
.botao_biolab_pro {
  cursor: pointer;
  background-image: url('//d2nzgau6ffmz63.cloudfront.net/site/imagens/pro/logo_cadeado.png');
  background-position: right;
  background-repeat: no-repeat;
  background-size: contain;
  width: 163px;
  height: 25px;
  text-indent: -1000px;
  overflow: hidden;
}
.botao_biolab_pro:hover {
  opacity: 0.6;
}
.fixa .botao_biolab_pro {
  height: 18px;
  padding-top: 0;
}
.logo_studio {
  background-image: url('//d2nzgau6ffmz63.cloudfront.net/site/imagens/pro/logo_grande.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 388px;
  height: 59px;
  margin-bottom: 1rem;
}
.biolabstudio {
  width: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  padding: 1rem;
  display: none;
  position: absolute;
  z-index: 10;
  top: 2rem;
  text-align: center;
  font-size: 1.4rem;
  color: #FFF;
  padding-bottom: 10rem;
}
.destaque_verde {
  color: #c8d224;
  margin: 1rem;
}
.biolab_pro_login {
  font-size: 1rem;
  display: block;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0%);
  background-color: rgba(81, 171, 226, 0.9);
  width: 320px;
  z-index: 1;
  color: #FFF;
  text-align: center;
  padding: 1rem;
  cursor: default;
  text-transform: none;
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);
}
.biolab_pro_login h2,
.biolab_pro_login label {
  text-transform: none;
}
.biolab_pro_login label {
  text-align: left;
  margin-top: 1rem;
  display: block;
}
.biolab_pro_login input[type=email],
.biolab_pro_login input[type=password] {
  width: 100%;
  display: block;
  font-family: inherit;
  border: none;
  background-color: #a8d2eb;
  color: #000;
  padding: 0.3rem 0.8rem;
  margin-top: 0.3rem;
}
.biolab_pro_login input[type=submit] {
  background-color: #FFF;
  padding: 0.3rem 0.8rem;
  display: block;
  border: none;
  margin-top: 1.3rem;
  color: #51abe2;
  font-size: 1.1rem;
  cursor: pointer;
}
.biolab_pro_login input[type=submit]:hover {
  background-color: #004456;
  color: #FFF;
}
.biolab_pro_login .google_robo {
  margin-top: 1rem;
  width: 100%;
  overflow: hidden;
  display: none;
}
.menu li {
  display: inline-block;
  text-transform: uppercase;
  color: #4d4e56;
  background-image: url('//d2nzgau6ffmz63.cloudfront.net/site/imagens/menu_bullet.png');
  background-repeat: no-repeat;
  background-position: right;
  padding-right: 14px;
  margin-left: 1.2em;
  font-size: 0.9em;
  position: relative;
}
.menu a {
  text-decoration: none;
  color: #4d4e56;
}
.menu li span {
  position: absolute;
  background-color: rgba(76, 170, 228, 0.9);
  color: #FFF;
  min-width: 250px;
  text-align: left;
  display: block;
  border-radius: 2px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 0.2s, opacity 0.2s linear;
  transition: visibility 0.2s, opacity 0.2s linear;
  z-index: 1;
}
.menu li:hover span {
  visibility: visible;
  opacity: 1;
}
.menu span a {
  text-decoration: none;
  color: #FFF;
  display: block;
  padding: 0.6em 1em;
  white-space: nowrap;
  position: relative;
}
.menu span a:hover {
  background-color: rgba(255, 255, 255, 0.3);
}
.menu .sub_container {
  position: relative;
  display: block;
}
.menu .sub {
  position: absolute;
  display: block;
  left: 250px;
  top: -1rem;
  background-color: rgba(138, 180, 71, 0.9);
  color: #FFF;
  z-index: 1;
  visibility: hidden;
  opacity: 0;
  font-style: normal;
  -webkit-transition: visibility 0.2s, opacity 0.2s linear;
  transition: visibility 0.2s, opacity 0.2s linear;
}
.menu .sub_container:hover .sub {
  visibility: visible;
  opacity: 1;
}
.menu span a .sub a {
  text-decoration: none;
  color: #FFF;
  display: block;
  padding: 0.6em 1em;
  white-space: nowrap;
  position: relative;
}
.biolab_pro_login a {
  display: block;
  margin-top: 1.3rem;
  color: #FFF;
}
.biolab_pro_login a:hover {
  text-decoration: underline;
}
.caixa_busca {
  display: inline-block;
  margin-left: 1em;
}
.caixa_busca input {
  width: 155px;
  padding: 0.5em 2.5em 0.5em 0.5em;
  border: solid 1px #d4d5e3;
  background-color: #e2e2e3;
  background-image: url('//d2nzgau6ffmz63.cloudfront.net/site/imagens/busca_lupa.png');
  background-repeat: no-repeat;
  background-position: right;
  text-align: right;
}
.contatos {
  background-color: #0084bd;
  background: #0084bd;
  /* Old browsers */
  background: -moz-linear-gradient(left, #0084bd 1%, #00d7f3 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #0084bd 1%, #00d7f3 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #0084bd 1%, #00d7f3 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0084bd', endColorstr='#00d7f3', GradientType=1);
  /* IE6-9 */
  height: 140px;
  padding: 1.6em 0;
}
.logo_rodape {
  width: 33%;
  display: inline-block;
  background-image: url('//d2nzgau6ffmz63.cloudfront.net/site/imagens/logo_biolab_fundo_azul.png');
  background-repeat: no-repeat;
  background-position: left;
  height: 79px;
  vertical-align: middle;
}
.logo_rodape.en {
  background-image: url('//d2nzgau6ffmz63.cloudfront.net/site/imagens/logo_biolab_fundo_azul_en.png');
}
.sac {
  width: 33%;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  color: #FFF;
  font-weight: bold;
  font-size: 1.5em;
}
.sac span {
  color: #FFF;
  text-decoration: none;
  font-size: 0.6em;
  font-weight: normal;
  display: inline-block;
  margin-top: 0.5em;
  background-image: url('//d2nzgau6ffmz63.cloudfront.net/site/imagens/carta.png');
  background-repeat: no-repeat;
  background-position: left;
  padding-left: 28px;
  height: 20px;
}
/* .sac a{
	color: #FFF;
	text-decoration: none;
	font-size: 0.6em;
	font-weight:normal;
	display: inline-block;
	margin-top: 0.5em;
	background-image: url('@{URL_CDN}/site/imagens/carta.png');
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 28px;
	height: 20px;
}
.sac a:hover{
	text-decoration: underline;
} */
.redes_sociais {
  width: 33%;
  display: inline-block;
  text-align: right;
  vertical-align: middle;
  color: #FFF;
}
.redes_sociais a {
  margin-left: 1em;
  text-decoration: none;
  display: inline-block;
  vertical-align: middle;
}
.menu_rodape {
  background-color: #32333c;
  padding: 4em 0;
  color: #FFF;
}
.menu_rodape h5 {
  text-transform: uppercase;
  font-size: 0.8em;
  font-weight: bold;
  margin-bottom: 1.2em;
}
.menu_rodape a {
  color: #ddd;
  display: block;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 0.75em;
  margin: 0.7em 0;
}
.menu_rodape a:hover {
  text-decoration: underline;
}
.copyright {
  background-color: #23242b;
  color: #FFF;
  text-align: center;
  padding: 1em;
  text-transform: uppercase;
  font-size: 0.8em;
}
.margem_vertical {
  margin-top: 2em;
  margin-bottom: 2em;
}
.meia_margem_vertical {
  margin-top: 1em;
  margin-bottom: 1em;
}
.margem_horizontal {
  margin-left: 2em;
  margin-right: 2em;
}
.meia_margem_horizontal {
  margin-left: 1em;
  margin-right: 1em;
}
.linha_alta {
  line-height: 1.6em;
}
.miolo {
  font-size: 0.9em;
  font-weight: 300;
}
.home_imprensa_titulo {
  font-weight: 300;
  font-size: 1.8em;
  text-transform: uppercase;
  display: inline-block;
  margin: 0 0 1em 0;
  color: #00b4ff;
  text-decoration: none;
}
.home_imprensa {
  border-right: solid 1px #ceced0;
  padding-right: 1em;
}
.home_imprensa:last-of-type {
  border-right: none;
  padding-right: 0;
}
.home_imprensa p {
  margin-top: 1em;
}
.fonte_azul {
  color: #00b4ff;
}
.fonte_azul2 {
  color: #0084bd;
}
.fonte_branca {
  color: #FFF;
}
.ler_mais {
  /* color: #FFF;
  background: #bbd532;
  background: linear-gradient(90deg, #bbd532 0%, #0290c3 100%);
  border-radius: 0.5rem;
  padding: 0.6rem 1rem;
  text-align: center;
  text-decoration: none;
  display: block;
  font-weight: bold;
  font-size: 1.1rem;
  text-transform: unset;
  margin-top: 1em;
  transition: opacity 200ms; */

  color: #00537F;
  font-weight: bold;
  margin-top: 1rem;
  margin-bottom: 2rem;
  display: block;

}
.ler_mais span{
	background-color: #00537F;
	width: 1rem;
	height: 1rem;
	border-radius: 50%;
	display: inline-block;
	vertical-align: middle;
	margin-left: .3rem;
	margin-bottom: .2rem;
	position: relative;
	text-align: center;
	overflow: hidden;
}
.ler_mais span:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  width: 4px;
  height: 4px;
  border: solid 2px #FFF;
  border-left: none !important;
  border-bottom: none !important;
  rotate: 45deg;
}
.ler_mais span:before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -80% -50%;
  width: 6px;
  height: 1px;
  border-top: solid 2px #FFF;
}

.ler_mais:hover {
  opacity: 0.8;
}
.ler_mais i {
  vertical-align: middle;
  display: inline-block;
}
.ler_mais.branco {
  color: #FFF;
}
h1 {
  font-weight: 300;
  font-size: 1.8em;
  text-transform: unset;
  display: block;
  margin: 1em 0;
  color: #00537F;
}
h2 {
  font-weight: 300;
  font-size: 1.5em;
  text-transform: uppercase;
  margin: 0.2em 0;
}
h2.com_quebra {
  /* display: -webkit-box; 
	overflow: hidden;
	width: 100%;*/
  max-height: 3.6em;
  padding-right: 1.5em;
  /* text-overflow: ellipsis;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical; */
}
h3 {
  font-weight: 300;
  font-size: 1.1em;
  text-transform: uppercase;
  margin: 0.2em 0;
}
h4 {
  font-weight: 300;
  font-size: 1em;
  text-transform: uppercase;
  margin: 0.2em 0;
}
h4 i {
  display: inline-block;
  vertical-align: middle;
  font-size: 36px !important;
}
.negrito {
  font-weight: bold;
}
.banner_home {
  /*max-width: 1440px;*/
  height: 410px;
  background-image: url('//d2nzgau6ffmz63.cloudfront.net/site/imagens/banner_home.jpg');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  color: #FFF;
  text-transform: uppercase;
  font-weight: normal;
  font-size: 2.1em;
  padding-top: 2em;
}
.banner_home span {
  font-size: 1.4em;
  display: block;
  width: 400px;
  margin-left: 0;
}
/* POSTERS DA HOME */
.posters_destaque {
  text-align: center;
}
.posters_destaque div[class^="coluna"]:first-of-type {
  text-align: left;
}
.posters_destaque div[class^="coluna"]:last-of-type {
  text-align: right;
}
.poster {
  padding: 0 3em;
  -webkit-transition: padding 0.5s;
  transition: padding 0.5s;
}
.temp_poster_menor {
  padding: 3em 6em;
}
.carrossel_posters {
  width: 100%;
  overflow: hidden;
}
.carrossel_poster {
  width: 33.33%;
  display: inline-block;
  position: relative;
  text-indent: 0;
  vertical-align: top;
}
.carrossel_poster span {
  display: block;
  padding: 0 3em;
}
.carrossel_posters .seta_anterior {
  z-index: 10;
}
.carrossel_posters .seta_proximo {
  z-index: 10;
}
/* DESTAQUES DA HOME */
.destaques_home {
  width: 100%;
  height: 350px;
  overflow: hidden;
}
.destaque_home {
  width: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 1.5em;
  display: inline-block;
  position: relative;
  height: 100%;
  text-indent: 0;
  vertical-align: top;
}
.destaques_home .seta_anterior {
  z-index: 10;
}
.destaques_home .seta_proximo {
  z-index: 10;
}
.destaque_home .container {
  position: relative;
  top: 50%;
  -moz-transform: translate(0%, -50%);
  -webkit-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
}
.destaque_home h1 {
  margin: 0;
  /* margin-top: 1.8em; */
  margin-bottom: 0.2em;
}
.destaque_home .container span {
  width: 35%;
  display: block;
  margin: 0;
  white-space: normal;
}
.destaque_home .botao_azul {
  font-size: 0.8em;
  margin-top: 1.3em;
}
.botao_azul {
  background-color: #00b4ff;
  color: #FFF;
  text-transform: uppercase;
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  font-weight: bold;
}
.botao_azul:hover {
  background-color: #25befe;
}
.botao_azul i {
  vertical-align: middle;
}
.blog_home {
  padding: 1em 0 1.8em 0;
  color: #FFF;
  background-color: #0084bd;
  background: #0084bd;
  /* Old browsers */
  background: -moz-linear-gradient(135deg, #0084bd 1%, #00d7f3 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(135deg, #0084bd 1%, #00d7f3 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #0084bd 1%, #00d7f3 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0084bd', endColorstr='#00d7f3', GradientType=1);
  /* IE6-9 */
}
.blog_home h1 {
  margin: 0.1em 0 0.8em 0;
}
.blog_imagem_principal {
  min-height: 277px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.blog_imagem_principal:not(:first-child) {
  display: none;
}
.blog_home_texto {
  padding-left: 1em;
}
.blog_home h2 {
  font-size: 2em;
  font-weight: bold;
  margin: 0 0 0.2em 0;
  display: block;
  height: 2.4em;
  overflow: hidden;
}
.blog_home_item:not(:first-child) {
  display: none;
}
.blog_mais_materias {
  margin-top: 1em;
}
.blog_thumb {
  width: 104px;
  height: 75px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.9em;
  cursor: pointer;
}
.blog_thumb:hover {
  -moz-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  -o-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  -webkit-filter: grayscale(100%);
  filter: gray;
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
}
.blog_mais_materias .ler_mais {
  display: inline-block;
  vertical-align: middle;
}
.banner_comum {
  /*max-width: 1440px;*/
  max-width: 1176px;
  border-radius: 1rem;
  aspect-ratio: 16/9;
  max-height: 70vh;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  text-transform: normal;
  font-weight: 300;
  font-size: 1.8em;
  color: #FFF;
  position: relative;
}
.banner_comum .container {
  position: relative;
  height: 359px;
}
.banner_comum h3 {
  font-weight: 300;
  font-size: 1em;
  text-transform: none;
  margin: 0;
  display: block;
  max-width: 50%;
  position: absolute;
  left: 5%;
  top: 50%;
  transform: translate(0%, -50%);
  text-align: center;
  border-left: solid 1px #FFF;
  border-right: solid 1px #FFF;
  padding: 0 0.5em;
  text-shadow: 0px 0px 15px #004456, 0px 0px 35px #004456, 0px 0px 55px #004456, 0px 0px 55px #004456, 0px 0px 55px #004456;
}
.banner_comum h3.grande {
  font-size: 2em;
}
.banner_comum h3.medio {
  font-size: 1.5em;
}
.banner_comum h3.largura_maior {
  max-width: 65%;
}
.banner_comum h3.largura_maior2 {
  max-width: 59%;
}
.banner_comum h3.largura_media {
  max-width: 33%;
}
.fundo_azul {
  margin: auto;
  color: #FFF;
  background-color: #0084bd;
  padding: 0.5em 0;
}
.fonte_grande {
  font-size: 1.3em;
}
.unidades h3 {
  border-bottom: solid 2px #00bee2;
  display: inline-block;
  padding-bottom: 0.3em;
}
.unidades p {
  text-transform: uppercase;
}
.localizacao {
  display: block;
  background-color: #0084bd;
  background: #0084bd;
  /* Old browsers */
  background: -moz-linear-gradient(135deg, #0084bd 1%, #00d7f3 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(135deg, #0084bd 1%, #00d7f3 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #0084bd 1%, #00d7f3 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0084bd', endColorstr='#00d7f3', GradientType=1);
  /* IE6-9 */
  margin-top: 1em;
  text-decoration: none;
}
.localizacao img {
  display: inline-block;
  vertical-align: middle;
  width: 45%;
  margin-right: 1em;
}
.localizacao .endereco {
  width: 45%;
  display: inline-block;
  vertical-align: middle;
  text-transform: uppercase;
  font-size: 0.8em;
  font-weight: normal;
  color: #FFF;
}
.unidades_fotos {
  max-width: 100%;
  min-height: 300px;
  background-color: #000;
  /* min-height: 346px; */
}
.unidades_foto {
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  text-transform: uppercase;
  display: inline-block;
}
.carrossel {
  position: relative;
  -webkit-transition: text-indent 0.5s;
  transition: text-indent 0.5s;
  overflow: hidden;
  white-space: nowrap;
}
.carrossel .seta_anterior,
.carrossel .seta_proximo {
  position: absolute;
  top: 50%;
  transform: translate(0%, -50%);
  background-color: rgba(0, 0, 0, 0.5);
  width: 25px;
  height: 40px;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}
.carrossel .seta_anterior:hover,
.carrossel .seta_proximo:hover {
  background-color: rgba(0, 0, 0, 0.9);
}
.carrossel .seta_anterior {
  left: 5px;
  background-image: url('//d2nzgau6ffmz63.cloudfront.net/site/imagens/carrossel_seta_anterior.png');
}
.carrossel .seta_proximo {
  right: 5px;
  background-image: url('//d2nzgau6ffmz63.cloudfront.net/site/imagens/carrossel_seta_proximo.png');
}
/* .sobre_empresa iframe{
	height: 315px;
} */
.video {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.video iframe,
.video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.sobre_empresa .fundo_degrade {
  padding-top: 1.5em;
  padding-bottom: 1.5em;
}
.sobre_empresa .dados {
  text-align: center;
}
.fundo_degrade {
  color: #FFF;
  background-color: #0084bd;
  background: #0084bd;
  /* Old browsers */
  background: -moz-linear-gradient(135deg, #0084bd 1%, #00d7f3 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(135deg, #0084bd 1%, #00d7f3 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #0084bd 1%, #00d7f3 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0084bd', endColorstr='#00d7f3', GradientType=1);
  /* IE6-9 */
}
.fundo_cinza {
  background-color: #ebebec;
}
.margem_interna_vertical {
  padding: 1em 0;
}
.imagem_responsiva {
  width: 100%;
}
.sobre_empresa .abas a {
  display: block;
  margin: auto;
  padding: 0.5em;
  text-transform: uppercase;
  text-align: center;
  font-size: 1.5em;
  text-decoration: none;
  color: #AAA;
  border-top: solid 1px #26a1ce;
  border-bottom: solid 1px #26a1ce;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sobre_empresa .abas a:hover {
  background-color: #d2e6ed;
}
.sobre_empresa .abas a.ativo {
  color: #26a1ce;
}
.sobre_empresa .abas a i {
  vertical-align: middle;
}
.sobre_empresa .abas div[class^="coluna"] + div[class^="coluna"] {
  margin-left: 0;
  width: 33.86666667%;
}
.sobre_empresa .aba {
  padding: 2em 1em;
}
.sobre_empresa .aba .linha_alta {
  margin-bottom: 1em !important;
}
.sobre_empresa .aba p {
  margin-bottom: 1em;
}
.sobre_empresa .aba .rotulo {
  color: #26a1ce;
  /* text-align: right;
	padding-top: 0.2em; */
}
.fundo_carregando {
  background-color: rgba(255, 255, 255, 0.7);
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 145;
  display: none;
}
.blur {
  -webkit-filter: blur(2px) saturate(10%);
  filter: blur(2px) saturate(10%);
}
.spinner_carregando {
  margin: auto;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.spinner_carregando::before {
  content: '';
  display: block;
  opacity: 0.9;
  border: 10px solid transparent;
  border-top: 10px solid #26a1ce;
  border-left: 10px solid #26a1ce;
  border-radius: 50%;
  animation: spin 0.6s linear infinite;
  -webkit-animation: spin 0.6s linear infinite;
  margin: auto;
  width: 40px;
  height: 40px;
}
.icone_carregando {
  display: block;
  opacity: 0.8;
  border: 0.5em solid transparent;
  border-top: 0.5em solid #26a1ce;
  border-left: 0.5em solid #26a1ce;
  border-radius: 50%;
  animation: spin 0.6s linear infinite;
  -webkit-animation: spin 0.6s linear infinite;
  margin: auto;
  width: 2em;
  height: 2em;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
.fundo_carregando span {
  position: fixed;
  left: 50%;
  top: 50%;
  width: auto;
  transform: translate(-50%, -100%);
  padding: 1em;
  border-radius: 5px;
  display: none;
  background-color: linear-gradient(60deg, #ef5350, #e53935);
  background: #e53935;
  /* Old browsers */
  background: -moz-linear-gradient(60deg, #ef5350, #e53935);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(60deg, #ef5350, #e53935);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(60deg, #ef5350, #e53935);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  box-shadow: 0 12px 20px -10px rgba(244, 67, 54, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(244, 67, 54, 0.2);
  color: #FFF;
}
.fundo_carregando span a {
  color: #FFF;
}
.blog_lista {
  margin-top: 1em;
  margin-bottom: 2em;
}
.blog_lista a.item {
  padding-top: 1em;
  margin-bottom: 1em;
  border-bottom: solid 1px #4caae4;
  padding-bottom: 1em;
  display: block;
  text-decoration: none;
  color: #35363e;
}
.blog_lista .item h3 {
  text-align: justify;
  font-weight: bold;
  font-size: 2em;
  text-transform: uppercase;
  margin: 0.2em 0;
  color: #4caae4;
  margin-bottom: 0.5em;
}
.blog_lista .item p {
  font-size: 1.3em;
  line-height: 1.6em;
  text-align: justify;
  margin-top: 1em;
}
.blog_lista .item .imagem {
  width: 100%;
  height: 276px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.blog_lista .item .blog_lista_controles {
  display: block;
  clear: both;
  margin-bottom: 2.5em;
}
.blog_lista .item .blog_fonte {
  /* display: inline-block; */
  float: left;
  font-size: 1.2em;
  color: #0084bd;
  text-transform: uppercase;
  margin-top: 1em;
}
.blog_lista .item .ler_mais {
  text-align: right;
  /* display: inline-block; */
  float: right;
}
.blog_lista .detalhes {
  margin-bottom: 1em;
  border-bottom: solid 1px #4caae4;
  padding-bottom: 1em;
}
.blog_lista .detalhes .texto_inteiro {
  font-size: 1.2em;
  text-align: justify;
  margin: 1em 0;
}
.blog_lista .detalhes .data {
  font-size: 1em;
  display: block;
  color: #0084bd;
  margin-top: 1em;
  text-transform: uppercase;
  font-weight: normal;
}
.blog_lista .detalhes + .ler_mais {
  display: block;
  width: 100%;
  text-align: center;
}
.blog_lista .ler_mais .material-icons {
  overflow: hidden;
  width: 30px;
}
.blog_lista .detalhes .autor {
  text-align: right;
}
.blog_lista .detalhes .dados_extras {
  color: #0084bd;
  text-transform: uppercase;
}
.blog_lista .detalhes .fonte_url,
.blog_lista .detalhes a {
  color: #0084bd;
  text-decoration: underline;
}
.linha_tempo {
  width: 100%;
  height: 913px;
  margin-bottom: 2em;
}
.linha_tempo .periodo {
  height: 913px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  text-transform: uppercase;
  display: inline-block;
  text-indent: 0px;
}
.linha_tempo .seta_anterior,
.linha_tempo .seta_proximo {
  background-color: #FFF;
  top: 0px;
  bottom: 0px;
  transform: none;
  height: auto;
  width: 60px;
  background-position: center 282px;
}
.linha_tempo .seta_anterior:hover,
.linha_tempo .seta_proximo:hover {
  background-color: #FFF;
}
.linha_tempo .seta_anterior {
  left: 0px;
  background-image: url('//d2nzgau6ffmz63.cloudfront.net/site/imagens/carrossel_seta_grande_anterior.png');
}
.linha_tempo .seta_proximo {
  right: 0px;
  background-image: url('//d2nzgau6ffmz63.cloudfront.net/site/imagens/carrossel_seta_grande_proximo.png');
}
.produtos_busca {
  background-color: #eaeaeb;
  padding: 1em 0;
  margin: 3em 0;
  text-align: center;
}
.produtos_busca.detalhes {
  padding: 1em 0;
  margin: 0;
  text-align: left;
}
.produtos_busca form {
  display: block;
  margin: 1em 0;
}
.produtos_busca input[type='text'] {
  background-color: #eaeaeb;
  font-size: 1.3em;
  border: none;
  border-bottom: solid 1px #7c7c82;
  padding: 0.5em;
  width: 50%;
  outline: none;
}
.produtos_busca.detalhes input[type='text'] {
  width: 80%;
}
.produtos_busca input[type='submit'] {
  background-color: #eaeaeb;
  text-indent: -1000px;
  overflow: hidden;
  border: none;
  padding: 0.5em;
  width: 45px;
  height: 26px;
  background-image: url('//d2nzgau6ffmz63.cloudfront.net/site/imagens/busca_lupa2.png');
  background-position: center;
  background-repeat: no-repeat;
  outline: none;
}
.pesquisa_letras {
  text-align: center;
  font-size: 1.5em;
  margin: 2em 0;
}
.pesquisa_letras a {
  color: #84858a;
  text-decoration: none;
  margin: 0 0.2em;
}
.pesquisa_letras a:hover {
  text-decoration: underline;
  color: #00b4ff;
}
.pesquisa_letras a.selecionado {
  color: #00b4ff;
}
.lista_produtos {
  margin-bottom: 2em;
}
.produto {
  border: solid 1px #e0e1e2;
  padding: 1em 1.5em;
  margin: 0.5em 0;
}
.produto h3 {
  color: #000;
  font-size: 1.3em;
  margin-bottom: 0.5em;
}
.produto a.ler_mais {
  font-weight: normal !important;
}
.produtos_avert h1 {
  /* color:#a0162a; */
  color: #0084bd;
}
.produtos_avert .ler_mais {
  /* color:#cd2d55; */
  color: #0084bd;
}
.produtos_avert .lista_produtos {
  margin-top: 2em;
}
.barra_avert {
  background-color: #b1182e;
  background-image: url('//d2nzgau6ffmz63.cloudfront.net/site/imagens/fundo_avert.png');
  background-position: right top;
  background-repeat: no-repeat;
  height: 122px;
  padding: 1em;
  margin-top: 1em;
}
.alinhar_direita {
  text-align: right;
}
.alinhar_centro {
  text-align: center;
}
.esporte_fotos {
  max-width: 100%;
  height: 320px;
  background-color: #000;
  margin: 2em;
}
.esporte_foto {
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  text-transform: uppercase;
  display: inline-block;
}
.esporte_educacao .paragrafo2 {
  margin-top: 3em;
  margin-bottom: 2em;
}
.esporte_educacao h2 {
  font-weight: normal;
}
.parcerias .logos {
  text-align: center;
  margin: 2em 0;
}
.parcerias .logos div[class^="coluna"] {
  position: relative;
  height: 128px;
  margin-bottom: 2em;
}
.parcerias .logos div[class^="coluna"] img {
  margin-bottom: 2em;
  max-width: 100%;
  max-height: 50%;
  width: auto;
  height: auto;
}
.parcerias .logos .pais {
  position: absolute;
  bottom: 0px;
  left: 0;
  color: #4caae4;
  text-transform: uppercase;
  font-weight: bold;
  width: 100%;
}
.parcerias .universidades {
  text-align: center;
}
.parcerias .universidades div[class^="coluna"] {
  position: relative;
  min-height: 150px;
  width: 23%;
}
.parcerias .universidades div[class^="coluna-4"] {
  width: 31%;
}
.parcerias .universidades div[class^="coluna"] img {
  display: block;
  position: relative;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  max-width: 100%;
  max-height: 80%;
  width: auto;
  height: auto;
}
/*Problemas com parceiros no iPad
@media (max-width: 780px) { 
	.parcerias .logos div[class^="coluna"] img{
		max-width:120px;
		max-height:80px;
		width: auto;
		height: auto;
	}
}*/
.outras_empresas .empresa {
  margin: 3em 0;
}
.outras_empresas .empresa .imagem {
  text-align: center;
}
.outras_empresas .empresa .imagem img {
  display: block;
  position: relative;
  top: 50%;
  transform: translate(0, -50%);
}
.borda_direita {
  border-right: solid 1px #AAA;
  padding: 1em 1em 1em 0;
}
.saude_solidariedade .linha {
  margin: 2em 0;
}
.saude_fotos {
  width: 100%;
  height: auto;
  background-color: #FFF;
  margin: 2em 0;
}
.saude_fotos .saude_foto {
  height: auto;
  min-width: 240px;
  text-align: center;
  padding: 0 0 0 4em;
  display: inline-block;
  text-indent: 0px;
  vertical-align: middle;
}
.saude_fotos .seta_anterior,
.saude_fotos .seta_proximo {
  background-color: #FFF;
  top: 0px;
  bottom: 0px;
  transform: none;
  height: auto;
  width: 30px;
  background-position: center;
}
.saude_fotos .seta_anterior:hover,
.saude_fotos .seta_proximo:hover {
  background-color: #FFF;
}
.saude_fotos .seta_anterior {
  left: 0px;
  background-image: url('//d2nzgau6ffmz63.cloudfront.net/site/imagens/carrossel_seta_grande_anterior.png');
}
.saude_fotos .seta_proximo {
  right: 0px;
  background-image: url('//d2nzgau6ffmz63.cloudfront.net/site/imagens/carrossel_seta_grande_proximo.png');
}
.programa_estagio .fonte_grande h3 {
  color: #0084bd;
  margin: 1em 0;
  font-size: 1.2em;
  font-weight: bold;
}
.programa_estagio .abas a {
  display: block;
  margin: 0.5em auto;
  padding: 0.5em;
  text-transform: uppercase;
  text-align: center;
  font-size: 1.5em;
  text-decoration: none;
  color: #FFF;
  font-weight: bold;
  background-color: #dbeefa;
  border-radius: 5px;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative;
}
.programa_estagio .abas a:hover {
  background-color: #d2e6ed;
}
.programa_estagio .abas a.ativo {
  background-color: #4caae4;
}
.programa_estagio .abas a i {
  /* vertical-align: middle; */
  position: absolute;
  top: 0.5em;
  right: -1em;
  color: #FFF;
}
.programa_estagio .abas a.ativo i {
  color: #4caae4;
}
.programa_estagio .aba {
  padding: 0 1em;
}
.programa_estagio .aba .linha_alta {
  margin-bottom: 1em !important;
}
.programa_estagio .aba h3 {
  color: #0084bd;
  margin: 0.3em 0;
  font-size: 1.2em;
  font-weight: bold;
}
.programa_estagio .programa {
  padding: 2em 0;
}
.programa_estagio .programa .linha img {
  margin-bottom: 0.5em;
  width: 100%;
}
.programa_estagio .programa .linha {
  text-align: center;
  font-size: 1.4em;
  text-transform: uppercase;
  font-weight: bold;
}
.programa_estagio .preto {
  color: #686b6e;
}
.programa_estagio .azul_escuro {
  color: #006cad;
}
.programa_estagio .azul {
  color: #009de0;
}
.programa_estagio .verde {
  color: #cad22b;
}
.arte_cultura .banner_assinatura {
  position: absolute;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 28, 95, 0.7);
  color: #FFF;
  padding: 0.3em 0.5em;
}
.arte_cultura .artistas {
  margin: 2em 0;
}
.arte_cultura .artistas a {
  font-size: 1.3em;
  color: #AAA;
  text-decoration: none;
  display: block;
  margin: 0.3em 0;
}
.arte_cultura .artistas a.ativo,
.arte_cultura .artistas a:hover {
  color: #006cad;
}
.arte_cultura .fundo_cinza {
  padding: 1em 0;
}
.artistas_trabalhos {
  width: 100%;
  height: auto;
  min-height: 400px;
  background-color: transparent;
}
.artistas_trabalhos .artistas_trabalho {
  width: 100%;
  height: 100%;
  display: inline-block;
  white-space: normal;
  vertical-align: top;
  text-indent: 0;
}
.artistas_trabalhos .seta_anterior,
.artistas_trabalhos .seta_proximo {
  background-color: #ebebec;
  top: 0px;
  bottom: 0px;
  transform: none;
  height: auto;
  width: 30px;
  background-position: center;
}
.artistas_trabalhos .seta_anterior:hover,
.artistas_trabalhos .seta_proximo:hover {
  background-color: #ebebec;
}
.artistas_trabalhos .seta_anterior {
  left: 0px;
  background-image: url('//d2nzgau6ffmz63.cloudfront.net/site/imagens/carrossel_seta_azul_anterior.png');
}
.artistas_trabalhos .seta_proximo {
  right: 0px;
  background-image: url('//d2nzgau6ffmz63.cloudfront.net/site/imagens/carrossel_seta_azul_proximo.png');
}
.artistas_trabalho img {
  display: block;
  width: 100%;
  border: solid 10px #26e5d7;
  border-radius: 3px;
  box-shadow: 0 12px 20px -10px rgba(0, 0, 0, 0.5);
}
.artistas_trabalho .imagem {
  padding: 0 0 0 3em;
}
.artistas_trabalho {
  font-size: 1.3em;
  line-height: 1.6em;
}
.artistas_trabalho h2 {
  color: #006cad;
  margin-bottom: 1em;
}
.artistas_trabalho .margem_horizontal {
  padding: 0 30px;
}
.pagina_sac h1 {
  font-size: 2em;
  margin: 0.5em 0 0.5em 0;
}
.pagina_sac .formulario {
  margin: 1em 0;
}
.pagina_sac .horario h2 {
  font-weight: bold;
  text-transform: none;
  margin-top: 1em;
  margin-bottom: 1em;
}
.pagina_sac .horario span {
  display: block;
  padding: 1em;
  border-top: solid 1px #a2a1a1;
}
.pagina_sac .aviso {
  line-height: 1.5em;
  padding-top: 2.4em;
}
.pagina_sac .faq {
  margin-top: 5em;
}
.faq_pergunta a.titulo {
  display: block;
  background-color: #007fbe;
  padding: 0.3em 0.7em;
  font-size: 1.4em;
  text-transform: uppercase;
  text-decoration: none;
  color: #FFF;
  margin: 0.5em 0;
  position: relative;
}
.faq_pergunta a.titulo:hover {
  background-color: #219dda;
}
.faq_pergunta a.titulo::after {
  content: 'keyboard_arrow_down';
  font-family: 'Material Icons';
  color: #FFF;
  text-transform: none;
  position: absolute;
  top: 0.5em;
  right: 0.5em;
}
.faq_pergunta.ativo a.titulo::after {
  content: 'keyboard_arrow_up';
}
.faq_pergunta .resposta {
  display: none;
  font-size: 1.4em;
  padding: 0.1em 1em 2em 1em;
}
/* .faq_pergunta.ativo .resposta{
	display: block;
} */
.faq_pergunta .resposta a {
  color: #006cad;
}
/* FORMULARIOS */
/*RADIO*/
.radio {
  display: inline-block;
  padding-right: 2em;
  font-size: 18px;
  cursor: pointer;
  line-height: 2em;
  text-transform: uppercase;
}
/*.radio:hover span::after {
	-webkit-transform: scale(0.5);
	-ms-transform: scale(0.5);
	transform: scale(0.5);
	opacity: .5;
}*/
.radio input {
  width: 1px;
  height: 1px;
  opacity: 0;
}
.radio input:checked + span::after {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
/* .radio input:checked + span { border: 3px solid #0084bd; } */
.radio input:focus + span::after {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  background-color: #0084bd;
}
.radio span {
  width: 20px;
  height: 20px;
  display: block;
  float: left;
  margin: 7px 3px 10px 10px;
  border: 1px solid #d4d5e3;
  background-color: #eaeaeb;
}
.radio span::after {
  content: '';
  display: inline-block;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  width: 10px;
  height: 10px;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  display: block;
  margin: 4px;
  background-color: #0084bd;
  opacity: 0;
}
/*CHECKBOX*/
.checkbox {
  display: inline-block;
  padding-right: 2em;
  font-size: 18px;
  cursor: pointer;
  line-height: 2em;
}
/*.checkbox:hover span::after {
	-webkit-transform: scale(0.5);
	-ms-transform: scale(0.5);
	transform: scale(0.5);
	opacity: .5;
}*/
.checkbox input {
  width: 1px;
  height: 1px;
  opacity: 0;
  /* display: none; */
}
.checkbox input:checked + span::after {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
/* .checkbox input:checked + span { border: 3px solid #f08b3b; } */
.checkbox span {
  width: 20px;
  height: 20px;
  display: block;
  float: left;
  /* margin: 3px 10px 10px 10px; */
  margin: 7px 3px 10px 10px;
  border: 1px solid #d4d5e3;
  background-color: #eaeaeb;
}
.checkbox span::after {
  content: '';
  display: inline-block;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  width: 10px;
  height: 10px;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  display: block;
  margin: 4px;
  background-color: #0084bd;
  opacity: 0;
}
/*SELETORES*/
.seletor {
  display: block;
  position: relative;
  padding: 0.5em 1em;
  margin: 1em 0;
  border: 1px solid #b6b6b6;
  border-radius: 0.5rem;
  background-color: #f1f1f1;
  box-shadow: inset 0 0 3px #FFF;
  cursor: pointer;
  color: #35363e;
}
.seletor:after {
  content: 'keyboard_arrow_up keyboard_arrow_down';
  font-family: 'Material Icons';
  display: block;
  width: 20px;
  line-height: 0.7em;
  float: right;
  margin-top: 0em;
  margin-right: -0.5em;
}
.seletor_label {
  display: none;
  margin: auto;
  width: 100%;
  color: #AAA;
  font-size: 0.8em;
  padding: 0;
  color: #0084bd;
}
.seletor_selecao {
  text-transform: uppercase;
}
.seletor .seletor_selecao.selecionado {
  color: #000;
}
.dropdown {
  padding: -0.5em;
  margin: auto;
  background-color: #FFF;
  box-shadow: 0px 1px 5px #CCC;
  border: solid 1px #EEE;
  position: absolute;
  top: -1em;
  left: 0;
  width: 100%;
  z-index: 2;
  display: none;
  max-height: 300px;
  overflow: auto;
  font-size: 0.8em;
}
.dropdown span {
  display: block;
  clear: both;
  padding: 0.5em 1em;
  color: #35363e;
}
.dropdown span:hover {
  background-color: #0084bd;
  color: #FFF;
}
.dropdown span.desabilitado {
  color: #CCC;
  cursor: default;
  background-color: #FFF !important;
}
.formulario_texto {
  text-transform: uppercase;
  margin: 0.5em 0;
  padding: 0.5em 1em;
}
.formulario_texto a {
  color: #0084bd;
}
.linha.form input.entrada[type=text],
.linha.form input.entrada[type=password],
.linha.form textarea.entrada,
.linha.form .seletor {
  margin: 0.5em 0;
}
.linha.form {
  margin-top: -0.5em;
  margin-bottom: -0.5em;
}
input.entrada[type=text],
input.entrada[type=password],
textarea.entrada {
  font-family: inherit;
  display: block;
  margin: auto;
  width: 100%;
  padding: 0.5em 1em;
  font-size: 1em;
  color: #35363e;
  border: solid 1px #b6b6b6;
  border-radius: 0.5rem;
  margin: 1em 0;
  outline: none;
  box-shadow: none;
  background-color: #f1f1f1;
  box-shadow: inset 0 0 3px #FFF;
  -webkit-transition: all 400ms linear;
  -moz-transition: all 400ms linear;
  -o-transition: all 400ms linear;
  -ms-transition: all 400ms linear;
  transition: all 400ms linear;
}
input.entrada[type=text]:placeholder,
input.entrada[type=password]:placeholder,
textarea.entrada:placeholder {
  color: #7b7b7b;
}
textarea.entrada {
  min-height: 160px;
}
input.entrada.erro[type=text],
input.entrada.erro[type=password],
textarea.entrada.erro,
.seletor.erro,
.radio.erro {
  color: #ff0000;
  border: solid 1px #ff0000;
  background-color: #faefec;
}
input.entrada.erro[type=text]::-webkit-input-placeholder,
input.entrada.erro[type=password]::-webkit-input-placeholder,
textarea.entrada.erro::-webkit-input-placeholder {
  color: #ff0000;
}
.botao {
  background-color: #008CC2;
  color: #FFF;
  padding: 0.6rem 1rem;
  font-size: 1.2rem;
  font-weight: bold;
  text-transform: unset;
  text-decoration: none;
  border: none;
  border-radius: 0.5rem;
  cursor: pointer;
  margin: 1em 0;
}
@media (max-width: 600px) {
  .botao {
    width: 100%;
  }
}
.botao i,
img {
  vertical-align: middle;
}
.botao:hover {
  background-color: #219dda;
}
.fonte_menor {
  font-size: 0.75em;
}
.maiuscula {
  text-transform: uppercase;
}
/*JANELAS MODAIS*/
.fundo_modal {
  position: fixed;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 1000;
  display: none;
}
.fundo_modal .janela_modal {
  position: relative;
  background-color: #FFF;
  width: 50%;
  max-width: 680px;
  -webkit-box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.5);
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  margin: auto;
  -webkit-transition: height 0.2s;
  /* For Safari 3.1 to 6.0 */
  transition: height 0.2s;
  -moz-transition: height 0.2s;
}
#conteudo_modal {
  padding: 1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.janela_modal_fechar {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 2.5em;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  position: absolute;
  color: #FFF;
  top: 0px;
  right: 5px;
  width: 36px;
  height: 36px;
  /* background: url("//d2nzgau6ffmz63.cloudfront.net/site/imagens/fancybox/botoes_fechar.png");	 */
  cursor: pointer;
  z-index: 1;
}
.janela_modal_fechar:before {
  content: 'close';
}
/* .botao_fechar_erro{
	background: url("//d2nzgau6ffmz63.cloudfront.net/site/imagens/fancybox/botoes_fechar.png") !important;	
	background-position:0px -37px !important;
	background-repeat:no-repeat !important;
}

.botao_fechar_sucesso{
	background: url("//d2nzgau6ffmz63.cloudfront.net/site/imagens/fancybox/botoes_fechar.png") !important;	
	background-position:0px 0px !important;
	background-repeat:no-repeat !important;
}

.botao_fechar_atencao{
	background: url("//d2nzgau6ffmz63.cloudfront.net/site/imagens/fancybox/botoes_fechar.png") !important;	
	background-position:0px -74px !important;
	background-repeat:no-repeat !important;
} */
.botao_fechar_azul:before {
  color: #4caae4;
}
.botao_fechar_sem_fechar {
  display: none;
}
.alerta_mensagem {
  padding: 2.5em 1em;
  margin: -1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.alerta_mensagem a {
  color: #FFF;
}
.alerta_imagem {
  width: 35px;
  height: 35px;
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  /* vertical-align:middle; */
  margin: 0 auto 1em auto;
}
.alerta_texto {
  display: block;
  /* vertical-align:middle; */
  text-align: center;
  text-transform: uppercase;
  font-size: 1.1em;
  font-weight: bold;
}
.alerta_texto h2 {
  font-size: 1.7em;
  text-transform: uppercase;
  margin: -0.2em 0 0.2em 0;
  font-weight: bold;
}
.alerta_texto .texto_normalizado {
  text-transform: none;
  font-weight: normal;
  font-size: 1.2em;
}
.alerta_mensagem.sucesso,
.alerta_mensagem.sem_fechar {
  background-color: #26e5d7;
  background: -moz-linear-gradient(left, #26e5d7 1%, #00eaff 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #26e5d7 1%, #00eaff 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #26e5d7 1%, #00eaff 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#26e5d7', endColorstr='#00eaff', GradientType=1);
  /* IE6-9 */
  color: #FFF;
}
.alerta_mensagem.erro {
  background-color: #900;
  background: -moz-linear-gradient(left, #c00036 1%, #900 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #c00036 1%, #900 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #c00036 1%, #900 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e82a60', endColorstr='#900', GradientType=1);
  /* IE6-9 */
  color: #FFF;
}
.alerta_mensagem.atencao {
  background-color: #e9ae4a;
  background: -moz-linear-gradient(left, #e9ae4a 1%, #c59543 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #e9ae4a 1%, #c59543 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #e9ae4a 1%, #c59543 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9ae4a', endColorstr='#c59543', GradientType=1);
  /* IE6-9 */
  color: #FFF;
}
.alerta_imagem.sucesso,
.alerta_imagem.sem_fechar {
  background-image: url('//d2nzgau6ffmz63.cloudfront.net/site/imagens/alertaSucesso.png');
}
.alerta_imagem.erro {
  background-image: url('//d2nzgau6ffmz63.cloudfront.net/site/imagens/alertaErro.png');
}
.alerta_imagem.atencao {
  background-image: url('//d2nzgau6ffmz63.cloudfront.net/site/imagens/alertaAtencao.png');
}
.fale_conosco .banner_comum h3 {
  font-size: 1.3em;
}
.fale_sac {
  text-align: center;
  background-color: #26e5d7;
  background: -moz-linear-gradient(left, #26e5d7 1%, #00eaff 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #26e5d7 1%, #00eaff 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #26e5d7 1%, #00eaff 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#26e5d7', endColorstr='#00eaff', GradientType=1);
  /* IE6-9 */
  color: #FFF;
  padding: 1em 2em;
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  text-transform: uppercase;
  font-size: 1.1em;
  font-weight: bold;
  -webkit-box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.2);
}
.fale_sac h2 {
  font-weight: bold;
  margin-bottom: 0.5em;
}
.fale_sac a {
  color: #000;
  display: block;
  margin-top: 0.8em;
  font-weight: normal;
}
.fale_conosco .email {
  background-position: left;
  background-repeat: no-repeat;
  padding-left: 80px;
  text-transform: uppercase;
  font-size: 1.3em;
  color: #0084bd;
  margin-bottom: 2em;
}
.fale_conosco .email a {
  display: block;
  text-transform: none;
  color: #000;
  margin-top: 0.3em;
}
.email.assessoria {
  background-image: url('//d2nzgau6ffmz63.cloudfront.net/site/imagens/fale_icone_assessoria.png');
}
.email.atendimento {
  background-image: url('//d2nzgau6ffmz63.cloudfront.net/site/imagens/fale_icone_atendimento.png');
}
.email.projetos {
  background-image: url('//d2nzgau6ffmz63.cloudfront.net/site/imagens/fale_icone_projetos.png');
}
.email.parcerias {
  background-image: url('//d2nzgau6ffmz63.cloudfront.net/site/imagens/fale_icone_parcerias.png');
}
.email.projetos_sociais {
  background-image: url('//d2nzgau6ffmz63.cloudfront.net/site/imagens/fale_icone_projetos_sociais.png');
}
.eventos_adversos h2 {
  color: #0084bd;
  margin-top: 1em;
}
.eventos_adversos .links {
  color: #000;
  font-size: 1.3em;
}
.eventos_adversos .links a {
  color: #000;
  margin: 0 0.2em;
}
.eventos_relatar .relatar {
  padding: 0.3em 0.5em 0.3em 0.5em;
  margin: 2em 0 0.5em 0;
  font-size: 1.5em;
  text-transform: uppercase;
  background-color: #007fbe;
  color: #FFF;
  cursor: pointer;
  position: relative;
}
.eventos_relatar .relatar:hover {
  background-color: #219dda;
}
.eventos_relatar .relatar::after {
  content: 'keyboard_arrow_down';
  font-family: 'Material Icons';
  color: #FFF;
  text-transform: none;
  position: absolute;
  top: 0.5em;
  right: 0.5em;
}
.eventos_relatar.ativo .relatar::after {
  content: 'keyboard_arrow_up';
}
.eventos_relatar .resposta {
  display: none;
}
.eventos_adversos .formulario {
  margin: 2em 0;
  width: 70%;
}
.eventos_adversos h4 {
  margin-top: 2em;
  display: block;
}
.margem_interna_altura {
  padding: 0.7em 0;
}
.eventos_adversos #produto {
  margin: 1em 0;
  display: block;
}
.eventos_adversos .formulario a {
  text-transform: uppercase;
  color: #000;
  text-decoration: none;
  font-weight: bold;
  display: block;
  clear: both;
  margin-top: 1em;
}
.eventos_adversos .formulario a:hover {
  text-decoration: underline;
}
.produto_adicional {
  margin: 1em 0;
  border-top: solid 1px #555;
  padding: 1em 0;
}
.desenvolvimento .linha_alta p {
  margin: 1em 0;
}
.desenvolvimento .abas {
  margin-top: 4em;
}
.desenvolvimento .abas a {
  color: #888;
  text-decoration: none;
  font-size: 1.3em;
  text-transform: uppercase;
  text-align: center;
  display: block;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.desenvolvimento .abas a img {
  display: block;
  margin-bottom: 1em;
  height: 85px;
  width: auto;
  -webkit-filter: saturate(0%);
  filter: saturate(0%);
  opacity: 0.5;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.desenvolvimento .abas a i {
  display: block;
  font-size: 2em;
}
.desenvolvimento .abas a:hover,
.desenvolvimento .abas a.ativo {
  color: #0084bd;
}
.desenvolvimento .abas a:hover img,
.desenvolvimento .abas a.ativo img {
  -webkit-filter: saturate(100%);
  filter: saturate(100%);
  opacity: 1;
}
.desenvolvimento .abas_descritivos div {
  line-height: 1.6em;
}
.desenvolvimento .abas_descritivos div p {
  margin: 1em 0;
}
.desenvolvimento .abas_descritivos #aba_1 {
  width: 50%;
  margin-left: 0;
}
.desenvolvimento .abas_descritivos #aba_2 {
  width: 50%;
  margin-left: 25%;
}
.desenvolvimento .abas_descritivos #aba_3 {
  width: 50%;
  margin-right: 25%;
  text-align: right;
}
.desenvolvimento .abas_descritivos #aba_4 {
  width: 50%;
  margin-right: 0;
  text-align: right;
}
.desenvolvimento .abas_descritivos ul {
  font-weight: bold;
  list-style: none;
}
.desenvolvimento .abas_descritivos ul li::before {
  content: "• ";
  color: #0084bd;
  display: inline-block;
  margin-right: 1em;
}
.desenvolvimento h3 i {
  vertical-align: middle;
}
.desenvolvimento .fundo_cinza h1 {
  margin-bottom: 0;
}
.desenvolvimento .fundo_azul {
  padding: 1em 2em;
}
.beneficio_titulo {
  margin-top: 0.5em;
}
.beneficio_titulo .titulo {
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
  text-transform: uppercase;
}
.beneficio_titulo .titulo span {
  text-transform: none;
}
.desenvolvimento .titulo i {
  vertical-align: middle;
}
.beneficio_titulo .resposta {
  margin-bottom: 2em;
  display: none;
}
.pesquisa_inovacao .linha_alta p {
  margin: 1em 0;
}
.pesquisa_inovacao .abas {
  margin-top: 4em;
}
.pesquisa_inovacao .abas a {
  /* color: #888; */
  color: #0084bd;
  cursor: default;
  text-decoration: none;
  font-size: 1.3em;
  text-transform: uppercase;
  text-align: center;
  display: block;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.pesquisa_inovacao .abas a img {
  display: block;
  margin-bottom: 1em;
  height: 85px;
  width: auto;
  /* -webkit-filter: saturate(0%);
	filter: saturate(0%);
	opacity: 0.5; */
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.pesquisa_inovacao .abas a i {
  /* display:block; */
  display: none;
  font-size: 2em;
}
.pesquisa_inovacao .abas a:hover,
.pesquisa_inovacao .abas a.ativo {
  color: #0084bd;
}
.pesquisa_inovacao .abas a:hover img,
.pesquisa_inovacao .abas a.ativo img {
  -webkit-filter: saturate(100%);
  filter: saturate(100%);
  opacity: 1;
}
.pesquisa_inovacao .abas a span {
  min-height: 2em;
  display: block;
}
.pesquisa_inovacao .abas_descritivos {
  display: none;
}
.pesquisa_inovacao .abas_descritivos div {
  line-height: 1.6em;
}
.pesquisa_inovacao .abas_descritivos div p {
  margin: 1em 0;
}
.pesquisa_inovacao .abas_descritivos #aba_1 {
  width: 50%;
  margin-left: 0;
}
.pesquisa_inovacao .abas_descritivos #aba_2 {
  width: 50%;
  margin-left: 25%;
}
.pesquisa_inovacao .abas_descritivos #aba_3 {
  width: 50%;
  margin-right: 45%;
  text-align: right;
}
.pesquisa_inovacao .abas_descritivos #aba_4 {
  width: 50%;
  margin-right: 15%;
  text-align: right;
}
.pesquisa_inovacao .abas_descritivos #aba_5 {
  width: 50%;
  margin-right: 0;
  text-align: right;
}
.pesquisa_inovacao .foco {
  font-size: 1.2em;
  font-weight: bold;
  padding-right: 4em;
}
.pesquisa_inovacao .foco img {
  display: block;
  margin: 2em auto;
}
.box_azul {
  background: #26e5d8;
  /* Old browsers */
  background-color: linear-gradient(90deg, #26e5d8 1%, #01eafe 100%);
  background: -moz-linear-gradient(90deg, #26e5d8 1%, #01eafe 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(90deg, #26e5d8 1%, #01eafe 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(90deg, #26e5d8 1%, #01eafe 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  padding: 2em;
  border-radius: 4px;
  text-align: center;
  font-size: 1.2em;
  font-weight: bold;
  margin: 1em 0;
}
.box_azul .item {
  display: block;
  text-transform: uppercase;
  font-size: 1.3em;
  text-align: left;
  margin: auto;
  width: 65%;
  margin-bottom: 0.5em;
}
.box_azul .item img {
  vertical-align: middle;
  margin-right: 0.7em;
}
.titulo_produto {
  background-color: #0084bd;
  padding: 1.5em 0;
  color: #FFF;
  font-size: 1.9em;
  margin-bottom: 2em;
}
.titulo_produto h1 {
  margin: 0;
  font-size: 1.8em;
  font-weight: bold;
  margin-bottom: 0.2em;
}
.farma_avert .titulo_produto {
  /* background-color: #b1182e; */
  background-color: #0084bd;
}
.farma_actavis .titulo_produto {
  background-color: #63a342;
}
.farma_id_biolab .titulo_produto {
  background-color: #324070;
}
.persistir {
  font-size: 1.8em;
  text-align: center;
  border-top: solid 1px #98999d;
  padding: 1.5em 0;
  font-weight: bold;
}
.produto_detalhes .informacoes {
  margin-bottom: 3em;
  font-size: 1.4em;
}
.produto_detalhes .informacoes h2 {
  font-size: 1.5em;
  font-weight: bold;
  color: #0084bd;
  margin-bottom: 0.5em;
}
.produto_detalhes .caracteristica {
  margin-bottom: 3em;
}
.produto_detalhes .caracteristica h2:after {
  content: ' ';
  display: inline-block;
  vertical-align: middle;
  width: 29px;
  height: 25px;
  background-position: center;
  background-repeat: no-repeat;
  margin-left: 0.5em;
  margin-bottom: 7px;
}
.produto_detalhes .apresentacao h2:after {
  background-image: url('//d2nzgau6ffmz63.cloudfront.net/site/imagens/produto_apresentacao.png');
}
.produto_detalhes .classe_terapeutica h2:after {
  background-image: url('//d2nzgau6ffmz63.cloudfront.net/site/imagens/produto_classe.png');
}
.produto_detalhes .classificacao h2:after {
  background-image: url('//d2nzgau6ffmz63.cloudfront.net/site/imagens/produto_classificacao.png');
}
.produto_detalhes.farma_biolab .banner_comum h3 {
  max-width: 600px;
}
.produto_detalhes .bulas {
  margin-top: 2rem;
}
.produto_detalhes .bulas a + a {
  margin-left: 1rem;
}
.produto_detalhes .bulas a span {
  vertical-align: middle;
}
.atualizado {
  text-transform: uppercase;
  padding: 1em 0;
  color: #0084bd;
  text-align: right;
  font-size: 0.9em;
}
/* styles for '...' */
.com_quebra {
  /* hide text if it more than N lines  */
  overflow: hidden;
  /* for set '...' in absolute position */
  position: relative;
  /* use this value to count block height */
  line-height: 1.2em;
  /* max-height = line-height (1.2) * lines max number (3) */
  /* max-height: 2.4em;  */
  /* fix problem when last visible word doesn't adjoin right side  */
  text-align: justify;
  /* place for '...' */
  margin-right: -1em;
  padding-right: 1em;
}
/* create the ... */
.com_quebra:before {
  /* points in the end */
  content: '...';
  /* absolute position */
  position: absolute;
  /* set position to right bottom corner of block */
  right: 0.7em;
  bottom: 0;
}
/* hide ... if we have text, which is less than or equal to max lines */
.com_quebra:after {
  /* points in the end */
  content: '';
  /* absolute position */
  position: absolute;
  /* set position to right bottom corner of text */
  right: 0.7em;
  /* set width and height */
  width: 1em;
  height: 1em;
  margin-top: 0.2em;
  /* bg color = bg color under block */
  background: white;
}
.barra_menu.fixa {
  position: fixed;
  top: -130px;
  left: 0px;
  right: 0px;
  background-color: #FFF;
  z-index: 10;
  height: 80px;
  padding: 0.2em 0 0 0;
  box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.42);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.barra_menu.fixa.fim {
  top: 0px;
}
.barra_menu.fixa .logo {
  width: 139px;
  height: 67px;
}
.barra_menu.fixa .menu {
  padding: 1.6em 0;
}
.codigo_conduta .banner_comum h3 {
  max-width: 100%;
}
.codigo_conduta .download img {
  margin-bottom: 2em;
}
.codigo_conduta .download .coluna-3 {
  text-align: center;
}
.codigo_conduta .download p {
  margin-top: 5em;
}
.codigo_conduta .email {
  background-position: top left;
  background-repeat: no-repeat;
  padding-left: 80px;
  text-transform: uppercase;
  font-size: 1.3em;
  color: #0084bd;
  margin: 2em 0;
  margin-bottom: 2em;
}
.codigo_conduta .email a {
  display: block;
  text-transform: none;
  color: #000;
  margin-top: 0.3em;
}
.codigo_conduta .email.ouvidoria {
  background-image: url('//d2nzgau6ffmz63.cloudfront.net/site/imagens/codigo_icone_ouvidoria.png');
}
.ouvidoria.ouvidoria.ouvidoria.ouvidoria {
  font-size: 1em;
  color: #000;
  text-transform: none;
}
.ouvidoria.ouvidoria.ouvidoria.ouvidoria h3 {
  text-transform: uppercase;
  font-size: 1.3em;
  color: #0084bd;
  margin: 0;
  margin-bottom: 1rem;
}
.ouvidoria.ouvidoria.ouvidoria.ouvidoria a {
  display: inline-block;
}
/* Actavis */
.produtos_actavis .banner_comum h3,
.produto_detalhes.farma_actavis .banner_comum h3 {
  font-size: 1.5em;
  max-width: 60%;
}
.produtos_actavis h1 {
  font-size: 2.5em;
}
.descricao_actavis {
  line-height: 1.6em;
  font-size: 1.2em;
}
.produtos_actavis p {
  margin: 1em 0;
}
.produtos_actavis strong {
  color: #000;
}
.produtos_actavis .logos {
  margin: 2em 0;
  clear: both;
  width: 100%;
  height: 40px;
}
.produtos_actavis .logos img.esquerda {
  float: right;
}
.descricao_actavis .atendimento {
  background-position: left top;
  background-repeat: no-repeat;
  padding-left: 80px;
  margin-bottom: 3em;
  margin-top: 3em;
}
.descricao_actavis .atendimento span {
  text-transform: uppercase;
  font-size: 1.4em;
  color: #0084bd;
}
.descricao_actavis .atendimento.consumidor {
  background-image: url('//d2nzgau6ffmz63.cloudfront.net/site/imagens/actavis_bullet1.png');
}
.descricao_actavis .atendimento.comercial {
  background-image: url('//d2nzgau6ffmz63.cloudfront.net/site/imagens/actavis_bullet2.png');
}
/* Biolab Genéricos */
.produtos_biolabgenericos .banner_comum h3,
.produto_detalhes.farma_biolabgenericos .banner_comum h3 {
  font-size: 1.5em;
  max-width: 60%;
}
.produtos_biolabgenericos h1 {
  font-size: 2.5em;
}
.descricao_biolabgenericos {
  line-height: 1.6em;
  font-size: 1.2em;
}
.produtos_biolabgenericos p {
  margin: 1em 0;
}
.produtos_biolabgenericos strong {
  color: #000;
}
.produtos_biolabgenericos .area_video {
  max-width: 900px;
  margin: auto;
  margin-top: 2em;
}
.produtos_biolabgenericos .video {
  position: relative;
  padding-bottom: 52.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
}
/* CADASTRO BIOLAB PRO */
.cadastro .checkbox {
  font-size: 0.8rem;
  text-transform: unset;
  width: 100%;
}
.cadastro_categorias {
  display: none;
}
.cadastro .linha {
  clear: both;
}
.balao_ajuda {
  position: relative;
  background-color: #344955;
  color: #FFF;
  padding: 0.5rem 1rem;
  font-size: 0.8rem;
  display: inline-block;
  margin: auto;
}
.balao_ajuda:before {
  content: '';
  position: absolute;
  top: -8px;
  left: 2rem;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 7.5px 8px 7.5px;
  border-color: transparent transparent #344955 transparent;
}
.balao_ajuda.vermelho {
  background-color: #e53935;
  display: none;
}
.balao_ajuda.vermelho:before {
  border-color: transparent transparent #e53935 transparent;
}
.obrigatorio {
  color: #e53935;
}
@media (min-width: 851px) {
  .cabecalho .menu {
    position: relative;
  }
}
/* ENQUETES */
.caixa_enquete {
  margin: 1rem auto;
  padding: 0.5rem 1rem;
  border: solid 1px #006cad;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1), 2px 4px 10px rgba(0, 108, 173, 0.2);
  border-radius: 4px;
}
.caixa_enquete .titulo {
  color: #006cad;
  font-size: 1.5em;
  margin: 0;
  margin-bottom: 1rem;
}
.caixa_enquete .conclusao {
  display: none;
  margin-bottom: 1rem;
}
.caixa_enquete .pontuacao {
  color: #006cad;
  font-size: 1.2em;
  margin: 0;
  margin-top: 1rem;
}
.caixa_enquete .pergunta .enunciado {
  font-weight: bold;
  margin-top: 1rem;
  /* background-color: #EEE; */
  padding: 0.5rem 0;
}
.caixa_enquete .botao {
  margin: 0.5rem auto;
  display: table;
}
.caixa_enquete .resultado .pergunta .resposta {
  display: block;
  clear: both;
  margin: 0.5rem 0;
}
.caixa_enquete .resultado .pergunta .resposta .parcial {
  float: left;
  background-color: #006cad;
  padding: 0.2rem;
  width: 70px;
  text-align: center;
  color: #FFF;
  font-weight: bold;
  margin-right: 0.5rem;
  border-radius: 4px;
}
.caixa_enquete .resultado .pergunta .resposta.quiz .auxiliar,
.caixa_enquete .resultado .pergunta .resposta.quiz_multiplo .auxiliar {
  display: inline-block;
  width: 20px;
  height: 20px;
  border: solid 2px #000;
  vertical-align: middle;
  margin-right: 0.5rem;
  position: relative;
}
.caixa_enquete .resultado .pergunta .resposta.quiz.cliente1 .auxiliar:before,
.caixa_enquete .resultado .pergunta .resposta.quiz_multiplo.cliente1 .auxiliar:before {
  content: '';
  display: inline-block;
  width: 5px;
  height: 8px;
  border-right: solid 2px #000;
  border-bottom: solid 2px #000;
  position: absolute;
  top: 2px;
  left: 5px;
  transform: rotateZ(40deg);
}
.caixa_enquete .resultado .pergunta .resposta.quiz.correta0.cliente1,
.caixa_enquete .resultado .pergunta .resposta.quiz_multiplo.correta0.cliente1 {
  color: #a0162a;
  font-weight: bold;
}
.caixa_enquete .resultado .pergunta .resposta.quiz.correta1,
.caixa_enquete .resultado .pergunta .resposta.quiz_multiplo.correta1 {
  color: #45752d;
  font-weight: bold;
}
/* ICRM */
.icrm {
  color: #FFF;
  font-size: 2em;
  min-height: 100vh;
  background: #266787;
  background-image: url('/site/imagens/icrm_cabecalho.jpg');
  background-position: top;
  background-size: contain;
  background-repeat: no-repeat;
}
.icrm .formulario {
  min-height: 100vh;
  background-image: url('/site/imagens/icrm_rodape.png');
  background-position: bottom;
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 3rem;
  padding-top: 2rem;
  padding-bottom: 10rem;
}
.icrm h2 {
  color: #266787;
  font-size: 1em;
  text-transform: none;
}
.icrm .dados_fixos {
  margin-top: 2rem;
}
.icrm .entrada.entrada.entrada.entrada.entrada,
.icrm .seletor.seletor.seletor.seletor.seletor {
  font-size: 0.8em;
  border-radius: 10px;
}
.icrm .botao {
  font-size: 0.7em;
  border-radius: 10px;
  background-color: #cad226;
  padding: 1rem;
  display: block;
  width: 100%;
}
.icrm .titulo_assuntos {
  color: #FFF;
  font-size: 1em;
  text-transform: none;
  display: block;
  clear: both;
  margin-top: 1.5rem;
}
.icrm .interesses {
  background-color: #FFF;
  border-radius: 10px;
  padding: 1rem;
  color: #000;
}
.icrm .interesses .checkbox {
  font-size: 0.5em !important;
}
.icrm .caixa_encerramento {
  margin-top: 4.5rem;
}
.icrm .botao.escuro {
  background-color: #59595b;
}
.icrm .caixa_senha {
  display: none;
}
.simdax_termos p {
  margin: 1rem 0;
}
.lgpd {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.9);
  color: #FFF;
  padding: 2rem 0.5rem;
  display: none;
}
.lgpd a {
  color: #FFF;
  text-decoration: underline;
}
.lgpd a:hover {
  color: #0084bd;
}
.lgpd button {
  float: right;
  vertical-align: top;
  margin: 0.8rem;
}
.lgpd button.fechar {
  background: none;
  border: none;
  cursor: pointer;
  color: #FFF;
  margin-top: 1.3rem;
}
.tela_acesso_login .form {
  max-width: 400px;
}
.tela_acesso_login #form_token {
  display: none;
}
.tela_acesso_login #form_token .entrada_token {
  position: relative;
  font-family: 'Courier New', Courier, monospace;
  isolation: isolate;
  margin-top: 1rem;
  overflow: clip;
}
.tela_acesso_login #form_token .entrada_token .blocos {
  display: none;
}
.tela_acesso_login #form_token .entrada_token .entrada {
  font-family: inherit;
  position: relative;
  z-index: 2;
  font-weight: bold;
  letter-spacing: min(1.45em, 8.5vw);
  font-size: 2rem;
  padding: 0.2em min(0.8em, 5vw);
  -moz-appearance: textfield;
}
.tela_acesso_login #form_token .entrada_token .entrada::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.tela_acesso_login #msg_token {
  margin-bottom: 1rem;
}
.cadastro .etapa1_msg_erro {
  display: none;
  padding: 1rem;
  background-color: #c00036;
  color: #FFF;
  border-radius: 1rem;
  margin-top: 1rem;
}
.cadastro .etapa1_msg_erro a {
  color: #FFF;
}
.cadastro #etapa_2 {
  display: none;
}
.cadastro #etapa_2 h1 {
  margin-top: 4rem;
}
.cadastro .campo_preenchido {
  margin: 0.5rem 0;
}
.sugestoes {
    list-style: none;
    padding: 0;
    margin: 0;
    border: 1px solid #ccc;
    position: absolute;
    background: white;
    width: 250px;
    z-index: 999;
    display: none;
}
.sugestoes li {
    padding: 5px 10px;
    cursor: pointer;
}
.sugestoes li:hover {
    background: #f0f0f0;
}
.texto_centralizar {
  text-align: center;
}
.tela_biobox .banner_biobox {
  width: 100%;
  aspect-ratio: 1042/425;
  background-image: url('/site/imagens/biobox/banner_principal.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: min(6vw, 3rem);
  margin-top: 1rem;
}
.tela_biobox h1,
.tela_biobox h2 {
  color: #00537F;
  text-align: center;
  margin: 2rem 0 2rem 0;
  text-wrap: pretty;
}
.tela_biobox p.margem_vertical {
  margin-top: 0;
}
.tela_biobox .caixa_bioboxes {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  gap: 1.5rem 0.5rem;
  margin-top: 2rem;
  margin-bottom: 6rem;
}
.tela_biobox .caixa_bioboxes .biobox {
  display: block;
  max-width: 240px;
  position: relative;
}
@media (max-width: 850px) {
  .tela_biobox .caixa_bioboxes .biobox {
    width: calc(50% - 1rem);
  }
}
.tela_biobox .caixa_bioboxes .biobox img {
  display: block;
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
  border-radius: 2rem;
}
.tela_biobox .caixa_bioboxes .biobox:has(.esgotado):after {
  content: '';
  display: block;
  background-color: #a0162a;
  position: absolute;
  inset: -0.5rem;
  border-radius: 2rem;
  opacity: 0.3;
}
.tela_biobox .caixa_bioboxes .biobox .botoes {
  margin-top: 0.5rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.tela_biobox .caixa_bioboxes .biobox .botoes a {
  flex-grow: 1;
  display: block;
  text-decoration: none;
  text-align: center;
  padding: 0.5rem;
  border-radius: 100vh;
  transition: background-color 200ms;
}
.tela_biobox .caixa_bioboxes .biobox .botoes a.selecionar {
  background-color: #00537F;
  color: #FFF;
}
.tela_biobox .caixa_bioboxes .biobox .botoes a.selecionar:hover {
  background-color: #076fa7;
}
.tela_biobox .caixa_bioboxes .biobox .botoes a.saiba_mais {
  background-color: #D9D9D9;
  color: #404040;
}
.tela_biobox .caixa_bioboxes .biobox .botoes a.saiba_mais:hover {
  background-color: #d4d4d4;
}
.tela_biobox .caixa_bioboxes .biobox .botoes .esgotado {
  flex-grow: 1;
  text-transform: uppercase;
  font-weight: bold;
  background-color: #a0162a;
  padding: 0.5rem;
  border-radius: 100vh;
  color: #FFF;
  text-align: center;
}
.tela_biobox .caixa_bioboxes .biobox .descritivo {
  margin-top: 0.5rem;
  font-size: 0.8em;
  min-height: 126px;
}
@media (max-width: 850px) {
  .tela_biobox .caixa_bioboxes .biobox .descritivo {
    min-height: 136px;
  }
}
@media (max-width: 850px) {
  .tela_biobox .tela_biobox_faq .botao span {
    display: block;
  }
}
/* Estilos para a listagem de cursos */
:root {
  --cor-primaria: #0077a2;
  --cor-secundaria: #4ad4f3;
  --cor-fundo: #f8f9fa;
  --cor-texto: #35363E;
  --cor-borda: #e9ecef;
  --cor-btn-hover: #00537F;
  --sombra-card: 0 4px 12px rgba(0, 0, 0, 0.1);
  --raio-borda: 8px;
}

.tela_cursos h1, .tela_cursos h2 {
  color: #00537F;
  text-align: center;
  margin: 2rem 0 2rem 0;
  text-wrap: pretty;
  text-transform: none;
  font-size: 1.5rem;
}

.tela_cursos .margem_vertical {
  margin-top: 2em;
  margin-bottom: 0;
}

.tela_cursos .banner_cursos {
  width: 100%;
  aspect-ratio: 1042 / 325;
  background-image: url(/site/imagens/cursos/biocursos_banner_principal.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: min(6vw, 3rem);
  margin-top: 1rem;
}

.cursos-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
  margin-bottom: 2rem;
  font-family: Arial, sans-serif;
  font-weight: 400;
  color: var(--cor-texto);
  margin: 0px;
  padding: 0px;
}

.curso-content{
  width: 100%;
}

.curso-card {
  background-color: #F0F1F5;
  border-radius: var(--raio-borda);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  width: 100%;
}

.curso-img-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 140px;
  background-color: #f0f0f0;
}

.curso-imagem {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.curso-info {
  padding: 0.8rem 0 0.8rem 0;
  position: relative;
  padding-left: 0.7rem;
  padding-right: 0.7rem;
  margin: 0px;
  letter-spacing: 0.25px;
}

.curso-categoria {
  font-size: 12px;
  margin-bottom: 0.25rem;
  font-weight: 700;
  text-align: left;
}

.curso-titulo {
  font-size: 12px;
  margin-bottom: 1rem;
  line-height: 1.3;
  text-align: left;
  text-transform: none;
}

.curso-separador {
  width: 100%;
  height: 1px;
  background-color: #D9D9D9;
  margin: 0 0 1rem;
}

.curso-meta {
  position: absolute;
  top: 0.8rem;
  right: 0.5rem;
  display: flex;
  align-items: center;
  margin: 0px;
  padding: 0px;
}

.curso-duracao {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 12px;
}

.duracao-icone {
  font-size: 12px;
}

.curso-acesso {
  margin-top: auto;
  text-align: right;
  margin: 0px;
  padding: 0px;
}

.btn-acessar {
  color: #00537F;
  font-weight: 400;
  font-size: 14px;
  padding: 0.5rem 1.25rem;
  border-radius: 4px;
  text-decoration: none;
  transition: background-color 0.2s ease;
  display: inline-block;
  border: none;
  outline: none;
}

.btn-acessar:hover {
  background-color: var(--cor-btn-hover);
  color: white;
}

.btn-small {
  padding: 0.4rem 1rem;
  font-size: 0.85rem;
  min-width: auto;
}

.sem-cursos {
  text-align: center;
  color: #6c757d;
  font-style: italic;
  padding: 2rem;
  grid-column: 1 / -1;
}

/* Responsividade - Apenas desktop tem 2 colunas */
@media (min-width: 992px) {
  .cursos-grid {
      grid-template-columns: repeat(2, 1fr);
      gap: 2rem;
      margin: 0 4rem;
  }
  .curso-img-container {
      height: 200px;
  }
}
@media (max-width: 992px) {
  .tela_cursos .banner_cursos {
      aspect-ratio: 1042 / 500;
  }
}
@media (min-width: 520px) and (max-width: 992px) {
  .cursos-grid {
      margin: 0 4rem;
  }
}
/* END Estilos para a listagem de cursos */

/* Estilo para toda a enquete */
.enquete-interna {
    max-width: 600px;
    margin: 0 auto;
    padding: 20px;
    display: none;
}

.enquete-interna.inicializado {
    display: block;
}

/* Estilo para o título da enquete */
.titulo-enquete {
    color: #0088cc;
    text-align: center;
    margin-top: 0;
    margin-bottom: 10px;
}

/* Estilo para a descrição da enquete */
.descricao-enquete {
    font-style: italic;
    text-align: center;
    margin-bottom: 20px;
    color: #fff;
}

/* Container para as perguntas */
.perguntas-enquete {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 20px;
}

/* Estilo para cada pergunta individual */
.pergunta-enquete {
    display: flex;
    flex-direction: column;
    gap: 15px;
	  min-width: 85%;
}

/* Estilo para o enunciado da pergunta */
.enunciado-pergunta {
    color: #0088cc;
    font-weight: bold;
    text-align: center;
    margin-bottom: 5px;
}

/* Container para as respostas de cada pergunta */
.respostas-container {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
}

/* Estilo para os botões de resposta */
.resposta-enquete {
    padding: 12px 15px;
    border: 1px solid #0088cc;
    border-radius: 10px;
    background-color: #fff;
    color: #0088cc;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s, color 0.3s;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
}

.resposta-enquete:hover {
    background-color: #e6f7ff;
}

.resposta-enquete:active {
    background-color: #0088cc;
    color: #fff;
}

/* Estilo para a mensagem de conclusão */
.conclusao-enquete {
    text-align: center;
    margin-top: 20px;
    padding: 15px;
    color: #FFFFFF;
    font-weight: bold;
    display: none;
}
/* Fim do estilo para Enquetes */

.rodape_v2 {
  padding-bottom: 3rem;
}
.rodape_v2 .separador {
  width: 100%;
  height: 0.7rem;
  background: #bbd532;
  background: linear-gradient(90deg, #bbd532 0%, #0290c3 100%);
  border-radius: 3rem 3rem 0 0;
}
.rodape_v2 .redes {
  display: flex;
  justify-content: center;
}
.rodape_v2 .redes a {
  width: 2.5rem;
  height: 2.5rem;
  background-color: #0290c3;
  text-align: center;
  line-height: 2.5rem;
  border-radius: 50%;
  margin: 1rem;
}
.rodape_v2 .redes a img {
  height: 45%;
  width: auto;
  margin-bottom: 5px;
}
.rodape_v2 .familia {
  display: flex;
  justify-content: space-between;
  gap: 7vw;
  margin-top: 1rem;
}
.rodape_v2 .familia a {
  flex-grow: 1;
  height: 12vw;
  max-height: 3rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.rodape_v2 .familia a.studio {
  background-image: url('/site/imagens/pro/logo_biolab_pro.png');
  background-position: left;
}
.rodape_v2 .familia a.farma {
  background-image: url('/site/imagens/pro/logo_farma.png');
}
.rodape_v2 .familia a.see {
  background-image: url('/site/imagens/pro/logo_see.png');
  background-position: right;
}
.rodape_v2 .links {
  margin-top: 2rem;
}
.rodape_v2 .links a {
  display: block;
  color: #555;
  text-decoration: none;
  margin-top: 1rem;
}
.rodape_v2 .links a:hover {
  color: #0290c3;
  text-decoration: underline;
}
