body { font-family: "Barlow", sans-serif; }

.font-12 { font-size: 12px; line-height: 16px; }
.font-13 { font-size: 13px; line-height: 16px; }
.font-16 { font-size: 16px; line-height: 20px; }
.title-item { font-size: 34px; line-height: 41px; font-weight: 600 }
.title-modal-cta { font-size: 18px; line-height: 31px; font-weight: 400 }
.Upper { text-transform: uppercase; }

.bar-price .desprice { font-size: 14px; line-height: 17px; color: #6D7278; text-decoration: line-through; } 
.bar-price .price { font-size: 26px; line-height: 31px; color: #000 }
.bar-price .desconto { font-size: 16px; line-height: 31px; color: #00A650; padding-left: 5px; }
.bar-price .parcelamento { font-size: 14px; line-height: 17px; color: #000; display: block; padding-top: 2px}
.bar-price .preco .preco_label { font-size: 14px; line-height: 17px; color: #000; }
.ModalCTA .card-itemModal .name-item { font-size: 20px; line-height: 24px; }
.bar-text-cta p { font-size: 18px; line-height: 28px; color: #4D4D4D; font-weight: 300 }
.bar-atributos .nome-atributo { font-size: 13px; }
.bar-atributos .atributo-list li { font-size: 13px; }
.single-item-default-descricao .tit { font-size: 18px; color: #000; font-weight: 500 }

.box-opinioes-cards { font-size: 14px; color: #4D4D4D }

.hero .tit { font-size: 48px; line-height: 50px; color: #000; font-weight: 600 }
.hero .subtit { font-size: 19px; line-height: 24px; color: #424242 }

.hero-post .title { font-size: 40px; line-height: 48px; color: #000; font-weight: 600 }
.hero-post .subtitle { font-size: 24px; line-height: 28px; color: #424242; padding-top: 12px; }
.hero-post .gravata{ font-size: 19px; line-height: 24px; color: #424242; padding-bottom: 12px; }

.post-content-default.cms-text p { max-width: 800px; width: 100%; box-sizing: border-box; color: #4f5257 }
.post-content-default.cms-text h1,
.post-content-default.cms-text h2,
.post-content-default.cms-text h3,
.post-content-default.cms-text h4,
.post-content-default.cms-text h5,
.post-content-default.cms-text h6,
.post-content-default.cms-text ul,
.post-content-default.cms-text ol
{ max-width: 800px; width: 100%; margin: 0 auto 16px auto; box-sizing: border-box; }

.cms-text .wp-caption,
.cms-text .wp-video { max-width: 800px; width: 100% !important; margin: 0 auto }
.cms-text .wp-video { display: flex; align-items: center; justify-content: center; background: #292a2d; margin-bottom: 26px }
.cms-text .wp-video video { width: auto; max-width: 800px; height: 480px; }
.cms-text .oVideo {position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0}
.cms-text .oVideo iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.cms-text .wp-video.wp-video-incorpora { display: block; }

.cms-text { font-size: 16px; line-height: 24px; }
.cms-text p,
.cms-text ul, .cms-text ol
{ display: block; font-size: 18px; line-height: 26px; margin: 0 auto 26px auto }
.cms-text img { max-width: 100%; display: block; height: auto; }

.cms-text h2 {font-size: 38px; line-height: 40px; font-weight: 700; }
.cms-text h3 {font-size: 24px; line-height: 32px; font-weight: 700; }
.cms-text h4 {font-size: 22px; line-height: 30px; font-weight: 700; }
.cms-text h5 {font-size: 20px; line-height: 28px; font-weight: 600; }
.cms-text h6 {font-size: 18px; line-height: 26px; font-weight: 600; }

.cms-text ul, .cms-text ol { list-style: disc; padding: 0 0 0 38px }
.cms-text ol { list-style: auto }
.cms-text hr { height: 1px; opacity: .5 }

.cms-text .ImagemFull { clear: both; }
.cms-text .ImagemFull .wp-caption { max-width: 100%; }
.cms-text .ImagemFull .wrapperImg { position: relative; display: flex; align-items: center; }
.cms-text .ImagemFull p { max-width: 100%; }
.cms-text .ImagemFull blockquote { position: absolute; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; background: rgb(0,0,0);
background: linear-gradient(90deg, rgba(0,0,0,0.3) 33%, rgba(0,0,0,0.1) 100%); }
.cms-text .ImagemFull blockquote .blockquote-content { max-width: 800px; width: 100%; margin: 0 auto }
.cms-text .ImagemFull blockquote .blockquote-content h1,
.cms-text .ImagemFull blockquote .blockquote-content h2,
.cms-text .ImagemFull blockquote .blockquote-content h3,
.cms-text .ImagemFull blockquote .blockquote-content h4,
.cms-text .ImagemFull blockquote .blockquote-content h5,
.cms-text .ImagemFull blockquote .blockquote-content h6,
.cms-text .ImagemFull blockquote .blockquote-content p
{ margin: 0; max-width: 55% }

.cms-text .ImagemFull blockquote p { text-align: left;  }
.cms-text .wp-caption p { max-width: 800px; width: 100%; text-align: center; color: #6D7278; font-size: 13px; line-height: 19px; }

.cms-text .VideoFull { clear: both; }
.cms-text .VideoFull .wp-video { max-width: 100% }
.cms-text .VideoFull .wp-video video { max-width: 100%; width: 100%; height: auto; }

.cms-text .bar-olho { max-width: 800px; margin: 0 auto; box-sizing: border-box; }
.cms-text .olho { margin: 26px 0; background: #fafafa; position: relative; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; padding: 30px; border-radius: 8px; box-sizing: border-box; }
.cms-text .olho-esquerda { float: left; width: 50%; margin-right: 26px; }
.cms-text .olho-direita { float: right; width: 50%; margin-left: 26px; }
.cms-text .olho:before { content: ""; background: url(../img/ico-aspas.svg) no-repeat; display: block; width: 25px; height: 20px; position: absolute; top: -10px; left: 20px; }
.cms-text .olho p:first-child { max-width: 100% }
.cms-text blockquote p {font-weight: 600; max-width: 800px !important; padding-right: 0px !important }

@media ( max-width: 768px ) {

.font-13 { font-size: 11px; line-height: 14px; }
.font-16 { font-size: 13px; line-height: 18px; }
.title-item { font-size: 14px; line-height: 19px; }
.bar-price .price { font-size: 18px; line-height: 21px }
.bar-price .desconto { font-size: 14px; line-height: 21px }

.single-item-default-descricao .tit { font-size: 15px; }

.hero .tit { font-size: 24px; line-height: 28px; font-weight: 500 }
.hero .subtit { font-size: 16px; line-height: 22px;  }

.title-modal-cta { font-size: 14px; line-height: 18px; }

.box-opinioes-cards { font-size: 13px }

.cms-text p,.cms-text ul, .cms-text ol { font-size: 13px; line-height: 21px; }
.ModalCTA .card-itemModal .name-item { font-size: 15px; line-height: 19px; font-weight: 600 }
.bar-text-cta p { font-size: 14px; line-height: 21px; font-weight: 400 }

.hero-post .title { font-size: 20px; line-height: 27px; font-weight: 600 }
.hero-post .subtitle { font-size: 18px; line-height: 24px; padding-top: 12px; }
.hero-post .gravata{ font-size: 16px; line-height: 22px;  padding-bottom: 8px; }


.cms-text .ImagemFull blockquote .blockquote-content,
.post-content-default.cms-text p,
.post-content-default.cms-text h1,
.post-content-default.cms-text h2,
.post-content-default.cms-text h3,
.post-content-default.cms-text h4,
.post-content-default.cms-text h5,
.post-content-default.cms-text h6,
.cms-text .wp-caption
{ padding: 0 18px; box-sizing: border-box; }
.cms-text .wp-video video { width: 100%; height: auto; }

.cms-text h2 {font-size: 19px; line-height: 24px; font-weight: 700; }
.cms-text h3 {font-size: 12px; line-height: 16px; font-weight: 700; }
.cms-text h4 {font-size: 11px; line-height: 15px; font-weight: 700; }
.cms-text h5 {font-size: 10px; line-height: 14px; font-weight: 600; }
.cms-text h6 {font-size: 9px; line-height: 13px; font-weight: 600; }

.cms-text .ImagemFull .wp-caption { padding: 0; }

.cms-text .ImagemFull blockquote .blockquote-content h1,
.cms-text .ImagemFull blockquote .blockquote-content h2,
.cms-text .ImagemFull blockquote .blockquote-content h3,
.cms-text .ImagemFull blockquote .blockquote-content h4,
.cms-text .ImagemFull blockquote .blockquote-content h5,
.cms-text .ImagemFull blockquote .blockquote-content h6,
.cms-text .ImagemFull blockquote .blockquote-content p
{ margin: 0; max-width: 70%; padding: 0; }

.cms-text .olho { width: 100%; margin-right: 0px; margin-left: 0px; }

}