/*   
Theme Name: SimpleZ (schema)
Theme URI: https://kiweb.com.br
Description: Tema WordPress minimalista e profissional
Author: Francois Holanda
Version: 1.0
*/

/* ============================================================
 * RESET E ESTILOS GLOBAIS
 * ============================================================ */

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

html {
  height: 100%;
  scroll-behavior: smooth;
  font-size: 100%;
}

body {
  min-height: 100%;
  background: #ffffff;
  color: #333333;
  line-height: 1.6;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
}


/* ============================================================
 * TIPOGRAFIA GLOBAL
 * ============================================================ */

h1, h2, h3, h4, h5, h6 {
  line-height: 1.3;
  margin-top: 0;
}

p {
  margin: 1em 0 2em 0;
}

/* ============================================================
 * LINKS GLOBAIS
 * ============================================================ */

a {
  color: #cc0000;
}

a:link {
  text-decoration: underline;
}

a:hover,
a:visited {
  color: #a00000;
  text-decoration: none;
}

a img {
  border: none;
  display: block;
}

/* ============================================================
 * IMAGENS GLOBAIS
 * ============================================================ */

img {
  max-width: 100%;
  height: auto;
  display: block;
}

img[align="left"] {
  margin: 0 1.5em 1em 0;
  float: left;
}

img[align="right"] {
  margin: 0 0 1em 1.5em;
  float: right;
}

figure {
  margin: 1.5em 0;
  text-align: center;
}

figcaption {
  font-size: 0.9em;
  color: #888888;
  font-style: italic;
  margin-top: 0.5em;
}

/* ============================================================
 * TABELAS
 * ============================================================ */

table {
  width: 100%;
  border-collapse: collapse;
  margin: 1.5em 0;
}

table th,
table td {
  padding: 1em;
  text-align: left;
  border-bottom: 1px solid #e0e0e0;
}

table th {
  background-color: #f5f5f5;
  font-weight: 700;
  color: #333333;
}

table tr:hover {
  background-color: #fafafa;
}

/* ============================================================
 * HEADER E BRANDING
 * ============================================================ */

header {
  background-color: #f5f5f5;
  padding: 1.5em 0;
  text-align: center;
  border-bottom: 1px solid #e0e0e0;
}

header .site-branding {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1em;
}

header .site-logo img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

header .site-title {
  margin: 0;
  padding: 0;
}

header .site-title a {
  display: inline-block;
  color: #cc0000;
  font-size: 1.4em;
  font-weight: 700;
  text-decoration: underline;
  letter-spacing: 0.05em;
}

header .site-title a:hover {
  color: #a00000;
  text-decoration: none;
}

header .site-description {
  font-size: 0.9em;
  margin: 0.5em 0 0 0;
  font-weight: normal;
}



/* ============================================================
 * NAVEGAÇÃO PRINCIPAL
 * ============================================================ */

nav[itemtype="https://schema.org/SiteNavigationElement"] {
  background-color: #eeeeee;
  padding: 0;
  border-bottom: 1px solid #d0d0d0;
}

nav ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 1200px;
}

nav li {
  margin: 0;
  position: relative;
}

