body {
  color: #3b3b3b;
}

h2 {
  font-family: 'Estado Headline', sans-serif;
  font-weight: bold;
  margin: 0 auto 4rem;
  /*width: 32rem;*/
  max-width: 72rem;
  font-size: 3.2rem;
  line-height: 3.6rem;
  text-align: center;
}

a {
  text-decoration: none;
  color: rgba( 166, 22, 68, 1 );
  /*font-weight: bold;*/
  border-bottom: 1px solid rgba( 166, 22, 68, 1 );
  margin-bottom: .6rem;
}

dl {
  font-size: 75%;
  line-height: 1.5;
  margin: 0;
}

dt,
dd {
  margin: 0;
  padding: 0;
}

dl dt {
  font-weight: bold;
}

dl dd + dt {
  margin-top: 2.4rem;

}

hr {
  border-top: 1px solid #ab967d;
}

.interactive {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 9.6rem auto;
  width: 100%;
  max-width: 96rem;
  -webkit-transform: translateZ( 0 );
          transform: translateZ( 0 );
  -webkit-transition: max-width .8s, -webkit-transform;
  transition: max-width .8s, -webkit-transform;
  transition: max-width .8s, transform;
  transition: max-width .8s, transform, -webkit-transform;
}

.interactive .overlay {
  background: rgba( 166, 22, 68, .75 );
  width: 100%;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 5;
  -webkit-transition: opacity .4s;
  transition: opacity .4s;
}

.interactive .overlay h3 {
  color: #fff;
}

.interactive article {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; 
  -webkit-box-pack: center; 
      -ms-flex-pack: center; 
          justify-content: center; 
  -webkit-box-orient: vertical; 
  -webkit-box-direction: normal; 
      -ms-flex-direction: row; 
          flex-direction: row; 
  width: 100%;
}

.interactive article {
  position: relative;
  background: #f8f6f1;
}

.interactive article header {
  position: absolute;
  top: 0;
  left: 0;
  padding: 2.4rem;
  width: 100%;
  max-width: 27.2rem;
}

.interactive article header h4 {
  display: block;
  margin: 0;
  line-height: 1;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 75%;
  color: #ab967d;
}

.interactive article header p {
  font-size: 1.35rem;
  line-height: 1.5;
  margin: 1.2rem 0;
}

.interactive header h3 {
  margin: 1.2rem 0;
  /*font-family: 'Estado Headline';*/
}

.interactive {
  margin: 9.6rem auto;
  max-width: 100%;
  -webkit-transform: translateZ( 360deg );
          transform: translateZ( 360deg );
}

.overlay {
  opacity: 0;
  pointer-events: none;
}

.interactive .chart,
.interactive nav {
  /*width: calc( 100% - 9.6rem );*/
  width: 100%;
  max-width: 144rem;
}

.interactive .chart {
  padding: 1.6rem;
}

.interactive nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  z-index: 6;
  display: none;
}

.interactive nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.chart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  overflow: hidden;
  overflow: visible;
  -webkit-transition: width .3s;
  transition: width .3s;
}

.chart > div {
  width: calc( 100% / 31 );
  text-align: center;
  line-height: 1;
  font-size: 1.2rem;
  /*box-shadow: inset 0 0 1px;*/
  -webkit-transition: font-size .3s;
  transition: font-size .3s;
}

.item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.item.content {
  color: rgba(166,22,68,0);
  /*background-color: #f8f6f1;*/
  /*background-color: #fff;*/
  background-size: cover !important;
  background-position: center center !important;
  /*overflow: hidden;*/
  /*border: 1px solid #ab967d;*/
  /*transform: scale(1.333);*/

  /*text-shadow: -1px -1px rgba(248,246,241,0), 1px 1px rgba(248,246,241,0), -1px 1px rgba(248,246,241,0), 1px -1px rgba(248,246,241,0);*/

  -webkit-transition: background .3s, color .3s, border-color .3s, -webkit-transform .3s, color .3s, border .3s, text-shadow .3s;
  transition: background .3s, color .3s, border-color .3s, -webkit-transform .3s, color .3s, border .3s, text-shadow .3s;
  -webkit-transition: background .3s, color .3s, border-color .3s, color .3s, border .3s, -webkit-transform .3s, text-shadow .3s;
  transition: background .3s, color .3s, border-color .3s, color .3s, border .3s, -webkit-transform .3s, text-shadow .3s;
  transition: background .3s, color .3s, transform .3s, border-color .3s, color .3s, border .3s, text-shadow .3s;
  transition: background .3s, color .3s, transform .3s, border-color .3s, color .3s, border .3s, -webkit-transform .3s, text-shadow .3s;
  transition: background .3s, color .3s, transform .3s, border-color .3s, -webkit-transform .3s, color .3s, border .3s, text-shadow .3s;
}

