@import url(reset.css);
@import url(fonts.css);
@import url(responsivo.css);
@import url(padrao.css);

header { z-index: 5; padding: 50px 0px 0px; float: left; width: 100%; height: auto; position: absolute; top: -200px; left: 0px; opacity: 0; }

header #logo { float: left; width: 280px; height: auto; position: relative; }
header #menu_portal { width: 760px; height: auto; float: right; position: relative; padding: 0px; opacity: 0; }
header #menu_portal #topo_portal { width: 100%; height: auto; float: right; position: relative; text-align: right; padding: 15px 0px 20px; }
header #menu_portal #topo_portal a.link_saiba_mais { float: right; }
header #menu_portal #topo_menu { width: 100%; height: auto; float: right; position: relative; text-align: right; padding: 0px; }
header #menu_portal #topo_menu ul { float: right; width: auto; height: auto; position: relative; margin: 0px; list-style:none; padding-right: 0px!important; }
header #menu_portal #topo_menu ul li { float: left; width: auto; height: auto; padding: 0px; margin: 0px; }
header #menu_portal #topo_menu ul li a { text-align: left; font: normal normal normal 24px/30px var(--cor-destaque); letter-spacing: 0px; color: #FCFEFF; padding: 0px 0px 0px 5px; margin: 0px 25px 0px; transition: 0.7s ease; -webkit-transition: 0.5s ease; float: left; position: relative; width: auto; height: auto; }
header #menu_portal #topo_menu ul li a img { margin: 0px; display: none; transition: 0.7s ease; -webkit-transition: 0.5s ease; position: absolute; top: 9px; left: -5px; width: auto; height: auto; }
header #menu_portal #topo_menu ul li a:hover { color: var(--cor-amarela); }
header #menu_portal #topo_menu ul li a:hover img { display: block; }
header #menu_portal #topo_menu ul li a.sel { color: var(--cor-amarela); }
header #menu_portal #topo_menu ul li a.sel img { display: block; }
header #menu_portal #topo_menu ul li a.menu_primeiro { margin-left: 0px!important; }
header #menu_portal #topo_menu ul li a.menu_ultimo { margin-right: 0px!important; }

.header_interna { background-color: var(--cor-destaque); padding: 20px 0px; position: relative; top: 0px; }
.header_interna #logo { width: 225px; }
.header_interna #menu_portal { opacity: 1; }

#avatar-whats { opacity: 0; -webkit-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; box-shadow: 0 0 0 var(--cor-destaque); animation: pulseWhats 2s infinite; background: url('../image/bg_ico_whatsapp.png') no-repeat scroll 0 0 transparent; bottom: 38px; display: block; height: 65px; position: fixed; right: 30px; width: 65px; z-index: 9400; }

#banner_topo { width: 100%; height: 930px; float: left; position: relative; opacity: 0; }
#banner_topo #banner_sombra { z-index: 2; width: 100%; height: 436px; position: absolute; top: 0px; left: 0; background: transparent linear-gradient(180deg, #4D1760 0%, #4D176000 100%) 0% 0% no-repeat padding-box; }
#banner_topo #banner_frase { opacity: 0; width: auto; height: auto; position: absolute; z-index: 3; bottom: 40%; left: 50%; margin-left: -438.5px; }
.vegas-timer-progress { background: var(--cor-destaque)!important; }
#banner_topo #link_content { width: auto; height: auto; position: absolute; z-index: 4; bottom: 20px; left: 50%; margin-left: -23.5px; color: #FFFFFF; cursor: pointer; display: inline-block; -webkit-animation-name: wobble-vertical; animation-name: wobble-vertical; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation: wobble-vertical 2s steps(10) infinite; -moz-animation: wobble-vertical 2s steps(10) infinite; -ms-animation: wobble-vertical 2s steps(10) infinite; -o-animation: wobble-vertical 2s steps(10) infinite; animation: wobble-vertical 2s steps(10) infinite; }
#banner_home .chevron { transition: 0.70s; -webkit-transition: 0.70s; -moz-transition: 0.70s; -ms-transition: 0.70s; -o-transition: 0.70s; width: 50px; height: 50px; }
#banner_home .chevron:hover { opacity: .5; }
#banner_home .arrows.open .chevron { transition: 0.70s; -webkit-transition: 0.70s; -moz-transition: 0.70s; -ms-transition: 0.70s; -o-transition: 0.70s; }