nav a {
  display: block;
  padding: 0.4em .5em;
  color: #666666!important;
  text-decoration: none!important;
  font-size: 0.88em;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

nav a:hover,
nav li.current-menu-item > a,
nav li.active > a {
  color: #cc0000;
}

nav li:has(ul) > a::after {
  content: ' ▼';
  font-size: 0.65em;
  color: #333333;
  margin-left: 0.4em;
}

nav li:has(ul) > a:hover::after {
  color: #cc0000;
}

nav ul ul {
  display: none;
  flex-direction: column;
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #ffffff;
  border: 1px solid #d0d0d0;
  border-top: 2px solid #cc0000;
  min-width: 200px;
  z-index: 1000;
}

nav li:hover > ul {
  display: flex;
}

nav ul ul li {
  width: 100%;
}

nav ul ul a {
  padding: 0.6em 1.2em;
  text-transform: none;
  font-size: 0.85em;
  font-weight: 500;
  letter-spacing: 0;
  color: #333333;
}

nav ul ul a:hover {
  background-color: #f9f9f9;
  color: #cc0000;
}

@media screen and (max-width: 768px) {
  nav ul {
    flex-direction: column;
  }

  nav li {
    width: 100%;
    text-align: center;
  }

  nav a {
    padding: 0.6em 1em;
    border-bottom: 1px solid #e0e0e0;
  }

  nav ul ul {
    position: relative;
    border: none;
    border-top: 1px solid #e0e0e0;
    border-left: 3px solid #cc0000;
    min-width: 100%;
    display: none;
  }
}

@media screen and (max-width: 600px) {
  nav a {
    padding: 0.5em 0.8em;
    font-size: 0.8em;
  }
}

/* ============================================================
 * HOME - DESTAQUE E LISTA DE POSTS
 * ============================================================ */

.home-cat {
  padding: 4em 1em 2em;
  text-align: center;
  background: #ffffff;
}

.home-cat h1 {
  font-size: 3.4em;
  color: #cc0000;
  line-height: 1.2;
  margin: 0 0 0.5em;
}

.home-cat p {
  max-width: 720px;
  margin: 0 auto;
  font-size: 1.05em;
}

.home {
  max-width: 840px;
  margin: 0 auto;
  padding: 0 1em 4em;
}

.home h2.ultimasArtigos {
  text-align: center;
  font-size: 1.1em;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: #cc0000;
  margin: 0 0 2em;
}

.home ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.home ul li {
  text-align: center;
  padding: 4em 1em;
  border-top: 1px solid #f0f0f0;
}

.home ul li h2 {
  font-size: 3em;
  color: #cc0000;
  line-height: 1.2;
}

.home ul li p {
  font-size: 1.05em;
  max-width: 640px;
  margin: 0 auto 1.8em;
  color: #666666;
}



/* Container da imagem */
.imgdest {
    margin: 30px 0 10px 0;
    overflow: hidden; 
    border-radius: 12px;
}

.imgdest img {
    width: 100%;
    height: 250px;    
    object-fit: cover;   
    display: block;
    transition: opacity 0.3s ease;
    filter: brightness(0.95);
}

.imgdest a:hover img {
    filter: brightness(1);
    opacity: 0.9; 
}


.meta-info {
    display: flex;      
    justify-content: center; 
    align-items: center;
    gap: 10px;  
    margin: 10px 0; 
}

/* Estilo apenas do texto da Categoria */
.meta-info .categ a {

    font-size: 13px;
    color: #333;
    text-transform: uppercase;
}

/* Estilo da Data */
.meta-info .data {
    font-size: 13px;
}

.meta-info .categ::after {
    content: "/";
    margin-left: 10px;
}



.home ul li .more a,
.home ul li a.leia-mais {
  display: inline-block;
  margin-top: 1.5em;
  padding: 0.8em 1.8em;
  border: 1px solid #cc0000;
  color: #cc0000;
  background-color: transparent;
  text-decoration: none;
  font-weight: 700;
  font-size: 0.85em;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  transition: background-color 0.3s ease;
}

.home ul li .more a:hover,
.home ul li a.leia-mais:hover {
  background-color: #cc0000;
  color: #ffffff;
}

/* Esconde o texto de acessibilidade sem prejudicar o SEO */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}


@media screen and (max-width: 768px) {
  .home {
    padding: 0 1em 3em;
  }

  .home ul li {
    padding: 3em 1em;
  }

  .home-cat h1 {
    font-size: 2.5em;
  }

  .home ul li h3 {
    font-size: 2.2em;
  }
}

@media screen and (max-width: 600px) {
  .home-cat h1 {
    font-size: 2em;
  }

  .home ul li h3 {
    font-size: 1.8em;
  }
}

/* ============================================================
 * PÁGINA INTERNA (SINGLE POST)
 * ============================================================ */

article {
  max-width: 760px;
  margin: 0 auto;
  padding: 2em 1em 2em;
}

article .breadcrumb {
  font-size: 0.9em;
  padding: 0 0 1em 0;
  border: none;
  letter-spacing: 0.05em;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0;
  white-space: nowrap;
  overflow-x: auto;
}

article .breadcrumb a {
  color: #cc0000;
  text-decoration: none;

}

article .breadcrumb a:hover {
  text-decoration: underline;
}

article .breadcrumb .separator {
  margin: 0 0.4em;
  color: #333;
  font-weight: 300;
  display: inline;
}

article h1 {
  font-size: 2.8em;
  color: #cc0000;
  line-height: 1.2;
  margin: 0 0 1.5em;
  font-weight: 700;
}