.item.content .text {
  position: absolute;
  top: 120%;
  width: auto;
  /*width: 120%;*/
  font-weight: bold;
  font-size: 4px !important;
  background: #FFF;
  padding: 1px 2px;
  box-shadow: 0 .5px 1px rgba(171,150,125,.5);
  opacity: 0;
  line-height: 1.33;
  transition: opacity .3s, top .3s;
}

[data-touch="false"] .item.content:hover .text {
  opacity: 1;
}

.item.content .img {
  border-radius: 50%;
  box-shadow: 0 0 0 rgba( 166, 22, 68, 0 ), 0 0 0 0 rgba( 166, 22, 68, 1 );
  -webkit-transition: box-shadow .3s;
  transition: box-shadow .3s;
}

[data-touch="false"] .item.content:hover {
  color: rgba(166,22,68,1);
  /*background: #a61644;*/
  /*border: .01rem solid #fff;*/
  /*text-shadow: -1px -1px rgba(248,246,241,1), 1px 1px rgba(248,246,241,1), -1px 1px rgba(248,246,241,1), 1px -1px rgba(248,246,241,1);*/
  cursor: pointer;
  z-index: 3;
  -webkit-transform: scale(4);
          transform: scale(4);
}

.item.content.active:hover .img {
  box-shadow: 0 0 0 rgba( 166, 22, 68, 1 ), 0 0 0 .05rem rgba( 166, 22, 68, 1 );
  -webkit-animation: pulse-active 1.618s infinite;
          animation: pulse-active 1.618s infinite;
/*  -webkit-transform: scale(1.6);
          transform: scale(1.6);*/
}

.item.content.active .img {
  color: rgba( 255, 255, 255, 1 );
  /*background: #f8f6f1;*/
  /*border: .2rem solid #a61644;*/
  cursor: pointer;
  z-index: 3;
  box-shadow: 0 0 0 rgba( 166, 22, 68, 1 ), 0 0 0 .2rem rgba( 166, 22, 68, 1 );
  -webkit-animation: pulse 1.618s infinite;
          animation: pulse 1.618s infinite;
/*  -webkit-transform: scale(1.6);
          transform: scale(1.6);*/
}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba( 166, 22, 68, 1 ), 0 0 0 .2rem rgba( 166, 22, 68, 1 );
  }
  80% {
      -webkit-box-shadow: 0 0 0 2.4rem rgba( 166, 22, 68, 0 ), 0 0 0 .2rem rgba( 166, 22, 68, 1 );
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba( 166, 22, 68, 0 ), 0 0 0 .2rem rgba( 166, 22, 68, 1 );
  }
}
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba( 166, 22, 68, 1 ), 0 0 0 .2rem rgba( 166, 22, 68, 1 );
  }
  80% {
      box-shadow: 0 0 0 2.4rem rgba( 166, 22, 68, 0 ), 0 0 0 .2rem rgba( 166, 22, 68, 1 );
  }
  100% {
      box-shadow: 0 0 0 0 rgba( 166, 22, 68, 0 ), 0 0 0 .2rem rgba( 166, 22, 68, 1 );
  }
}

@-webkit-keyframes pulse-active {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba( 166, 22, 68, 1 ), 0 0 0 .05rem rgba( 166, 22, 68, 1 );
  }
  80% {
      -webkit-box-shadow: 0 0 0 2.4rem rgba( 166, 22, 68, 0 ), 0 0 0 .05rem rgba( 166, 22, 68, 1 );
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba( 166, 22, 68, 0 ), 0 0 0 .05rem rgba( 166, 22, 68, 1 );
  }
}
@keyframes pulse-active {
  0% {
    box-shadow: 0 0 0 0 rgba( 166, 22, 68, 1 ), 0 0 0 .05rem rgba( 166, 22, 68, 1 );
  }
  80% {
      box-shadow: 0 0 0 2.4rem rgba( 166, 22, 68, 0 ), 0 0 0 .05rem rgba( 166, 22, 68, 1 );
  }
  100% {
      box-shadow: 0 0 0 0 rgba( 166, 22, 68, 0 ), 0 0 0 .05rem rgba( 166, 22, 68, 1 );
  }
}

[data-touch="false"] .item.content:hover .img,
.item.content.active .img {
  /*opacity: .66;*/
}

.item.content .img,
.item.content .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 1;
  background-position: center center !important;
  background-size: cover !important;
  -webkit-transition: opacity .3s;
          transition: opacity .3s;
}

.item.content .number {
  position: relative;
  display: none;
}

.line {
  width: 100%;
  height: 100%;
  z-index: 1;
  -webkit-transform: translateY( -100% );
          transform: translateY( -100% );
}