#main section#conteudo { width: 100%; height: auto; float: left; position: relative; padding: 0px 0px; opacity: 0; }

#home_primeiro_bloco { width: 100%; height: auto; float: left; position: relative; padding: 100px 0px 120px; background-color: #F6F6F6; }

a.card_cultivar { background-color: transparent; padding: 30px 5px 20px; margin: 0px 0.5% 20px; width: 19%; height: 215px; position: relative; float: left; border: 2px solid #FCBF00; border-radius: 20px; -webkit-border-radius: 20px; text-align: center; text-decoration: none; transition: 0.7s ease; -webkit-transition: 0.5s ease; }
a.card_cultivar img.cultivar_logo_xiru_roxa { display: inline-block; transition: 0.7s ease; -webkit-transition: 0.5s ease; }
a.card_cultivar img.cultivar_logo_xiru_branca { display: none; transition: 0.7s ease; -webkit-transition: 0.5s ease; }
a.card_cultivar .label_nome { text-align: center; font: normal normal bold 70px/30px var(--font-bold); letter-spacing: 0px; color: #4D1760; width: 100%; height: auto; position: relative; float: left; padding: 32px 0px 34px; transition: 0.7s ease; -webkit-transition: 0.5s ease; }
a.card_cultivar .label_nome b { font: normal normal bold 50px/30px var(--font-bold); }
a.card_cultivar .label_codigo { text-align: center; letter-spacing: 0px; color: #FAAF00; font: normal normal normal 20px/30px var(--font-regular); }
a.card_cultivar .saiba_mais { width: 103px; height: auto; position: absolute; background-color: var(--cor-amarela); color: #4D1760; font: normal normal normal 16px/16px var(--font-regular); letter-spacing: 0px; bottom: -15px; left: 50%; margin-left: -51.5px; padding: 5px 0px; }
a.card_cultivar .saiba_mais img { margin: -2px 0px -2px 5px; }
a.card_cultivar:hover { background-color: #4D1760; border-color: #4D1760; }
a.card_cultivar:hover img.cultivar_logo_xiru_roxa { display: none; }
a.card_cultivar:hover img.cultivar_logo_xiru_branca { display: inline-block; }
a.card_cultivar:hover .label_nome { color: #FFFFFF; }

a.card_cultivar_ver_todos { background-color: var(--cor-amarela); padding: 78px 5px 0px; margin: 0px 0.5% 20px; width: 19%; height: 215px; position: relative; float: left; border: 2px solid var(--cor-amarela); border-radius: 20px; -webkit-border-radius: 20px; text-decoration: none; transition: 0.7s ease; -webkit-transition: 0.5s ease; text-align: center; font: normal normal bold 20px/30px var(--font-bold); letter-spacing: 0px; color: #4D1760; }
a.card_cultivar_ver_todos .label_ver_mais { text-align: center; font: normal normal bold 20px/30px var(--font-bold); letter-spacing: 0px; color: #4D1760; width: 100%; height: auto; position: relative; float: left; padding: 11px 0px 0px; }
a.card_cultivar_ver_todos img { margin: 0; }
a.card_cultivar_ver_todos:hover { background-color: var(--cor-destaque); border-color: var(--cor-destaque); }
a.card_cultivar_ver_todos:hover .label_ver_mais { color: #FFFFFF; }

a.card_noticias { margin: 0px 1% 30px; width: 31.33%; height: auto; float: left; position: relative; text-decoration: none; background-color: var(--cor-destaque); transition: 0.7s ease; -webkit-transition: 0.5s ease; }
a.card_noticias .foto { width: 100%; height: 294px; float: left; position: relative; text-decoration: none; background-repeat: no-repeat; background-position: center center; background-size: cover; transition: 0.7s ease; -webkit-transition: 0.5s ease; }
a.card_noticias .descricao { padding: 30px; width: 100%; height: auto; float: left; position: relative; background-color: var(--cor-destaque); }
a.card_noticias .descricao .label_data { text-align: left; font: normal normal normal 12px/15px var(--font-regular); letter-spacing: 0px; color: #FFFFFF; padding-bottom: 0px; width: 80%; height: auto; position: relative; float: left; }
a.card_noticias .descricao .label_descricao { text-align: left; font: normal normal bold 20px/30px var(--font-bold); letter-spacing: 0px; color: #FFFFFF; width: 88%; height: auto; position: relative; float: left; }
a.card_noticias .descricao svg { width: auto; height: auto; position: absolute; top: 50%; margin-top: -15px; right: 30px; transition: 0.7s ease; -webkit-transition: 0.5s ease; }
a.card_noticias .descricao svg .icone_mais_a,
a.card_noticias .descricao svg .icone_mais_d { fill:none; }
a.card_noticias .descricao svg .icone_mais_a { stroke: #fff; stroke-width: 2px; transition: 0.7s ease; -webkit-transition: 0.5s ease; }
a.card_noticias .descricao svg .icone_mais_b { fill:#fff; transition: 0.7s ease; -webkit-transition: 0.5s ease; }
a.card_noticias .descricao svg .icone_mais_c { stroke:none; }
a.card_noticias:hover .foto { opacity: 0.5; }
a.card_noticias:hover .descricao svg .icone_mais_a { stroke: var(--cor-amarela); }
a.card_noticias:hover .descricao svg .icone_mais_b { fill: var(--cor-amarela); }

footer { float: left; height: auto; position: relative; width: 100%; padding: 0px; background-color: #F6F6F6; }
footer #footer_dados { float: left; height: auto; position: relative; width: 100%; padding: 120px 0px 100px; }
footer #footer_dados .coluna_01 { float: left; height: auto; position: relative; width: 28%; padding: 0px 0px 0px; }
footer #footer_dados .coluna_02 { float: left; height: auto; position: relative; width: 32%; padding: 0px 0px 0px; }
footer #footer_dados .coluna_03 { float: left; height: auto; position: relative; width: 20%; padding: 0px 0px 0px; }
footer #footer_dados .coluna_04 { float: right; height: auto; position: relative; width: 18%; padding: 0px 0px 0px; }
footer #footer_dados p.label_titulo { text-align: left; font: normal normal bold 28px/50px var(--font-bold); letter-spacing: 0px; color: #4D1760; float: left; height: auto; position: relative; width: 100%; }
footer #footer_dados p.label_titulo img { float: left; height: 30px; width: 30px; position: relative; margin: 10px 10px 10px 0px; }
footer #footer_dados a.lk_rodape { padding: 0px 0px 0px 40px; text-align: left; font: normal normal normal 20px/30px var(--font-regular); letter-spacing: 0px; color: #000000; float: left; height: 30px; width: auto; position: relative; background: url(../image/rodape_trigo.svg) no-repeat 16px 11px transparent; }
footer #footer_dados a.lk_rodape:hover { color: var(--cor-destaque); }

footer #footer_direitos { float: left; height: auto; position: relative; width: 100%; padding: 14px 0px; background-color: var(--cor-destaque); }
footer #footer_direitos a { text-align: center; font: normal normal normal 20px/30px var(--font-regular); letter-spacing: 0px; color: #FFFFFF; width: 100%; height: auto; position: relative; float: left; }
footer #footer_direitos a:hover { color: var(--cor-amarela); }

#content_contato .coluna_01 { float: left; height: auto; position: relative; width: 61.7%; padding: 0px 0px 0px; }
#content_contato .coluna_02 { float: right; height: auto; position: relative; width: 26.3%; padding: 0px 0px 0px; }
#content_contato .coluna_02 p.label_titulo { text-align: left; font: normal normal bold 28px/50px var(--font-bold); letter-spacing: 0px; color: #4D1760; float: left; height: auto; position: relative; width: 100%; }
#content_contato .coluna_02 p.label_titulo img { margin: 21px 8px 10px 0px; float: left; height: auto; width: auto; position: relative; }
#content_contato .coluna_02 a.lk_rodape { padding: 0px 0px 0px 19px; text-align: left; font: normal normal normal 20px/30px var(--font-regular); letter-spacing: 0px; color: #000000; float: left; height: auto; width: auto; position: relative; }
#content_contato .coluna_02 a.lk_rodape:hover { color: var(--cor-destaque); }
#content_contato .coluna_02 a.lk_redes { transition: 0.7s ease; -webkit-transition: 0.5s ease; }
#content_contato .coluna_02 a.lk_redes svg .a { fill: #fcbf00; transition: 0.7s ease; -webkit-transition: 0.5s ease; }
#content_contato .coluna_02 a.lk_redes:hover svg .a { fill: var(--cor-destaque); }
#content_contato .coluna_02 a#lk_redes_1 { margin: 0px 10px 0px 19px; }

#content_seja_xiru .coluna_01 { float: left; height: auto; position: relative; width: 44%; padding: 0px 0px 0px; }
#content_seja_xiru .coluna_02 { float: right; height: auto; position: relative; width: 51%; padding: 0px 0px 0px; }
#content_seja_xiru .coluna_02 p.label_titulo { text-align: left; font: normal normal bold 28px/50px var(--font-bold); letter-spacing: 0px; color: #4D1760; float: left; height: auto; position: relative; width: 100%; }
#content_seja_xiru .coluna_02 p.label_titulo img { margin: 21px 8px 10px 0px; float: left; height: auto; width: auto; position: relative; }
#content_seja_xiru .coluna_02 a.lk_rodape { padding: 0px 0px 0px 19px; text-align: left; font: normal normal normal 20px/30px var(--font-regular); letter-spacing: 0px; color: #000000; float: left; height: auto; width: auto; position: relative; }
#content_seja_xiru .coluna_02 a.lk_rodape:hover { color: var(--cor-destaque); }

#content_sobre .coluna_01 { float: left; height: auto; position: relative; width: 55.2%; padding: 0px 0px 0px; }
#content_sobre .coluna_02 { float: right; height: auto; position: relative; width: 41.5%; padding: 82px 0px 0px; }
#content_sobre .coluna_02 h2 { text-align: left; }

#sobre_mussao_visao { float: left; height: auto; position: relative; width: 100%; padding: 120px 0px; background-color: var(--cor-destaque); }
#sobre_mussao_visao h2 { padding: 50px 0px 30px; color: #FFFFFF; }
#sobre_mussao_visao p { text-align: center; color: #FFFFFF; font: normal normal normal 20px/30px var(--font-regular); }
#sobre_mussao_visao .coluna_01 { opacity: 0; float: left; height: auto; position: relative; width: 40.75%; padding: 0px 0px 0px; text-align: center; }
#sobre_mussao_visao .coluna_02 { opacity: 0; float: right; height: auto; position: relative; width: 40.75%; padding: 0px 0px 0px; text-align: center; }

#sobre_content_seja_xiru { float: left; height: auto; position: relative; width: 100%; padding: 120px 0px 20px; }
.card_sobre_seja_xiru { margin: 0px 1.5% 100px; width: 47%; height: auto; min-height: 400px; float: left; position: relative; background: #F6F6F6 0% 0% no-repeat padding-box; border-bottom: 2px solid var(--cor-destaque); }
.card_sobre_seja_xiru .foto { width: 45%; height: 400px; float: left; position: relative; text-decoration: none; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.card_sobre_seja_xiru .descricao { padding: 35px 25px 5px 50px; width: 55%; height: 100%; float: right; position: relative; }
.card_sobre_seja_xiru .descricao p.label_nome { padding-bottom: 15px; text-align: left; font: normal normal bold 32px/30px var(--font-bold); letter-spacing: 0px; color: #4D1760; }
.card_sobre_seja_xiru .descricao p.label_funcao { padding-bottom: 50px; text-align: left; font: normal normal bold 24px/30px var(--font-bold); letter-spacing: 0px; color: #000000; }
.card_sobre_seja_xiru .descricao .label_texto p { text-align: left; }
   
#card_direciona_seja_xiru { background-color: var(--cor-destaque); }
#card_direciona_seja_xiru .descricao p.label_nome { color: var(--cor-amarela); padding-bottom: 30px; }
#card_direciona_seja_xiru .descricao .label_texto p { color: #FFFFFF; }

.card_card_onde_encontrar { margin: 0px 1% 20px; width: 23%; height: auto; float: left; position: relative; text-decoration: none; background-color: var(--cor-destaque); }
.card_card_onde_encontrar a.card_onde_encontrar { width: 100%; height: auto; float: left; position: relative; text-decoration: none; display: block; transition: 0.7s ease; -webkit-transition: 0.5s ease; }
.card_card_onde_encontrar a.card_onde_encontrar:hover { opacity: 0.5; }

#noticia_interna .coluna_01 { float: left; height: auto; position: relative; width: 49.8%; padding: 0px 0px 0px; }
#noticia_interna .coluna_01 .banner_foto { width: 100%; height: 600px; float: left; position: relative; text-decoration: none; background-repeat: no-repeat; background-position: center center; background-size: cover; }
#noticia_interna .coluna_01 .banner_foto:hover { opacity: 0.5; }
#noticia_interna .coluna_02 { float: right; height: auto; position: relative; width: 47%; padding: 0px 0px 0px; }
#noticia_interna .coluna_02 h2 { text-align: left; padding: 0px; }
#noticia_interna .coluna_02 .label_data { padding: 6px 0px 14px; text-align: left; font: normal normal normal 14px/16px var(--font-regular); letter-spacing: 0px; color: #000000; width: 100%; height: auto; position: relative; float: left; }
#noticia_interna .coluna_02 .texto { width: 100%; height: auto; float: left; position: relative; }

.card_categorias_cultivares { width: 100%; height: auto; position: relative; float: left; padding: 120px 0px 135px; text-align: center; }
.card_categorias_cultivares .card_cultivar { float: none; display: inline-block; }

#cultivar_interna_topo { width: 100%; height: 400px; float: left; position: relative; text-decoration: none; background-repeat: no-repeat; background-position: center center; background-size: cover; }

#cultivar_regiao_adaptacao { float: left; height: auto; position: relative; width: 100%; padding: 120px 0px; }
#cultivar_regiao_adaptacao .coluna_01 { opacity: 0; float: left; height: auto; position: relative; width: 59.8%; padding: 0px 0px 0px; text-align: center; }
#cultivar_regiao_adaptacao .coluna_02 { opacity: 0; float: right; height: auto; position: relative; width: 30.6%; padding: 100px 0px 0px; text-align: center; }
#cultivar_regiao_adaptacao .coluna_02 p.titulo { padding-bottom: 30px; text-align: left; font: normal normal bold 32px/30px var(--font-bold); letter-spacing: 0px; color: #4D1760; }

#cultivar_linha_separa { width: 100%; height: 24px; float: left; position: relative; text-decoration: none; background: url(../image/linh_cultivar_regiao_adaptacao_trigo_amarelo.png) no-repeat right top transparent; }

#cultivar_doecas { float: left; height: auto; position: relative; width: 100%; padding: 120px 0px; }

.card_cultivo_doenca { width: 216px; height: 250px; position: relative; float: none; margin: 0px 17px 25px; padding: 30px 36px; background-color: #F6F6F6; display: inline-grid; }
.card_cultivo_doenca p.label_nome_doenca { text-align: center; font: normal normal bold 15px/28px var(--font-bold); letter-spacing: 0px; color: #000000; padding-bottom: 8px; }
.card_cultivo_doenca .card_setas { width: 142px; height: 24px; position: relative; float: none; background: url(../image/card_cultivo_doenca_roxo.svg) no-repeat center center transparent; margin: 0px; display: inline-block; }
.card_cultivo_doenca .card_setas .setas_cima { height: 24px; position: relative; float: left; background: url(../image/card_cultivo_doenca_amarela.svg) no-repeat left center transparent; }
.card_cultivo_doenca p.label_numero { text-align: center; font: normal normal bold 55px/50px var(--font-bold); letter-spacing: 0px; color: #4D1760; padding: 10px 0px; }
.card_cultivo_doenca p.label_o_que_e_numero { text-align: center; font: normal normal normal 12px/15px var(--font-regular); letter-spacing: 0px; color: #000000; min-height: 35px; }

.categoria_banner_desktop { display: block; }
.categoria_banner_mobile { display: none; }


/* ************* */
/* ANIMACOES CSS */
/* ************* */

@keyframes pulseWhats {
  0% { -webkit-box-shadow: 0 0 0 0 rgb(225, 183, 45, 1); }
  70% { -webkit-box-shadow: 0 0 0 10px rgba(2, 71, 121, 0); }
  100% { -webkit-box-shadow: 0 0 0 0 rgba(154, 35, 130, 0);  }
}

@-webkit-keyframes wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }

  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }

  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }

  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }

  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }

  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }

  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}