.post-content {
  font-size: 1.05em;
  line-height: 1.8;
  color: #333333;
  margin: 2em 0;
}

.post-content p {
  margin: 0 0 1.5em;
}

.post-content h2 {
  font-size: 1.8em;
  color: #cc0000;
  margin: 2em 0 0.8em;
  line-height: 1.3;
}

.post-content h3 {
  font-size: 1.4em;
  color: #333333;
  margin: 1.8em 0 0.8em;
  line-height: 1.3;
}

.post-content h4 {
  font-size: 1.15em;
  color: #555555;
  margin: 1.5em 0 0.7em;
  line-height: 1.3;
}

.post-content h5 {
  font-size: 1em;
  color: #666666;
  margin: 1.3em 0 0.6em;
  font-weight: 600;
}

.post-content ul,
.post-content ol {
  margin: 1.5em 0 1.5em 1.5em;
  padding: 0;
}

.post-content ul li,
.post-content ol li {
  margin-bottom: 0.8em;
  line-height: 1.6;
}

.post-content a {
  color: #cc0000;
  text-decoration: underline;
}

.post-content a:hover {
  color: #a00000;
  text-decoration: none;
}

.post-content img {
  max-width: 100%;
  height: auto;
  display: block;
}

.post-content figure {
  margin: 2em 0;
  padding: 1em;
  background-color: #f9f9f9;
  border-radius: 4px;
  border: 1px solid #e0e0e0;
}

.post-content figcaption {
  font-size: 0.85em;
  color: #777777;
  margin-top: 0.8em;
}

.post-content blockquote {
  margin: 2em 0;
  padding: 1.5em;
  border-left: 4px solid #cc0000;
  background-color: #f9f9f9;
  font-style: italic;
  color: #555555;
  border-radius: 0 4px 4px 0;
}

.post-content code {
  background-color: #f5f5f5;
  padding: 0.2em 0.4em;
  border-radius: 3px;
  font-family: 'Courier New', monospace;
  font-size: 0.9em;
  color: #c7254e;
}

.post-content pre {
  background-color: #f5f5f5;
  border: 1px solid #ddd;
  padding: 1.5em;
  border-radius: 4px;
  overflow-x: auto;
  margin: 1.5em 0;
  line-height: 1.5;
}

.post-content pre code {
  background: none;
  padding: 0;
  color: #333333;
}

@media screen and (max-width: 768px) {
  article {
    padding: 2em 1em 1.5em;
  }

  article h1 {
    font-size: 2em;
  }

  .post-content {
    font-size: 1em;
    line-height: 1.7;
  }

  .post-content h2 {
    font-size: 1.5em;
  }

  .post-content h3 {
    font-size: 1.2em;
  }
}

@media screen and (max-width: 600px) {
  article h1 {
    font-size: 1.6em;
  }

  .post-content {
    font-size: 0.95em;
  }

  .post-content h2 {
    font-size: 1.3em;
  }
}

/* ============================================================
 * AUTOR
 * ============================================================ */

.autor {
  background-color: #f9f9f9;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  padding: 1.5em;
  margin: 3em 0 2em;
  display: flex;
  gap: 1.5em;
  align-items: flex-start;
}

