/* Font */
body {
    font-family: 'Roboto', sans-serif;
}

.font-sans {
    font-family: 'Roboto', sans-serif;
}

/* Custom styles */
.icon-cards {
  border-radius: 4px;
  border: 1px solid #D4D4D8;
  background: #F4F4F5;
  padding: 4px;
}

.icon-social {
  border-radius: 100%;
  border: 1px solid #D4D4D8;
  background: #F4F4F5;
  padding: 4px;
}

.bg-silion-400 {
  background-color: rgb(50 50 50);
}

.bg-hub {
  background-image: url('../img/bg-hub.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.text-hero {
    color: white;
}


/* CSS CPTs */

.hub-post {
  max-width: 900px;
  margin: 0 auto;
  padding: 24px;
}

.breadcrumb {
  font-size: 14px;
  margin-bottom: 16px;
}

.hub-post-content h1 {
  font-size: 32px;
  margin-bottom: 16px;
}

.hub-post-body img {
  max-width: 100%;
  border-radius: 12px;
}

.hub-related {
  margin-top: 40px;
}

.hub-feedback {
  margin-top: 32px;
  text-align: center;
}

/* CSS Busca */

input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    height: 14px;
    width: 14px;
    cursor: pointer;
    background-color: #DC2626; /* vermelho identidade */
    mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M18.3 5.7a1 1 0 0 0-1.4 0L12 10.6 7.1 5.7A1 1 0 1 0 5.7 7.1L10.6 12l-4.9 4.9a1 1 0 1 0 1.4 1.4l4.9-4.9 4.9 4.9a1 1 0 0 0 1.4-1.4L13.4 12l4.9-4.9a1 1 0 0 0 0-1.4Z'/></svg>") no-repeat center;
}

/* Centralizar qualquer mídia dentro do conteúdo */

.prose p {
    text-align: justify;
}

/* Se o parágrafo tiver iframe, centraliza */

.prose p:has(iframe),
.prose p:has(video),
.prose p:has(img) {
    text-align: center;
}

.prose p iframe,
.prose p video,
.prose p img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}


/* Garante centralização */

.prose iframe,
.prose video,
.prose img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}