/* Service detail content needs a light reading surface even when the site uses dark mode. */
.servico__details-card {
  --bg-white: #FFFFFF;
  --text-heading-color: #131313;
  --body-color: #343434;
  --color-2: #676767;
  --color-6: #F4F4F4;
  --border-color-1: #E7E7E7;
  --border-color-2: #E9E9E8;
  --border-color-3: rgba(19, 19, 19, 0.1);
  background: var(--bg-white);
  color: var(--body-color);
  border-radius: 12px;
  box-shadow: var(--box-shadow-1);
}

.servico__details-card .news__details-left-meta {
  border-bottom-color: var(--border-color-1);
}

.servico__details-card .news__details-left-share ul li a i {
  border: 1px solid var(--border-color-1);
}

.servico__details-card .dark__image img {
  border-radius: 10px;
}

.servico__details-content {
  color: var(--body-color);
}

.servico__details-content > :first-child {
  margin-top: 0;
}

.servico__details-content > :last-child {
  margin-bottom: 0;
}

.servico__details-content a {
  color: var(--primary-color-1);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.servico__details-content a:hover {
  color: var(--text-heading-color);
}

.servico__details-content h1,
.servico__details-content h2,
.servico__details-content h3,
.servico__details-content h4,
.servico__details-content h5,
.servico__details-content h6 {
  color: var(--text-heading-color);
  margin-top: 32px;
  margin-bottom: 16px;
}

.servico__details-content p,
.servico__details-content li,
.servico__details-content td,
.servico__details-content th,
.servico__details-content span {
  color: var(--body-color);
}

.servico__details-content ul,
.servico__details-content ol {
  margin-bottom: 20px;
}

.servico__details-content img {
  max-width: 100%;
  height: auto;
  border-radius: 10px;
}

.servico__details-content blockquote {
  margin: 30px 0;
  padding: 24px 28px;
  background: var(--color-6);
  border-left: 4px solid var(--primary-color-1);
  border-radius: 8px;
}

.servico__details-table {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin-bottom: 24px;
}

.servico__details-content table {
  width: 100%;
  min-width: 640px;
  margin-bottom: 0;
  border-collapse: collapse;
  border: 1px solid var(--border-color-1);
}

.servico__details-content table th,
.servico__details-content table td {
  padding: 14px 16px;
  border: 1px solid var(--border-color-1);
  vertical-align: top;
}

@media (max-width: 767px) {
  .servico__details-content table th,
  .servico__details-content table td {
    padding: 12px 14px;
  }
}

@media (max-width: 767px) {
  .servico__details-card {
    padding: 28px 22px;
    border-radius: 10px;
  }
}