.autor-foto {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.autor-nome {
  display: block;
  font-size: 1.1em;
  font-weight: 700;
  color: #333333;
  margin-bottom: 0.3em;
}

.autor-bio {
  font-size: 0.95em;
  color: #666666;
  margin: 0;
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  .autor {
    flex-direction: column;
    text-align: center;
  }

  .autor-foto {
    margin: 0 auto;
  }
}

@media screen and (max-width: 600px) {
  .autor {
    padding: 1em;
  }

  .autor-foto {
    width: 60px;
    height: 60px;
  }
}

/* ============================================================
 * PÁGINA DE CATEGORIA
 * ============================================================ */

.cat-descricao {
  background-color: #f5f5f5;
  padding: 3em 1em 2em;
  text-align: center;
  border-bottom: 1px solid #e0e0e0;
}

.cat-descricao h1 {
  font-size: 2.8em;
  color: #cc0000;
  line-height: 1.2;
  margin: 0 0 1em;
  font-weight: 700;
}

.cat-descricao [itemprop="description"] {
  max-width: 760px;
  margin: 0 auto;
  font-size: 1em;
  color: #666666;
  line-height: 1.6;
}

.cat {
  max-width: 760px;
  margin: 0 auto;
  padding: 2em 1em;
}

.cat ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.cat ul li {
  padding: 2em 0;
  border-bottom: 1px solid #e0e0e0;
}

.cat ul li:last-child {
  border-bottom: none;
}

.cat ul li h2 {
  font-size: 1.8em;
  color: #cc0000;
  margin: 0 0 0.8em;
  line-height: 1.3;
}

.cat ul li h2 a {
  color: #cc0000;
  text-decoration: none;
}

.cat ul li h2 a:hover {
  text-decoration: underline;
}

.cat ul li h2 a span {
  color: #cc0000;
}

@media screen and (max-width: 768px) {
  .cat-descricao {
    padding: 2em 1em 1.5em;
  }

  .cat-descricao h1 {
    font-size: 2em;
  }

  .cat-descricao [itemprop="description"] {
    font-size: 0.95em;
  }

  .cat {
    padding: 1.5em 1em;
  }

  .cat ul li {
    padding: 1.5em 0;
  }

  .cat ul li h2 {
    font-size: 1.4em;
  }
}

@media screen and (max-width: 600px) {
  .cat-descricao h1 {
    font-size: 1.6em;
  }

  .cat ul li h2 {
    font-size: 1.2em;
  }
}

/* ============================================================
 * PAGINAÇÃO
 * ============================================================ */

.paginacao {
  margin: 3em auto 0;
  padding: 2em 1em 1em;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 1.5em;
  border-top: 1px solid #e0e0e0;
}

.paginacao .left {
  flex: 1;
  text-align: left;
}

.paginacao .right {
  flex: 1;
  text-align: right;
}

.paginacao a {
  display: inline-block;
  padding: 0.8em 1.8em;
  border: 1px solid #333;
  color: #333333!important;
  background-color: transparent;
  text-decoration: none;
  font-weight: 700;
  font-size: 0.85em;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  transition: background-color 0.3s ease;
}

.paginacao a:hover {
  background-color: #ffffff;
  color: #cc0000!important;
  border: 1px solid #cc0000;
}

@media screen and (max-width: 768px) {
  .paginacao {
    flex-direction: column;
    gap: 1em;
  }

  .paginacao .left,
  .paginacao .right {
    text-align: center;
    width: 100%;
  }
}

/* ============================================================
 * FOOTER
 * ============================================================ */

footer {
  width: 100%;
  background-color: #ffffff;
  color: #333333;
  text-align: center;
  margin: 1em auto 0;
  padding: 1em 1em 4em;
  border-top: 1px solid #e0e0e0;
}

footer p {
  font-size: 0.9em;
  color: #666666;
  max-width: 700px;
  margin: 0 auto 1.2em;
  line-height: 1.5;
}

footer p:first-of-type {
  margin-top: 0;
}

footer a {
  color: #333333;
  text-decoration: none;
}

footer a:hover {
  color: #cc0000;
  text-decoration: underline;
}

footer .paginas {
  margin: 1em 0 0 0;
  padding: 1.5em 0 1em 0;
}

footer .paginas .footer-nav-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

footer .paginas .footer-nav-list li {
  margin: 0;
}

footer .paginas .footer-nav-list li a {
  display: inline-block;
  padding: 0.4em 1em;
  color: #333333;
  font-size: 0.85em;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-decoration: none;
  transition: background-color 0.3s ease;
}

footer .paginas .footer-nav-list li a:hover {
  color: #cc0000;
  text-decoration: underline;
}


footer .redesocial {
  margin: 0 0 1em 0;
  padding: 1.5em 0;
}

footer .redesocial ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1em;
}

footer .redesocial ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  background-color: #1a1a1a;
  border-radius: 0;
  transition: background-color 0.3s ease;
  text-decoration: none;
}

footer .redesocial ul li a:hover {
  background-color: #000000;
}

.icon-social {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: #ffffff;

  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  mask-type: luminance;

  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  -webkit-mask-type: luminance;
}


