@charset "UTF-8";
/*
Theme Name: PauloTeste
Author: Paulo
Version: 1.7.96
*/

/* =====================
   CSS VARIABLES
===================== */
*::selection{
  background-color: var(--primary);
  color: white;
}
:root{
  --primary:#0057ff;
  --secondary:#00e300;
  --extra:#ff9900;

  --bg-body:#ffffff;
  --bg-header:#ffffff;
  --bg-footer:#111111;

  --text-primary:#222222;
  --text-secondary:#666666;
  --text-footer:#ffffff;

  --radius:16px;
}
/* =====================
   RESET
===================== */
*,
*::before,
*::after{
  box-sizing:border-box;
}
/* Scrollbar geral */
::-webkit-scrollbar {
  width: 15px;
}

/* Fundo da scrollbar */
::-webkit-scrollbar-track {
  background-color: transparent;
}

/* Barra de rolagem */
::-webkit-scrollbar-thumb {
  background-color: var(--primary);
}

/* Hover na barra */
::-webkit-scrollbar-thumb:hover {
  background-color: var(--secondary);
}

html,body{
  margin:0;
  padding:0;
  overflow-x: hidden;
}

img{
  height: auto;
}

ul,ol{
  list-style:none;
  margin:0;
  padding:0;
}

a{
  color: var(--primary);
  text-decoration:none;
}

/* =====================
   BASE
===================== */
body{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  font-size:16px;
  line-height:1.6;
  background:var(--bg-body);
  color:var(--text-primary);
}

/* =====================
   TIPOGRAFIA
===================== */
h1,h2,h3,h4,h5,h6{
  font-weight:500;
  line-height:1.25;
  margin:1.2em 0 .6em;
}

p{
  margin-bottom:1rem;
  color:var(--text_secondary);
}

/* =====================
   HEADER
===================== */
header{
  background:var(--bg-header);
  box-shadow:0 4px 12px rgba(0,0,0,.06);
}
.custom-logo {
  width: 110px;
}
/* =====================
   NAV
===================== */
.header-nav{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:40px;
}

.header-nav ul{
  display:flex;
  gap:40px;
  justify-content:center;
}

.header-nav a{
  font-size:14px;
  font-weight:500;
  color:var(--text-primary);
}

.header-nav a:hover{
  color:var(--primary);
}

/* =====================
   LEGAL NOTICE
===================== */
.legal-notice{
  background:var(--secondary);
  padding:24px 16px;
  display:flex;
  justify-content:center;
}

.legal-notice-wrapper{
  background:#fff;
  max-width:768px;
  padding:16px;
  border-radius:var(--radius);
  box-shadow:0 8px 20px rgba(0,0,0,.1);
}

.legal-notice h2{
  font-size:18px;
  margin-bottom:12px;
}

.legal-notice p{
  font-size:14px;
  color:#333;
}

/* =====================
   FOOTER
===================== */
footer{
  background:var(--bg-footer);
  color:var(--text-footer);
}

.footer-container{
  max-width:1200px;
  margin:0 auto;
  padding:48px 20px;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:32px;
  align-items:stretch;
}

.footer-menu{
  display:flex;
  flex-direction:column;
  height:100%;
}

.footer-title{
  font-size:16px;
  font-weight:500;
  margin-bottom:16px;
  padding-bottom:6px;
  border-bottom:2px solid var(--primary);
}

.footer-menu-items{
  display:flex;
  flex-direction:column;
  gap:12px;
  flex:1;
}

.footer-menu-items a{
  font-size:14px;
  color:var(--text_footer);
}

.footer-menu-items a:hover{

  color:var(--primary);
}

/* =====================
   FOOTER CREDITS
===================== */
.footer-section-all-rights,
.footer-credits{
  background:#000;
  text-align:center;
  padding:14px;
  font-size:13px;
}

.pagination{
  margin:48px auto;
  display:flex;
  justify-content:center;
  gap:8px;
  flex-wrap:wrap;
}

.pagination .page-numbers{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:38px;
  height:38px;
  padding:0 12px;
  border-radius:10px;
  text-decoration:none;
  font-size:14px;
  font-weight:500;
  background:#f1f5f9;
  color:#111;
  transition:.25s;
}

.pagination .page-numbers:hover{
  background:var(--primary);
  color:#fff;
}

.pagination .page-numbers.current{
  background:var(--primary);
  color:#fff;
  cursor:default;
}

.pagination .page-numbers.next,
.pagination .page-numbers.prev{
  padding:0 16px;
}

/* =====================
   PAGE LAYOUT
===================== */
.site-main.page-layout{
  padding:2.5rem 0;
}

.page-layout .container{
  max-width:1140px;
  margin:0 auto;
  padding:0 1.5rem;
}

.page-article{
  max-width:860px;
  margin:0 auto;
}

.page-title{
  font-size:2.25rem;
  margin-bottom:1.5rem;
}

.page-content{
  font-size:1rem;
  line-height:1.75;
}


.page-content ul,
.page-content ol{
  margin-left:1.5rem;
}

.page-content blockquote{
  border-left:4px solid var(--primary);
  padding-left:1.5rem;
  font-style:italic;
}

.page-content pre{
  padding:1rem;
  overflow:auto;
}





body {
  -ms-overflow-style: none; /* IE antigo */
}

/* =====================
   RESPONSIVO
===================== */
@media(max-width:768px){
  .header-nav ul{
    flex-direction:column;
    gap:20px;
  }

  .footer-container{
    gap:24px;
  }
}