.line:before {
  content: '';
  display: block;
  width: calc( 50% + .05rem );
  height: 50%;
  -webkit-transform: translateY( .0rem );
          transform: translateY( .0rem );
}

.line:after {
  content: '';
  position: relative;
  display: block;
  width: calc( 50% + .05rem );
  height: calc( 50% + .05rem );
  margin-top: -.1rem;
  margin-left: calc( 50% - .05rem );
  z-index: 1;
}

.chart > div:before {
  content: '';
  float: left;
  padding-top: 100%;
}

.top:before {
  border-right: .1rem solid #ab967d;
}

.right:after {
  border-top: .1rem solid  #ab967d;
}

.bottom:after {
  border-left: .1rem solid #ab967d;
}

.left:before {
  border-bottom: .1rem solid #ab967d;
}

.info {
  padding: 1.6rem 0;
  width: 100%;
  /*height: 100%;*/
  max-height: 999rem;
  overflow: hidden;
  /*background: rgba(171,149,124,.25);*/
  background: #eae5df;
  -webkit-transition: max-height 2s;
  transition: max-height 2s;
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}

/*[data-expanded=false] .info {
  max-height: 0rem;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}*/

.info figure,
figure {
  margin: .8rem;
  font-size: 75%;
  line-height: 1.5;
}

.entry-content > figure > figcaption,
.entry-header > figure > figcaption {
    margin-top: .6rem;
}

.info figure.media-wrapper {
  margin: 0 1.6rem;
  width: 100%;
}

.info figure .image-wrapper {
  position: relative;
  padding-bottom: 66.666%;
  height: 0;
}

.info figure img {
  /*border: .1rem solid rgba( 255, 255, 255, .25 );*/
  width: 100%;
}

.info figcaption {
  padding: 1.6rem;
  background: #fff;
}

.credits i {
    margin: 0 .6rem;
}

.info h4 {
  margin: 0 0 .8rem; 
  font-weight: bold;
  font-size: 125%;
  -webkit-transition: color .3s;
  transition: color .3s;
}

.info .slick-current h4 {
  color: #a61644;
}

.info h4 span {
  margin: 0 .4rem;
  color: #ab957c;
  /*text-transform: uppercase;*/
  /*font-weight: bold;*/
  letter-spacing: .05rem;
  font-size: 75%;
}

.info ol {
  margin: 1.2rem 0 0 0;
}

.info li {
  margin: 1.2rem 1.2rem 0 0;
  display: inline-block;
}

.button {
  display: inline-block;
  margin: 0;
  border: 1px solid #a61644;
  border-radius: 0;
  padding: .6rem 1.2rem;
  background: transparent;
  color: #a61644;
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: color .3s, background .3s, border .3s, padding .3s, border-radius .3s;
  transition: color .3s, background .3s, border .3s, padding .3s, border-radius .3s;
}

.button i {
  margin-right: .6rem;
  margin-left: 0;
  -webkit-transition: margin .3s;
  transition: margin .3s;
}

[data-touch="false"] .button:hover {
  /*border-radius: 999rem;*/
  /*padding-left: 2.4rem;*/
  background: #a61644;
  color: #fff;
}

[data-touch="false"] .button:hover i {
  margin-right: 1.2rem;
}

/*
.info h4 span:before {
  content: '( ';
}

.info h4 span:after {
  content: ' )';
}*/

.info figcaption p {
  margin: 0;
}

/*.info figcaption i {
  margin: 0 .6rem;
}*/

.info [data-id] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.info button {
  z-index: 10;
}

.info .slick-prev {
  left: 3.2rem;
}

.info .slick-next {
  right: 3.2rem;
}

.slick-slide { 
  opacity: .25;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}

.slick-slide.slick-current {
  opacity: 1;
}

.credits {
  /*opacity: .5;*/
  text-transform: uppercase;
  font-weight: bold;
  font-size: 75%;
  color: #ab967d;
}

.media-wrapper,
.interactive {
  margin: 9.6rem auto;
  width: calc( 100% - 3.2rem );
}

.large {
  max-width: 144rem;
}

.small {
  max-width: 55rem;
  width: calc( 100% - 32px);
  margin-right: auto;
  margin-left: auto;
}

.media-wrapper img {
  width: 100%;
}

.hide[data-on="mobile"] {
  display: block;
}

span.hide[data-on="mobile"] {
  display: inline;
}

.hide[data-on="desktop"] {
  display: none;
}

span.hide[data-on="desktop"] {
  display: none;
}

/* footer */

#colophon {
  background: #f8f6f1;
  padding: 9.6rem 0;
}

footer p {
  font-size: 75%;
  opacity: .5;
  line-height: 1.5;
}