.icon-facebook { 
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath d='M279.1 288l14.2-92.7h-88.9v-60.1c0-25.3 12.4-50.1 52.2-50.1h40.4V5.6S260.5 0 225.4 0c-73.2 0-121.1 44.3-121.1 124.7v70.6H22.9V288h81.4v224h100.2V288z'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath d='M279.1 288l14.2-92.7h-88.9v-60.1c0-25.3 12.4-50.1 52.2-50.1h40.4V5.6S260.5 0 225.4 0c-73.2 0-121.1 44.3-121.1 124.7v70.6H22.9V288h81.4v224h100.2V288z'/%3E%3C/svg%3E");
}

.icon-twitter { 
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M459.4 151.7c.3 4.5.3 9.1.3 13.6 0 138.7-105.6 298.6-298.6 298.6-59.5 0-114.7-17.2-161.1-47.1 8.4 1 16.6 1.3 25.3 1.3 49.1 0 94.2-16.6 130.3-44.8-46.1-1-84.8-31.2-98.1-72.8 6.5 1 13 1.6 19.8 1.6 9.4 0 18.8-1.3 27.6-3.6-48.1-9.7-84.1-52-84.1-103v-1.3c14 7.8 30.2 12.7 47.4 13.3-28.3-18.8-46.8-51-46.8-87.4 0-19.5 5.2-37.4 14.3-53 51.7 63.7 129.3 105.3 216.4 109.8-1.6-7.8-2.6-15.9-2.6-24 0-57.8 46.8-104.9 104.9-104.9 30.2 0 57.5 12.7 76.7 33.1 23.7-4.5 46.5-13.3 66.6-25.3-7.8 24.4-24.4 44.8-46.1 57.8 21.1-2.3 41.6-8.1 60.4-16.2-14.3 20.8-32.2 39.3-52.6 54.3z'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M459.4 151.7c.3 4.5.3 9.1.3 13.6 0 138.7-105.6 298.6-298.6 298.6-59.5 0-114.7-17.2-161.1-47.1 8.4 1 16.6 1.3 25.3 1.3 49.1 0 94.2-16.6 130.3-44.8-46.1-1-84.8-31.2-98.1-72.8 6.5 1 13 1.6 19.8 1.6 9.4 0 18.8-1.3 27.6-3.6-48.1-9.7-84.1-52-84.1-103v-1.3c14 7.8 30.2 12.7 47.4 13.3-28.3-18.8-46.8-51-46.8-87.4 0-19.5 5.2-37.4 14.3-53 51.7 63.7 129.3 105.3 216.4 109.8-1.6-7.8-2.6-15.9-2.6-24 0-57.8 46.8-104.9 104.9-104.9 30.2 0 57.5 12.7 76.7 33.1 23.7-4.5 46.5-13.3 66.6-25.3-7.8 24.4-24.4 44.8-46.1 57.8 21.1-2.3 41.6-8.1 60.4-16.2-14.3 20.8-32.2 39.3-52.6 54.3z'/%3E%3C/svg%3E");
}

