:root{
  --brand:#c8102e;
  --muted:#6c757d;
  --max-width:1100px;
}
*{box-sizing:border-box}
@import url(https://fonts.googleapis.com/css?family=Montserrat:100,200,300,regular,500,600,700,800,900,100italic,200italic,300italic,italic,500italic,600italic,700italic,800italic,900italic);
body{font-family:Montserrat !important; background:#fff; color:#252525}
a{
  color:#c8102e !important;
  text-decoration:none !important;
}
.site-header{background-color:#cb0a0f;}
    .header-top {
  text-transform: uppercase;
  font-size: 12px;
  line-height: 135%;
}
.header-top .social-icons a {
  color: #fff;
  margin-left: 10px;
  font-size: 18px;
}
.breadcrumb {
  font-size: 12px;
  min-height: 30px;
  display: flex;
}
.breadcrumb a {
  color: red;
}
.nav-link {
  color:#252525 !important;
  font-size: 12px;
  line-height: 135%;
font-weight: bold;}
.nav-link.text-white {
  color: #fff !important;
}
.logo{width:56px;height:56px;background:#fff;color:var(--brand);border-radius:6px;display:flex;align-items:center;justify-content:center}
/* Articles */
.article-card{overflow:hidden;border:0}
.article-card .card-img-top{width:100%;height:auto;display:block}
.article-card .card-body{padding:1.5rem 0px;}
.article-card .card-title {
  font-size: 36px;
  font-weight: 700;
  line-height: 135%;
}
article p {font-size:18px;line-height:135%;margin-bottom:1rem; font-weight: light;}

.btn.btn-leia-mais {
  background-color: #c8102e;
  color: #FFF;
  display: block;
  width: auto;
  align-self: start;
  border-radius: 0;
  font-size: 18px;
  font-weight: bold;
}
.meta i {
  color: #c8102e;
  margin-right: 4px;
}
.btn.btn-danger{
  background-color: #c8102e !important;
  color: #FFF !important;
}
.tags .badge{margin-right:0.4rem}
.btn-outline-danger{border-color:var(--brand);color:var(--brand)}
.btn-outline-danger:hover{background:var(--brand);color:white}

/* Sidebar */
.categories li{padding:6px 0;border-bottom:1px dashed #eee}
.categories a{color:#333;text-decoration:none}
.recent-posts img{width:80px;height:60px;object-fit:cover}

/* Footer */
footer{position:relative; background-color: #cb0a0f;}

/* Animations: simple fade/slide up */
.wow{opacity:0;transform:translateY(20px);transition:all 600ms cubic-bezier(.2,.8,.2,1);}
.wow.in-view{opacity:1;transform:none}

/* little hover lift for cards
.article-card:hover{transform:translateY(-6px);transition:transform .25s ease;box-shadow:0 8px 24px rgba(0,0,0,0.06)}
*/
/* responsive tweaks */
@media(min-width:992px){
  main .container{max-width:var(--max-width)}
}

@media(min-width:451px){
 .meta small {
  font-size: 16px;
}
}

@media(max-width:450px){
  .meta small {
  font-size: 10px;
}
}

/* small utilities */
.search-icon{font-size:28px;cursor:pointer;}

.widget-box h5 {
  font-size: 30px;
  font-weight: 700;
  padding-left: 30px;
  position: relative;
}
.widget-box h5:before{
  content:"//";
  display:block;
  width:50px;
  height:4px;
  color:var(--brand);
  margin-bottom:0.5rem;
  position: absolute;

  left:0;
}

/* Floating navbar: hidden by default, reveal when .visible is added */
.floating-nav{
  position:fixed;
  left:0;right:0;top:0;
  transform:translateY(-100%);
  background:var(--brand);
  color:#fff;
  z-index:1050;
  transition:transform .28s ease, background-color .2s ease;
  box-shadow:0 6px 18px rgba(0,0,0,0.08);
}
.floating-nav .nav-link{color:rgba(255,255,255,0.95)}
.floating-nav.visible{transform:none}
.floating-nav .navbar-brand{color:#fff}

/* small screens tweak */
@media(max-width:575.98px){
  .floating-nav .nav{display:none}
}

/* New widget title style (double slash + bold) */
.widget-title{
  position:relative;
  font-weight:800;
  font-size:1.25rem;
  margin:0 0 0.75rem 0;
  color:#222;
}
.widget-title::before{
  content:"//";
  color:var(--brand);
  font-weight:900;
  margin-right:0.6rem;
}

/* Search box styling to match provided design */
.search .form-control{
  background:#f1f1f1;
  border:0;
  height:50px;
  padding:0.85rem 1rem;
  box-shadow:inset 0 2px 6px rgba(0,0,0,0.04);
  border-radius:3px 0 0 3px;
}
.search .input-group .btn{
  border-radius:0 3px 3px 0;
  border:0;
}
.search .form-label{margin-bottom:0.5rem}

/* Categories list style: diamond icon and dotted separators */
.categories li {
  position: relative;
  padding: 10px 0 10px 0px;
  border-bottom: 1px dotted #CCC;
}
.categories li a{color:#333;text-decoration:none}
.categories .cat-icon{
  position:absolute;
  left:0; top:50%;
  transform:translateY(-50%);
  width:12px;height:12px;display:block;
}
.badge.bg-tag {
  background-color: #cb0a0f;
  border-radius: 0px;
}
.btn.btn-outline-light.btn-sm.me-2.d-md-none {
  color: #FFF !important;
  font-size: 40px;
  line-height: 100%;
  border: none;
  margin-top: -10px;
  margin-right: 0px !important;
}
#floatNav .btn.btn-outline-light.btn-sm.me-2.d-md-none {
  color: #FFF !important;
  font-size: 40px;
  border:none
}
.btn.btn-outline-light.btn-sm.me-2.d-md-none.text-white {
  border: none;
  font-size: 40px;
  line-height: 100%;
  border:none;
}
/* Recent posts: match the widget look (title with // and dotted separators) */
.recent-posts li{
  position:relative;
  padding:8px 0;
  border-bottom:1px dotted #CCC;
  display:flex;
  align-items:center;
}
.recent-posts img {
  width: 78px;
  height: 78px;
  object-fit: cover;
}
/* btn-leia-mais: rotate icon on hover */
.btn-leia-mais i{
    display:inline-block;
    /* smooth rotation + small horizontal movement using margin */
    transition: transform .28s cubic-bezier(.2,.8,.2,1), margin-left .28s cubic-bezier(.2,.8,.2,1);
    transform-origin:center;
    margin-left:0;
    
    transform:rotate(-45deg);
  }
  .btn-leia-mais:hover i{
    transform:rotate(0deg);
    margin-left:8px; /* micro horizontal movement */
  }

  /* Fullscreen search overlay */
  .search-overlay{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.7);
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:2050;
    opacity:0;
    pointer-events:none;
    transition:opacity .18s ease;
  }
  .search-overlay.visible{
    opacity:1;
    pointer-events:auto;
  }
  .search-overlay .overlay-inner{
    position:relative;
    width:100%;
    padding:2rem;
    max-width:1100px;
  }
  .search-overlay .input-wrapper{
    width:100%;
  }
  .search-overlay input[type="search"]{
    width:100%;
    font-size:1.6rem;
    padding:1.25rem 1.25rem;
    border-radius:10px;
    border:0;
    outline:0;
    box-shadow:0 10px 40px rgba(0,0,0,0.5), inset 0 2px 8px rgba(0,0,0,0.08);
    background:#fff;
  }
  .search-overlay .overlay-close{
    position:absolute;
    right:0.5rem;
    top:0.5rem;
    width:36px;height:36px;border-radius:6px;border:0;background:transparent;color:#fff;
  }
  .search-overlay .overlay-close::after{
    content:'\2715'; /* × */
    font-size:18px;color:rgba(255,255,255,0.95);
  }

 
.titleTag {
  font-weight: bold;
  font-size: 18px;
  line-height: 135%;
}
.recent-posts a {
  font-weight: 700;
  color: #222;
  display: block;
  font-size: 18px;
  line-height: 112%;
  text-decoration: none;
}
.recent-posts .small{color:var(--muted);font-size:0.85rem}
.recent-posts li:last-child{border-bottom:0}

.widget-comentarios li{
  position:relative;
  padding:8px 0;
  border-bottom:1px dotted #CCC;
  align-items:center;
}

.pagination-wrapper {
  display: flex;
  padding: 8px;
}

.page-numbers {
  border: 1px solid #c8102e;
  padding: 10px 15px;
  color: #c8102e;
  text-decoration: none;
  font-size: 12px;
  font-weight: bold;
}
.page-numbers.current {
  background-color: #c8102e;
  color: #fff;
}
.page-numbers:hover {
  background-color: #fbd4d4;
}