/*.service-container {*/
  background: #f8f6f1;
  padding: 1.2rem;
/*}*/

#onde-comprar {
  padding: 9.6rem 0 !important;
}

hr {
  border-top: 1px solid #8c8b8b;
}

/* nav */

nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 7.2rem;
}

.secondary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

nav .button {
  margin: .6rem;
  font-size: 75%;
  line-height: 1.5;
}

nav .media-wrapper {
  margin: 0;
}

/* logo paladar */

.brandbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.brandbar a.paladar {
  width: 12rem;
  margin-left: 2.4rem;
  margin-top: 1.2rem;
}

/* nota marginal */

.container {
  margin: 0 auto;
  max-width: 101rem;
}

.margin-note {
  float: right;
  margin-top: 0.7rem;
  margin-right: 1rem;
  margin-left: 1rem;
  max-width: 15rem;
  color: #ab967d;
}

.margin-note .media-wrapper {
  margin: 0;
  width: 100%;
}

@media (min-width: 360px) {
  .margin-note {
    margin-right: 2rem;
    margin-left: 2rem;
  }
}

@media (min-width: 600px) {
  .margin-note {
    margin-right: 2.5rem;
    margin-left: 2.5rem;
    max-width: 18rem;
  }
}

@media (min-width: 1024px) {
  .margin-note {
    float: left;
    margin-right: 2.5rem;
    margin-left: 2.5rem;
    max-width: 18rem;
  }
}

.margin-note .thumbnail {
  margin-bottom: 1.5rem;
}

.margin-note img {
  width: 100%;
  height: auto;
}

.margin-note p,
.margin-note figcaption {
  margin: 0 auto 1.8rem;
  font-size: 1.3rem;
  line-height: 1.8rem;
}

@media (min-width: 600px) {
  .margin-note p {
    margin-bottom: 2.1rem;
    font-size: 1.5rem;
    line-height: 2.1rem;
  }
}


@media ( max-width: 1399px ) {

  .item.content {
    border-color: transparent;
    background: transparent;
  }

}

@media ( min-width: 1024px ) {

  .slick-prev, .slick-next {
    top: 16.5vw;
    -webkit-transform: none;
    transform: none;
  }

}

@media ( max-width: 1023px ) {

  .slick-prev, .slick-next {
    top: 33vw;
    -webkit-transform: none;
    transform: none;
  }

  h2 {
    font-size: 2.4rem;
    line-height: 3.2rem;
  }

  .interactive article {
    -ms-flex-direction: column; 
        -webkit-box-orient: vertical; 
        -webkit-box-direction: normal; 
            flex-direction: column; 
  }

  .interactive article header {
    position: relative;
    /*top: 0;
    left: 0;
    margin: 0;
    padding: 1.2rem;*/
    -ms-flex-item-align: start;
        align-self: flex-start;
  }

  .interactive article header:before {
    content: '';
    width: 100%;
    height: 100%;
    background: lightblue;
    height: 20px;
  }

  .item.content {
    /*border-color: #ab967d;*/
    /*background: #fff;*/
  }

  .chart {
    width: calc( 100% - 2.4rem );
  }

  .hide[data-on="mobile"] {
    display: none;
  }

  span.hide[data-on="mobile"] {
    display: none;
  }

  .hide[data-on="desktop"] {
    display: block;
  }

  span.hide[data-on="desktop"] {
    display: inline;
  }

}

@media ( max-width: 719px ) {

  .interactive {
    width: 100%;
  }

  .interactive .chart,
  .interactive nav {
    padding: 1.6rem 0;
    width: calc( 100% - 2.4rem );
  }

  .chart > div {
    font-size: 1rem;
  }

  .item.content .text {
    display: none;
  }

/*  .item.content {
    background: transparent;
    border: 0 solid #ab967d;
  }*/

/*  .item.content:hover,
  .item.content.active {
    box-shadow: 0 0 0 .1rem #a61644;
  }*/

}

@media ( max-width: 479px ) {

  .interactive .chart,
  .interactive nav {
    padding: 1.6rem 0;
    width: calc( 100% - 1.6rem );
  }

  .chart > div {
    font-size: .8rem;
  }

  .brandbar a.estadao {
    display: none;
  }

  .brandbar a.paladar {
    width: 9.6rem;
    margin-left: 1.2rem;
    margin-top: 0.7rem;
  }

  .secondary {
    -ms-flex-direction: column;
        flex-direction: column;
  }

  nav .button {
/*    margin: .6rem;
    font-size: 75%;
    line-height: 1.5;*/
  }

}

#onde-comprar {
    /* background: RED; */
    margin: 4.8rem auto !important;
}

dt {
  color: #ab967d;
}

.paladar {
  color: #a61644;
  font-weight: bold;
}