@font-face {
  font-family: "myriad";
  src: url('myriad.eot');
  src: local('Myriad Pro'), url('myriad.ttf') format('truetype');
}

@font-face {
    font-family: 'Exo 2';
    src: url('Exo2-Regular.woff2') format('woff2'),
        url('Exo2-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Exo 2 Extra';
    src: url('Exo2-ExtraBold.woff2') format('woff2'),
        url('Exo2-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ode to Idle Gaming';
    src: url('Ode-to-Idle-Gaming.woff2') format('woff2'),
        url('Ode-to-Idle-Gaming.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Exo 2 Light';
    src: url('Exo2-Light.woff2') format('woff2'),
        url('Exo2-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

body {
  font-family: 'Open Sans', Arial, sans-serif;
  color:#333;
  background:#fff;
}
.container { width:100%; max-width:1200px; margin:0 auto; }

.banner-principal{
    margin-top: 140px;
}

.banner-principal img{
    border-radius: 20px;
    overflow: hidden;
}

.banner-principal h2{
   font-size:1.4rem; margin:8px 0; font-family: "Exo 2"; text-align:left;
}

/* TOPO */
.header-bar { background:#29368c; height:16px; }
.header-main {
  display:flex; align-items:center; justify-content:space-between;
  padding:20px 0;
}
.logo img { height:150px; }
.main-nav ul { list-style:none; display:flex; gap:30px; }
.main-nav a {
  text-decoration:none; color:#555555; font-weight:bold; letter-spacing:1px;font-family: "Exo 2";font-size: 25px;
}
.main-nav a:hover { color:#29368c; }
.search-box {
  position:relative;
}
.search-box input {
  padding:6px 28px 6px 10px;
  border:1px solid #e9e9e9; border-radius:4px;
}
.search-box .icon {
  position:absolute; right:8px; top:6px;
}

/* DESTAQUES */
.featured { background:#f8f8f8; padding:40px 0;margin-top:40px; }
.featured-grid {
  display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:20px;
}
.featured-grid article img {
  width:100%; border-radius:15px; display:block;
}
.featured-grid h3 {
  margin-top:10px; font-size:1.1rem; color:#333;font-family: "Exo 2"
}

.link-h2-cinza:active{
    color: #333;
}
.link-h2-cinza:visited{
    color: #333;
}

/* CONTEÚDO */
.content { display:flex; gap:40px; padding:40px 0; }
.posts { flex:2; }
.post {
  display:flex; gap:20px; margin-bottom:40px;
  border-bottom:1px solid #e0e0e0; padding-bottom:20px;
}
.post img { width:240px; border-radius:4px; }
.post-info .tag {
  text-transform:uppercase; color:#29368c; font-weight:bold;font-family: "Exo 2";
  font-size:0.8rem;
}
.post-info h2 { font-size:1.4rem; margin:8px 0; font-family: "Exo 2" }
.meta { color:#777; font-size:0.85rem; margin-bottom:10px;font-family: "Exo 2" }
.excerpt { margin-bottom:10px;font-family: "Exo 2" }
.btn {
  background:#29368c; color:#fff; padding:6px 12px;
  text-decoration:none; border-radius:4px; font-weight:bold;font-family: "Exo 2"
}
.btn:hover { background:#005fa3; }

.pagination { margin-top:20px;font-family: "Exo 2";text-align:center; }
.pagination a {
  display:inline-block; padding: 10px 30px;
  border:1px solid #ccc; margin-right:6px;
  text-decoration:none; color:#333;
  border-radius: 10px;
}
.pagination a.active,
.pagination a:hover {
  background:#29368c; color:#fff;
}

/* SIDEBAR */
.sidebar { flex:1; }
.widget { background:#f8f8f8; padding:20px; margin-bottom:30px; border-radius:6px; }
.widget h4 { color:#29368c; margin-bottom:15px;font-family: "Exo 2" }
.widget form {
  display:flex; gap:10px; flex-wrap:wrap;
}
.widget input[type=email],
.widget input[type=text] {
  flex:1; padding:8px; border:1px solid #ccc; border-radius:4px;font-family: "Exo 2"
}
.widget button {
  padding:8px 12px; background:#29368c; color:#fff; border:none;
  border-radius:4px; cursor:pointer;
}
.widget button:hover { background:#005fa3; }
.widget ul { list-style:none; font-family: "Exo 2"}
.widget ul li { margin-bottom:8px; }
.widget ul li a { text-decoration:none; color:#333; }
.widget ul li a:hover { text-decoration:underline; }

/* RODAPÉ */
.site-footer { color:#fff; padding:0px 0; font-family: "Exo 2";}
.footer-grid {
  display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
  gap:30px;
}
.site-footer h5 { margin-bottom:10px; font-size:1.4rem; }
.site-footer p, .site-footer a { font-size:16px; color:#fff;  font-family: "Exo 2"}
.site-footer .btn-green {
  background:#24b314; color:#fff; border:none;
  padding:8px 16px; border-radius:4px; cursor:pointer;
}
.site-footer .btn-green:hover { background:#1d9910; }
.social a { margin-right:8px; }



/* Responsivo */
@media(max-width:768px){
  .content { flex-direction:column; }
  .post { flex-direction:column; }
  .post img { width:100%; }
}