.icon-instagram {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.9962 0.0078125C8.73824 0.0078125 8.32971 0.021622 7.05019 0.080003C5.77333 0.138241 4.90129 0.341051 4.13824 0.637622C3.34938 0.944146 2.68038 1.35434 2.01343 2.02124C1.34652 2.68819 0.936333 3.35719 0.629809 4.14605C0.333238 4.9091 0.130429 5.78115 0.0721905 7.058C0.0138095 8.33753 0 8.74605 0 12.0041C0 15.262 0.0138095 15.6705 0.0721905 16.9501C0.130429 18.2269 0.333238 19.099 0.629809 19.862C0.936333 20.6509 1.34652 21.3199 2.01343 21.9868C2.68038 22.6537 3.34938 23.0639 4.13824 23.3705C4.90129 23.667 5.77333 23.8698 7.05019 23.9281C8.32971 23.9864 8.73824 24.0002 11.9962 24.0002C15.2542 24.0002 15.6627 23.9864 16.9422 23.9281C18.2191 23.8698 19.0911 23.667 19.8542 23.3705C20.643 23.0639 21.312 22.6537 21.979 21.9868C22.6459 21.3199 23.0561 20.6509 23.3627 19.862C23.6592 19.099 23.862 18.2269 23.9202 16.9501C23.9786 15.6705 23.9924 15.262 23.9924 12.0041C23.9924 8.74605 23.9786 8.33753 23.9202 7.058C23.862 5.78115 23.6592 4.9091 23.3627 4.14605C23.0561 3.35719 22.6459 2.68819 21.979 2.02124C21.312 1.35434 20.643 0.944146 19.8542 0.637622C19.0911 0.341051 18.2191 0.138241 16.9422 0.080003C15.6627 0.021622 15.2542 0.0078125 11.9962 0.0078125ZM7.99748 12.0041C7.99748 14.2125 9.78776 16.0028 11.9962 16.0028C14.2047 16.0028 15.995 14.2125 15.995 12.0041C15.995 9.79557 14.2047 8.00529 11.9962 8.00529C9.78776 8.00529 7.99748 9.79557 7.99748 12.0041ZM5.836 12.0041C5.836 8.60181 8.594 5.84381 11.9962 5.84381C15.3984 5.84381 18.1564 8.60181 18.1564 12.0041C18.1564 15.4062 15.3984 18.1642 11.9962 18.1642C8.594 18.1642 5.836 15.4062 5.836 12.0041ZM18.3998 7.03996C19.1949 7.03996 19.8394 6.39548 19.8394 5.60043C19.8394 4.80538 19.1949 4.16086 18.3998 4.16086C17.6048 4.16086 16.9603 4.80538 16.9603 5.60043C16.9603 6.39548 17.6048 7.03996 18.3998 7.03996Z'/%3E%3C/svg%3E");

  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.9962 0.0078125C8.73824 0.0078125 8.32971 0.021622 7.05019 0.080003C5.77333 0.138241 4.90129 0.341051 4.13824 0.637622C3.34938 0.944146 2.68038 1.35434 2.01343 2.02124C1.34652 2.68819 0.936333 3.35719 0.629809 4.14605C0.333238 4.9091 0.130429 5.78115 0.0721905 7.058C0.0138095 8.33753 0 8.74605 0 12.0041C0 15.262 0.0138095 15.6705 0.0721905 16.9501C0.130429 18.2269 0.333238 19.099 0.629809 19.862C0.936333 20.6509 1.34652 21.3199 2.01343 21.9868C2.68038 22.6537 3.34938 23.0639 4.13824 23.3705C4.90129 23.667 5.77333 23.8698 7.05019 23.9281C8.32971 23.9864 8.73824 24.0002 11.9962 24.0002C15.2542 24.0002 15.6627 23.9864 16.9422 23.9281C18.2191 23.8698 19.0911 23.667 19.8542 23.3705C20.643 23.0639 21.312 22.6537 21.979 21.9868C22.6459 21.3199 23.0561 20.6509 23.3627 19.862C23.6592 19.099 23.862 18.2269 23.9202 16.9501C23.9786 15.6705 23.9924 15.262 23.9924 12.0041C23.9924 8.74605 23.9786 8.33753 23.9202 7.058C23.862 5.78115 23.6592 4.9091 23.3627 4.14605C23.0561 3.35719 22.6459 2.68819 21.979 2.02124C21.312 1.35434 20.643 0.944146 19.8542 0.637622C19.0911 0.341051 18.2191 0.138241 16.9422 0.080003C15.6627 0.021622 15.2542 0.0078125 11.9962 0.0078125ZM7.99748 12.0041C7.99748 14.2125 9.78776 16.0028 11.9962 16.0028C14.2047 16.0028 15.995 14.2125 15.995 12.0041C15.995 9.79557 14.2047 8.00529 11.9962 8.00529C9.78776 8.00529 7.99748 9.79557 7.99748 12.0041ZM5.836 12.0041C5.836 8.60181 8.594 5.84381 11.9962 5.84381C15.3984 5.84381 18.1564 8.60181 18.1564 12.0041C18.1564 15.4062 15.3984 18.1642 11.9962 18.1642C8.594 18.1642 5.836 15.4062 5.836 12.0041ZM18.3998 7.03996C19.1949 7.03996 19.8394 6.39548 19.8394 5.60043C19.8394 4.80538 19.1949 4.16086 18.3998 4.16086C17.6048 4.16086 16.9603 4.80538 16.9603 5.60043C16.9603 6.39548 17.6048 7.03996 18.3998 7.03996Z'/%3E%3C/svg%3E");

  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;

  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
}


