@charset "UTF-8";
/*configurações*/
html {height:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; scroll-behavior: smooth;}
*, *::before, *::after {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
h1, h2, h3, h4, h5, h6{line-height:1.2em;}
* h1:first-child, * h2:first-child, * h3:first-child, * h4:first-child, * h5:first-child, * h6:first-child{margin-top:0; padding-top:0;}
* h1:last-child, * h2:last-child, * h3:last-child, * h4:last-child, * h5:last-child, * h6:last-child{margin-bottom:0; padding-bottom:0;}
h1{font-size:36px; font-weight:500;}
h2{font-size:32px; font-weight:500;}
h3{font-size:30px; font-weight:500;}
h4{font-size:26px; font-weight:500;}
h5{font-size:30px; font-weight:500;}
h6{font-size:22px; font-weight:500;}
p{font-size:18px; line-height:1.5em;}
ul:not(.reset-list) li{font-size:18px; line-height:1.5em;}
ul:not(.reset-list) li + li{margin-top:.7em;}
.chamada{font-size:30px;}
.legenda{font-size:14px;}
* p:first-child{margin-top:0;}
* p:last-child{margin-bottom:0;}
a{text-decoration:none; cursor:pointer;}
a img{border:none; max-width:100%; height:auto; display:block; margin:auto;}
strong{font-weight:500;}

/* identificadores */
#body {font-size:62.5%; margin:0; padding:0; width:100%; height:100%; font-family: "Open Sans", sans-serif; font-optical-sizing: auto; font-weight: 300; font-style: normal; color:#FFFFFF; min-width:360px;}
#container {margin:0; padding: 120px 0 0 0; height:100%; min-height:100%; height:auto!important; position:relative; z-index: 1; background:#FFFFFF; overflow-x:hidden; min-width:360px;}

header {position:fixed; top:0; z-index:150; padding: 0 4.4%; width:100%; font-size:0; text-align:right; min-width:360px;}
header .content{padding: 50px 0 30px 0; background-image: url("../images/svg/bg-header.svg"); background-position: center bottom; background-size: auto 80%; background-repeat: no-repeat;}

header .logo{position: relative; display: block; width: 215px; height: 40px; float: left; z-index: 10; background-image: url("../images/svg/sabor-terroir.svg"); background-size: contain; background-repeat: no-repeat; background-position: center;}

nav{margin: 20px 0 0 0; display:inline-block; vertical-align: middle; text-align: left; position: relative; z-index: 5;}
nav .reset-list li{font-size: 20px; display:inline-block; vertical-align:middle; z-index:0; position: relative;}
nav .reset-list li + li{margin-left: 2em;}
nav .reset-list li .cormorant{line-height: 20px; display:block; position:relative; cursor:pointer; z-index:10; transition:color 1s;}
nav .reset-list li .cormorant:hover{color: #FFCB05;}

#banner{padding: 0 4.4%; position:relative; min-width:360px; z-index: 0; width: 100%; height: 100%; aspect-ratio: 5/2; min-height: 650px; background-size: 130% auto; background-repeat: no-repeat; animation-name:animar-fazenda; animation-timing-function:linear; animation-iteration-count:1; animation-fill-mode: forwards; animation-duration:15s;}
.no-webp #banner, .no-js #banner{background-image: url("../images/large/banner-bg.jpg");}
.webp #banner{background-image:url("../images/large/banner-bg.webp");}
@keyframes animar-fazenda {0% {background-position: center left;} 100% {background-position: center right;}}
#banner::before{content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(to bottom, #004923 0%,#162A17 100%); mix-blend-mode: multiply; z-index: 5; opacity: .9}

#banner .content{padding: 120px 0 0 0; z-index: 10; position: relative;}
#banner .content::after{content: ""; position: absolute; top: 0; right: 0; bottom: 0; width: 21.7%; background-repeat: no-repeat; background-position: center; background-size: contain;}
.no-webp #banner .content::after, .no-js #banner .content::after{background-image: url("../images/large/banner-picanha.png");}
.webp #banner .content::after{background-image:url("../images/large/banner-picanha.webp");}
#banner .content h1{padding: 0 26.1% 23.9% 0; font-weight: 300; line-height: 1.4em; text-align: center;}
#banner .content h1 span{display: block;}
#banner .content h1 span + span{padding-top: .5em;}

#diferenciais h2{font-size: 0; height: 60px; background-position: center; background-repeat: no-repeat; background-size: contain; background-image: url("../images/svg/sabor-terroir.svg");}
#diferenciais .reset-list{margin: 100px 0;}
#diferenciais .reset-list li{font-size: 18px; width:21.7%; margin:0 4.4% 0 0; position:relative; display:inline-block; vertical-align:top;}
#diferenciais .reset-list li:nth-child(4n), #diferenciais .reset-list li:last-child{margin-right:0;}
#diferenciais .reset-list li .diferenciais{width: 5em; padding-bottom: 5em;}
#diferenciais .reset-list li .ysabeau.green{display: block; font-size: 1.2em; margin: .5em 0 1.5em 0;}
#diferenciais p{font-size: 0; height: 70px; background-position: center; background-repeat: no-repeat; background-size: contain; background-image: url("../images/svg/cortes-de-terroir-exclusivo.svg");}

#origens .chamada{margin-bottom: 0;} 
/* navegação */
#origens .nav{display: block; position: relative;}
#origens .nav .alpha{width: 70px; height: 140px; display: block; top: 110px; position: absolute; z-index: 100; background-repeat: no-repeat; background-size: cover; background-image: url("../images/svg/nav.svg");}
#origens .nav .prev{background-position: center left; left: -40px;}
#origens .nav .next{background-position: center right;  right: -40px;}
#origens .nav .hover{opacity: .25;}
/* base da navegação horizontal - altura definida no js */
#origens .scrolling{display:block; position:relative; overflow:hidden; margin:50px 0 0 0;}
/* bloco que se desloca */
#origens .scroller{display:block; position:absolute; left:0; top:0; width:100%; opacity:0; transition:opacity 1s; z-index: 0;} 
#origens .scroller.ativo{opacity:1; transition:opacity 1s; z-index: 10;}
/* bloco de conteúdo */
#origens .scroller .gray{display: inline-block; vertical-align: top; width: 50%; margin: 0; text-align: left; padding: 0 0 0 200px; position: relative;}
/* o primeiro precisa estar acima do segundo */
#origens .scroller .gray:first-child{z-index: 10;} 
#origens .scroller .gray:last-child{z-index: 0;}
/*cria espaço para compensar faixas que tem posição absoluta e para exibir a marca*/
#origens .scroller .gray::before{content: ""; display: block; width: 80px; padding-bottom: 180px; background-repeat: no-repeat; background-size: 300% auto;}
/*faixa com a data altura de 90px;*/
#origens .scroller .gray .cinzel{display: block; position: absolute; top: 85px; right: 10px; left: 0; font-size: 32px; line-height: 40px; padding: 25px 0 25px 220px; border-radius: 45px; margin: 0; box-shadow: 5px 0 5px #000000;}
/* a faixa do segundo bloco invade o primeiro bloco */
#origens .scroller .gray:last-child .cinzel{left: -100px; padding: 25px 0 25px 320px;} 
/* destaca os nomes */
#origens .scroller .gray .ysabeau.green span{font-size: 1.6em;}
/*cria borda nas imagens*/
#origens .scroller .gray .borda{display: block; position: absolute; top: 35px; left: 10px; width: 190px; height: 190px; z-index: 10; padding: 8px; overflow: hidden;}
#origens .scroller .gray .borda:not(.circle){left: 45px; width: 130px; border-radius: 25px;}
/*cria o bloco das imagens*/
#origens .scroller .gray .borda .bg-image{display: block; width: 100%; height: 100%;}
#origens .scroller .gray .borda:not(.circle) .bg-image{border-radius: 17px;}
/* marcas e imagens */
.no-webp #origens .scroller .gray.ano-1634 .bg-image, .no-js #origens .scroller .gray.ano-1634 .bg-image{background-image: url("../images/origens/ano-1634.jpg");}
.webp #origens .scroller .gray.ano-1634 .bg-image{background-image:url("../images/origens/ano-1634.webp");}
#origens .scroller .gray.ano-1820::before{background-image: url("../images/svg/marcas.svg"); background-position: 0 0;}
.no-webp #origens .scroller .gray.ano-1820 .bg-image, .no-js #origens .scroller .gray.ano-1820 .bg-image{background-image: url("../images/origens/ano-1820.jpg");}
.webp #origens .scroller .gray.ano-1820 .bg-image{background-image:url("../images/origens/ano-1820.webp");}
.no-webp #origens .scroller .gray.ano-1890 .bg-image, .no-js #origens .scroller .gray.ano-1890 .bg-image{background-image: url("../images/origens/ano-1890.jpg");}
.webp #origens .scroller .gray.ano-1890 .bg-image{background-image:url("../images/origens/ano-1890.webp");}
#origens .scroller .gray.ano-1930::before{background-image: url("../images/svg/marcas.svg"); background-position: 50% 0;}
.no-webp #origens .scroller .gray.ano-1930 .bg-image, .no-js #origens .scroller .gray.ano-1930 .bg-image{background-image: url("../images/origens/ano-1930.jpg");}
.webp #origens .scroller .gray.ano-1930 .bg-image{background-image:url("../images/origens/ano-1930.webp");}
#origens .scroller .gray.ano-1960::before{background-image: url("../images/svg/marcas.svg"); background-position: 100% 0;}
.no-webp #origens .scroller .gray.ano-1960 .bg-image, .no-js #origens .scroller .gray.ano-1960 .bg-image{background-image: url("../images/origens/ano-1960.jpg");}
.webp #origens .scroller .gray.ano-1960 .bg-image{background-image:url("../images/origens/ano-1960.webp");}
.no-webp #origens .scroller .gray.ano-2009 .bg-image, .no-js #origens .scroller .gray.ano-2009 .bg-image{background-image: url("../images/origens/ano-2009.jpg");}
.webp #origens .scroller .gray.ano-2009 .bg-image{background-image:url("../images/origens/ano-2009.webp");}

#rastreabilidade h5{padding-top: 90px; background-position: center top; background-repeat: no-repeat; background-size: auto 80px; background-image: url("../images/svg/rastrabilidade.svg");}
#rastreabilidade .content::after{content: ""; display: block; position: absolute; top: 230px; right: 0; bottom: 0; width:30.4%; z-index: 100; background-position: center top; background-repeat: no-repeat; background-size: 100% auto;}
.no-webp #rastreabilidade .content::after, .no-js #rastreabilidade .content::after{background-image: url("../images/large/rastreabilidade.png");}
.webp #rastreabilidade .content::after{background-image:url("../images/large/rastreabilidade.webp");}
#rastreabilidade .column-3 iframe{display: block; width: 100%; aspect-ratio:9/16;}

#cortes::before{content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-position: center right; background-size: auto 100%; background-repeat: no-repeat;}
.no-webp #cortes::before, .no-js #cortes::before{background-image: url("../images/large/cortes-bg.png");}
.webp #cortes::before{background-image:url("../images/large/cortes-bg.webp");}
#cortes .content{background-position: center bottom 50px; background-repeat: no-repeat; background-size: auto 80px; background-image: url("../images/svg/ifs.svg");}

footer::before{content: ""; position: absolute; top: 60px; right: 0; left: 0; padding-bottom: 35px; z-index: 1; background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../images/svg/boi.svg");}
footer::after{content: ""; position: absolute; top: 94px; right: 0; left: 0; padding-bottom: 1px; z-index: 0; background: linear-gradient(to right, #C16E15 0%, #FEF389 33%, #C16E15 49%, #FEF389 51%, #FFCB05 66%, #FFCB05 100%);}
footer .column-2{margin-top: 50px; margin-bottom: 150px; padding-left: 150px; background-position: top left 20px; background-repeat: no-repeat; background-size: 110px; background-image: url("../images/svg/frigorifico-campeiro.svg");}
footer .column-3{margin-top: 50px; margin-bottom: 150px; float: right;}
footer h6{font-size: 0; padding-bottom: 25px; background-position: left center; background-repeat: no-repeat; background-size: contain; background-image: url("../images/svg/sabor-terroir.svg");}

/*cookie consent*
#termsfeed-com---nb{display:block; margin:5% auto 0 auto; max-width:800px; border:solid 1px #1B9CD9;}
.termsfeed-com---nb .cc-nb-title {color: #1B9CD9; font-family: "Open Sans", sans-serif; font-size:32px;}
.termsfeed-com---nb .cc-nb-text{color: #2C4634;}
.cc-nb-main-container{background-color:#FFFFFF; font-family: 'Open Sans', sans-serif; font-size:18px;}
.cc-nb-okagree{background-color:#2C4634!important; color:#FFFFFF!important;}
.cc-nb-reject{background-color:#C41F21; color:#FFFFFF!important;}
.cc-nb-changep{background-color:#002312!important; color:#FFFFFF!important;}

/*estruturais*/
.standard{padding:0 4.4%; position: relative;}
.standard .content{padding: 50px 0;}
.content {margin:auto; width:100%; max-width:1800px; position:relative; font-size:0;}
.article {width:65.2%; margin:auto; position:relative; display:inline-block; vertical-align:top;}
.column-2 {width:47.8%; margin:0 4.4% 0 0; position:relative; display:inline-block; vertical-align:top;}
.column-2:nth-child(2n), .column-2:last-child{margin-right:0;}
.column-3 {width:30.4%; margin:0 4.4% 0 0; position:relative; display:inline-block; vertical-align:top;}
.column-3:nth-child(3n), .column-3:last-child{margin-right:0;}
.column-4 {width:21.7%; margin:0 4.4% 0 0; position:relative; display:inline-block; vertical-align:top;}
.column-4:nth-child(4n), .column-4:last-child{margin-right:0;}
.box{padding: 30px;}

/*transições*/
.alpha{transition:opacity 1s;}
.alpha:hover{opacity:0.50;}

.zoom{cursor: zoom-in;}

/*fontes*/
.cormorant{font-family: "Cormorant Infant", serif; font-optical-sizing: auto; font-style: normal;}
.cinzel{font-family: "Cinzel Decorative", serif; font-style: normal;}
.ysabeau{font-family: "Ysabeau Office", sans-serif; font-optical-sizing: auto; font-style: normal;}
.open-sans{font-family: "Open Sans", sans-serif; font-optical-sizing: auto; font-style: normal;}

/*cores*/
.white{color:#FFFFFF;}
.yellow{color:#FFCB05;}
.green{color:#00524B;}
.green-d{color:#002A00;}
.brown{color:#4E363E;}
.gray{color:#465A65;}

/*backgrounds*/
.bg-white{background-color:#FFFFFF;}
.bg-yellow{background-color:#FFCB05;}
.bg-green{background-color:#00524B;}
.bg-green-d{background-color:#002A00;}
.bg-brown{background-color:#4E363E;}
.bg-gray{background-color:#465A65;}
.bg-image{background-repeat:no-repeat; background-position:center; background-size:cover;}
.bg-gradient-green-1{background: linear-gradient(to bottom,  #162A17 0%,#002000 100%);}
.bg-gradient-green-2{background: linear-gradient(to bottom,  #162A17 0%,#004923 100%);}
.bg-gradient-l-green{background: linear-gradient(to right,  #90A7B4 0%,#00524B 100%);}
.bg-gradient-gray{background: linear-gradient(to bottom,  #FFFFFF 0%,#CAD6DD 100%);}
.bg-gradient-brown{background: linear-gradient(to right,  #FFFFFF 0%,#9F9498 100%);}

/*constantes*/
.float-left{float:left;}
.float-right{float:right;}
.clear{clear:both;}
.clear-right{clear:right;}
.clear-left{clear:left;}
.reset-list{margin:0; padding:0; font-size:0; list-style:none;}
.text-justify{text-align:justify;}
.text-center{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;}

.round{border-radius:5px;}
.circle{display:inline-block; vertical-align:middle; border-radius:50%;}
.two-column{column-width:200px; column-gap: 30px;}

.pict{display:inline-block; vertical-align:middle; background-repeat:no-repeat; background-size:300% auto; background-image:url("../images/svg/pictogramas.svg")}

.pict.large{width:100px; height:100px; line-height:100px;}
.pict.medium{width:50px; height:50px; line-height:50px;}
.pict.small{width:25px; height:25px; line-height:25px;}

.pict.whatsapp{background-position:0% 0%;}
.pict.email{background-position:50% 0%;}
.pict.instagram{background-position:100% 0%;}

.diferenciais{display:inline-block; vertical-align:middle; background-repeat:no-repeat; background-size:400% auto; background-image:url("../images/svg/diferenciais.svg")}
.diferenciais.genetica{background-position: 0 0;}
.diferenciais.alimentacao{background-position: 33.3333% 0;}
.diferenciais.exclusivo{background-position: 66.6666% 0;}
.diferenciais.conservacao{background-position: 100% 0;}

@media screen and (max-width:1400px) {
/*configurações*/
h1{font-size:28px;}
h2{font-size:27px;}
h3{font-size:25px;}
h4{font-size:22px;}
h5{font-size:25px;}
h6{font-size:20px;}
p{font-size:16px;}
ul:not(.reset-list) li{font-size:16px;}
.chamada{font-size:25px;}
.legenda{font-size:12px;}

/* identificadores */
#container {padding: 110px 0 0 0;}

header .content{padding: 45px 0 25px 0;}

nav{margin: 20px 0 0 0;}
nav .reset-list li{font-size: 18px;}

#banner{min-height: 500px;}
.no-webp #banner, .no-js #banner{background-image: url("../images/medium/banner-bg.jpg");}
.webp #banner{background-image:url("../images/medium/banner-bg.webp");}
#banner .content{padding: 90px 0 0 0;}
.no-webp #banner .content::after, .no-js #banner .content::after{background-image: url("../images/medium/banner-picanha.png");}
.webp #banner .content::after{background-image:url("../images/medium/banner-picanha.webp");}

#diferenciais h2{height: 50px;}
#diferenciais .reset-list{margin: 80px 0;}
#diferenciais .reset-list li{font-size: 16px;}
#diferenciais p{font-size: 0; height: 60px;}

/* navegação */
#origens .nav .alpha{width: 60px; height: 120px; top: 105px}
#origens .nav .prev{left: -35px;}
#origens .nav .next{right: -35px;}
/* base da navegação horizontal - altura definida no js */
#origens .scrolling{margin:40px 0 0 0;}
/* bloco de conteúdo */
#origens .scroller .gray{padding: 0 0 0 180px;}
/*cria espaço para compensar faixas que tem posição absoluta e para exibir a marca*/
#origens .scroller .gray::before{width: 70px; padding-bottom: 170px;}
/*faixa com a data altura de 80px;*/
#origens .scroller .gray .cinzel{font-size: 28px; line-height: 40px; padding: 20px 0 20px 200px; border-radius: 40px;}
/* a faixa do segundo bloco invade o primeiro bloco */
#origens .scroller .gray:last-child .cinzel{left: -90px; padding: 20px 0 20px 290px;} 
/*cria borda nas imagens*/
#origens .scroller .gray .borda{top: 40px; width: 170px; height: 170px; padding: 7px;}
#origens .scroller .gray .borda:not(.circle){left: 40px; width: 120px;}
/*cria o bloco das imagens*/
#origens .scroller .gray .borda:not(.circle) .bg-image{border-radius: 18px;}

#rastreabilidade h5{padding-top: 80px; background-size: auto 70px;}
#rastreabilidade .content::after{top: 195px;}
.no-webp #rastreabilidade .content::after, .no-js #rastreabilidade .content::after{background-image: url("../images/large/rastreabilidade.png");}
.webp #rastreabilidade .content::after{background-image:url("../images/large/rastreabilidade.webp");}

.no-webp #cortes::before, .no-js #cortes::before{background-image: url("../images/large/cortes-bg.png");}
.webp #cortes::before{background-image:url("../images/large/cortes-bg.webp");}
#cortes .content{background-position: center bottom 40px; background-size: auto 70px;}

footer::before{top: 55px;}
footer::after{top: 89px;}
footer .column-2{margin-top: 40px; margin-bottom: 120px; padding-left: 120px; background-position: top left 10px; background-size: 100px;}
footer .column-3{margin-top: 40px; margin-bottom: 120px;}

/*estruturais*/
.standard .content{padding: 40px 0;}
.box{padding: 25px;}

}

@media screen and (max-width:1000px) {
/*configurações*/
h1{font-size:26px;}
h2{font-size:24px;}
h3{font-size:20px;}
h4{font-size:16px;}
h5{font-size:20px;}
h6{font-size:16px;}
p{font-size:14px;}
ul:not(.reset-list) li{font-size:14px;}
.chamada{font-size:20px;}
.legenda{font-size:10px;}

/* identificadores */
#container {padding: 92px 0 0 0;}

header {padding: 0 30px;}
header .content{padding: 40px 0 20px 0;}

header .logo{width: 172px;}

nav{margin: 20px 0 0 0; display:inline-block; vertical-align: middle; text-align: left; position: relative; z-index: 5;}
nav .reset-list li{font-size: 20px; display:inline-block; vertical-align:middle; z-index:0; position: relative;}
nav .reset-list li + li{margin-left: 2em;}
nav .reset-list li .cormorant{line-height: 20px; display:block; position:relative; cursor:pointer; z-index:10; transition:color 1s;}
nav .reset-list li .cormorant:hover{color: #FFCB05;}

header .panel-button{width: 40px; height: 40px; display:inline-block; overflow:hidden; position:relative; transition:all 2s; z-index:400; vertical-align:middle; cursor:pointer; border-radius: 50%; background: linear-gradient(45deg, #C16E15 0%, #FEF389 40%, #FFCB05 60%, #FEF389 65%, #FFCB05 100%);}
    
header .panel-button span{display:block; position:absolute; height:2px; width:20px; left: 10px; background-color:#002A00;}
header .panel-button span:first-child{top: 13px;}
header .panel-button span:nth-child(2){top: 19px;}
header .panel-button span:last-child{top: 25px;}

header.panel-button-active .panel-button span:first-child{transform:rotate(-45deg); top:19px;}
header.panel-button-active .panel-button span:nth-child(2){background-color: transparent;}
header.panel-button-active .panel-button span:last-child{transform:rotate(45deg); top:19px;}
header.panel-button-active nav {height:100%;}

nav {position:fixed; top:0; right:0; left: 0; height: 0; text-align:center; padding: 0; margin: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; overflow: hidden; z-index: 0; transition: height 1s;}
nav::before{content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(to bottom,  #162A17 0%,#004923 100%); mix-blend-mode: multiply; opacity: .9;}
nav .reset-list{margin:0; padding:92px 0 0 0; list-style:none; display:block;}
nav .reset-list li{font-size: 20px; display:block; margin:0 auto;}
nav .reset-list li + li{margin: 40px auto 0 auto;}
nav .reset-list li .cormorant{height: 50px; line-height: 50px; width:250px; border-radius: 25px; border: solid 1px #FFFFFF; transition:none;}
nav .reset-list li .cormorant:hover{color: #FFFFFF;}
nav .reset-list li .cormorant.yellow{border: solid 1px #FFCB05;}
nav .reset-list li .cormorant.yellow:hover{color: #FFCB05;}

#banner{padding: 0 30px; aspect-ratio: 2/1; min-height: 400px; background-size: auto 100%;}
.no-webp #banner, .no-js #banner{background-image: url("../images/small/banner-bg.jpg");}
.webp #banner{background-image:url("../images/small/banner-bg.webp");}
#banner .content{padding: 70px 0 0 0; max-width: 100%;}
#banner .content::after{width: 30.4%;}
.no-webp #banner .content::after, .no-js #banner .content::after{background-image: url("../images/small/banner-picanha.png");}
.webp #banner .content::after{background-image:url("../images/small/banner-picanha.webp");}
#banner .content h1{text-align: left;}

#diferenciais h2{height: 40px;}
#diferenciais .reset-list{margin: 60px 0;}
#diferenciais .reset-list li{font-size: 14px; width:47.8%;}
#diferenciais .reset-list li:nth-child(2n), #diferenciais .reset-list li:last-child{margin-right:0;}
#diferenciais .reset-list li:nth-child(3), #diferenciais .reset-list li:last-child{margin-top:30px;}
#diferenciais p{height: 50px;}

/* navegação */
#origens .nav .alpha{width: 50px; height: 100px; top: 60px;}
#origens .nav .prev{left: -25px;}
#origens .nav .next{right: -25px;}
/* base da navegação horizontal - altura definida no js */
#origens .scrolling{margin: 30px 0 0 0;}
/* bloco de conteúdo */
#origens .scroller .gray{display: block; width: 100%; padding: 0 0 0 160px;}
#origens .scroller .gray + .gray{margin-top: 30px;}
/*cria espaço para compensar faixas que tem posição absoluta e para exibir a marca*/
#origens .scroller .gray::before{width: 60px; padding-bottom: 150px;}
/*faixa com a data altura de 90px;*/
#origens .scroller .gray .cinzel{top: 80px; right: 10px; left: 5px; font-size: 24px; line-height: 30px; padding: 15px 0 15px 170px; border-radius: 30px;}
/* a faixa do segundo bloco invade o primeiro bloco */
#origens .scroller .gray:last-child .cinzel{left: 5px; padding: 15px 0 15px 170px;} 
/*cria borda nas imagens*/
#origens .scroller .gray .borda{top: 35px; left: 15px; width: 150px; height: 150px; padding: 6px;}
#origens .scroller .gray .borda:not(.circle){left: 30px; width: 110px; border-radius: 20px;}
/*cria o bloco das imagens*/
#origens .scroller .gray .borda:not(.circle) .bg-image{border-radius: 14px;}

#rastreabilidade h5{padding-top: 70px; background-size: auto 60px;}
#rastreabilidade .content::after{display: none; top: 0; width:0; z-index: -1; background-image: none;}
#rastreabilidade .column-3{width:47.8%; vertical-align: middle;}
#rastreabilidade .column-3 + .column-3{margin-right: 0;}

#cortes::before{top: 0; right: 0; bottom: 0; left: 0; background-position: bottom right; background-size: 90% auto;}
.no-webp #cortes::before, .no-js #cortes::before{background-image: url("../images/small/cortes-bg.png");}
.webp #cortes::before{background-image:url("../images/small/cortes-bg.webp");}
#cortes .content{background-position: left bottom 30px; background-size: auto 60px; padding-bottom: 52%;}
#cortes h5{text-align: center;}

footer::before{top: 35px;}
footer::after{top: 69px;}
footer .column-2{margin-top: 30px; margin-bottom: 90px;}
footer .column-3{width: 34.8%; margin: 0; float: none; position: absolute; right: 0; top: 80px;}

/*estruturais*/
.standard{padding:0 30px;}
.standard .content{padding: 30px 0;}
.content {max-width:800px;}
.article, .column-2 {width:100%; margin:0; display:block;}
.box{padding: 20px;}

/* constantes */
.pict.large{width:80px; height:80px; line-height:80px;}
.pict.medium{width:40px; height:40px; line-height:40px;}
.pict.small{width:20px; height:22px; line-height:20px;}
}

@media screen and (max-width:600px) {
/*configurações*/
h1{font-size:24px;}
h2{font-size:20px;}
h3{font-size:18px;}
h4{font-size:14px;}
h5{font-size:18px;}
.chamada{font-size:18px;}

/* identificadores */
#container {padding: 80px 0 0 0;}
header .content{padding: 25px 0 15px 0;}
header .logo{width: 140px;}

nav .reset-list{margin:0; padding:80px 0 0 0; list-style:none; display:block;}

.no-webp #banner, .no-js #banner{background-image: url("../images/tiny/banner-bg.jpg");}
.webp #banner{background-image:url("../images/tiny/banner-bg.webp");}
    
#banner .content{padding: 40px 0 0 0;}    
#banner .content::after{width: 47.8%; background-position: bottom;}
.no-webp #banner .content::after, .no-js #banner .content::after{background-image: url("../images/tiny/banner-picanha.png");}
.webp #banner .content::after{background-image:url("../images/tiny/banner-picanha.webp");}
#banner .content h1{text-align: left; padding: 0; margin: 0;}
#banner .content h1 span:first-child{padding-right: 20%;}
#banner .content h1 span:last-child{padding-right: 40%;}

#diferenciais h2{height: 30px;}
#diferenciais .reset-list{margin: 30px 0;}
#diferenciais .reset-list li{width:100%; margin:0; display:block;}
#diferenciais .reset-list li + li{margin-top: 30px;}
#diferenciais p{height: 40px;}

#origens .chamada br{display: none;}
/* navegação */
#origens .nav .alpha{top: 60px;}
/* base da navegação horizontal - altura definida no js */
#origens .scrolling{margin: 20px 0 0 0;}
/* bloco de conteúdo */
#origens .scroller .gray{padding: 0;}
/*cria espaço para compensar faixas que tem posição absoluta e para exibir a marca*/
#origens .scroller .gray::before{width: 50px; padding-bottom: 160px; margin-left: 150px;}
/*faixa com a data altura de 90px;*/
#origens .scroller .gray .cinzel{top: 60px; font-size: 22px; padding: 15px 0 15px 160px;}
/* a faixa do segundo bloco invade o primeiro bloco */
#origens .scroller .gray:last-child .cinzel{padding: 15px 0 15px 160px;} 
/*cria borda nas imagens*/
#origens .scroller .gray .borda{top: 20px; width: 140px; height: 140px; padding: 5px;}
#origens .scroller .gray .borda:not(.circle){left: 35px; width: 100px;}
/*cria o bloco das imagens*/
#origens .scroller .gray .borda:not(.circle) .bg-image{border-radius: 15px;}

#rastreabilidade h5{padding-top: 60px; background-size: auto 50px;}
#rastreabilidade .column-3{width:100%;}
#rastreabilidade .column-3 + .column-3{margin:30px 0 0 0;}

.no-webp #cortes::before, .no-js #cortes::before{background-image: url("../images/tiny/cortes-bg.png");}
.webp #cortes::before{background-image:url("../images/tiny/cortes-bg.webp");}

footer::before{top: 60px; padding-bottom: 35px;}
footer::after{top: 94px;}  
footer .column-2{margin-top: 60px; margin-bottom: 30px;}
footer .column-3{margin-top: 30px; width: 100%; margin: 0 0 90px 0; position: relative; right: auto; top: auto;}
footer .column-3 p{display: inline-block; margin: 0; width: 50%; text-align: center;}
footer .column-3 p .pict{display: block; margin: 0 auto;}
    
/*estruturais*/
.content {max-width:400px;}

}