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

:root {
    --text-highlight-color: #fff9c4; /* Valor padrão */
}

.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: 22px; color: #00A650; margin-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 .tit { font-size: 18px; color: #000; font-weight: 700 }

.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: 44px; line-height: 48px; color: #000; font-weight: 600 }
.hero-post .subtitle { font-size: 20px; line-height: 28px; color: #424242; padding-top: 12px; }
.hero-post .gravata{ font-size: 16px; line-height: 22px; 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,
.post-content-default.cms-text details
{ max-width: 800px; width: 100%; margin: 0 auto 16px auto; box-sizing: border-box; }

.post-content-default.cms-text ul li, .post-content-default.cms-text ol li { margin-bottom: 14px; }

.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,
.cms-text details
{ 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 strong { font-weight: 700 }

.cms-text .highlight {background-image: linear-gradient(90deg,rgba(255,255,255,0) 50%,var(--text-highlight-color,#fe9) 0); background-size: 200%; transition: background-position 4s }
.cms-text .highlighted { background-position: -100%; }

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

.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 img { margin-bottom: 16px }
.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 .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, .cms-text details { font-size: 14px; line-height: 21px; margin: 0 auto 18px auto; padding: 0 18px 0 18px }
.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: 12px; 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,
.post-content-default.cms-text details
{ 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: 15px; line-height: 22px; font-weight: 700; }
.cms-text h4 {font-size: 15px; line-height: 22px; font-weight: 700; }
.cms-text h5 {font-size: 15px; line-height: 22px; font-weight: 600; }
.cms-text h6 {font-size: 15px; line-height: 22px; 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; }

}

.table-responsive {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch; /* Suave em dispositivos móveis */
  margin-bottom: 1rem;
}

table {
  width: 100%;
  border-collapse: collapse;
  min-width: 300px; /* Largura mínima antes do scroll */
}

th {
  background-color: #f8f9fa;
  padding: 12px 15px;
  text-align: left;
  font-weight: 600;
}

td {
  padding: 12px 15px;
}

/* Remover borda da última linha */
tr.last-row td,
tr:last-child {
  border-bottom: none;
}

tr { border-bottom: 1px solid #dee2e6; }

/* Estilo hover para melhor usabilidade */
tr:hover {
  background-color: #f8f9fa;
}

/* Responsividade para telas pequenas */
@media (max-width: 768px) {
  th, td {
    padding: 8px 10px;
    font-size: 0.9rem;
  }
  tr { display: flex; flex-direction: column; }
}