.icon-linkedin {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M100.3 448H7.4V148.9h92.9zM53.8 108.1C24.1 108.1 0 83.5 0 53.8a53.8 53.8 0 0 1 107.6 0c0 29.7-24.1 54.3-53.8 54.3zM447.9 448h-92.7V302.4c0-34.7-.7-79.2-48.3-79.2-48.3 0-55.7 37.7-55.7 76.7V448h-92.8V148.9h89.1v40.8h1.3c12.4-23.5 42.7-48.3 87.9-48.3 94 0 111.3 61.9 111.3 142.3V448z'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M100.3 448H7.4V148.9h92.9zM53.8 108.1C24.1 108.1 0 83.5 0 53.8a53.8 53.8 0 0 1 107.6 0c0 29.7-24.1 54.3-53.8 54.3zM447.9 448h-92.7V302.4c0-34.7-.7-79.2-48.3-79.2-48.3 0-55.7 37.7-55.7 76.7V448h-92.8V148.9h89.1v40.8h1.3c12.4-23.5 42.7-48.3 87.9-48.3 94 0 111.3 61.9 111.3 142.3V448z'/%3E%3C/svg%3E");
}

.icon-youtube {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M549.7 124.1c-6.3-23.7-24.8-42.3-48.3-48.6C458.8 64 288 64 288 64S117.2 64 74.6 75.5c-23.5 6.3-42 24.9-48.3 48.6-11.4 42.9-11.4 132.3-11.4 132.3s0 89.4 11.4 132.3c6.3 23.7 24.8 41.5 48.3 47.8C117.2 448 288 448 288 448s170.8 0 213.4-11.5c23.5-6.3 42-24.2 48.3-47.8 11.4-42.9 11.4-132.3 11.4-132.3s0-89.4-11.4-132.3zm-317.5 213.5V174.4l142.7 81.6-142.7 81.6z'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M549.7 124.1c-6.3-23.7-24.8-42.3-48.3-48.6C458.8 64 288 64 288 64S117.2 64 74.6 75.5c-23.5 6.3-42 24.9-48.3 48.6-11.4 42.9-11.4 132.3-11.4 132.3s0 89.4 11.4 132.3c6.3 23.7 24.8 41.5 48.3 47.8C117.2 448 288 448 288 448s170.8 0 213.4-11.5c23.5-6.3 42-24.2 48.3-47.8 11.4-42.9 11.4-132.3 11.4-132.3s0-89.4-11.4-132.3zm-317.5 213.5V174.4l142.7 81.6-142.7 81.6z'/%3E%3C/svg%3E");
}

.icon-twitch {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M391.2 103.5H352.5v109.7h38.7zM285 103.5h-38.7v109.7H285zM120.8 0L24.4 96.7V415.3h120.9V512l96.7-96.7h72.6L512 318.6V0zm342.7 301.6l-80.6 80.6h-84.7l-68.5 68.5V382.2h-100.8V40.3h334.6z'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M391.2 103.5H352.5v109.7h38.7zM285 103.5h-38.7v109.7H285zM120.8 0L24.4 96.7V415.3h120.9V512l96.7-96.7h72.6L512 318.6V0zm342.7 301.6l-80.6 80.6h-84.7l-68.5 68.5V382.2h-100.8V40.3h334.6z'/%3E%3C/svg%3E");
}

footer .credito {
  font-size: 0.8em;
  color: #999999;
  margin-top: 1.5em;
  padding-top: 1em;
  border-top: 1px solid #f0f0f0;
}

@media screen and (max-width: 768px) {
  footer {
    padding: 2em 1em 1.5em;
  }

  footer p {
    font-size: 0.85em;
    margin-bottom: 1em;
  }

  footer .paginas .footer-nav-list {
    flex-direction: column;
    gap: 0.8em;
  }

  footer .paginas .footer-nav-list li a {
    display: block;
    padding: 0.6em 1.2em;
  }

  footer .redesocial ul {
    gap: 0.8em;
  }

  footer .redesocial ul li a {
    width: 42px;
    height: 42px;
    line-height: 42px;
    font-size: 1em;
  }
}

@media screen and (max-width: 600px) {
  footer .redesocial ul {
    gap: 0.6em;
  }

  footer .redesocial ul li a {
    width: 38px;
    height: 38px;
    line-height: 36px;
    font-size: 0.95em;
  }
}

/* ============================================================
 * ELEMENTOS AUXILIARES
 * ============================================================ */

.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1em;
}

.clearfix::after {
  content: "";
  display: table;
  clear: both;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}