/* Restored per-page CSS (blogd.css) from scoped bundles. */
svg:not(:root).svg-inline--fa{
  overflow:visible
}

.svg-inline--fa{
  display:inline-block;
  font-size:inherit;
  height:1em;
  overflow:visible;
  vertical-align:-.125em
}

.svg-inline--fa.fa-w-11{
  width:.6875em
}

.svg-inline--fa.fa-w-14{
  width:.875em
}

.svg-inline--fa.fa-w-16{
  width:1em
}

.svg-inline--fa.fa-w-18{
  width:1.125em
}

.blogDetail table{
  width:100%;
  border-collapse:collapse;
  margin:1.5rem 0;
  font-size:0.95rem;
  line-height:1.5;
  background:#fff;
  border: 1px solid #333;
  display:table
}

.blogDetail table thead{
  background:#232f3c
}

.blogDetail table th{
  padding:0.75rem 1rem;
  text-align:left;
  font-weight:600;
  color:#fff;
  border:1px solid #3d4f63;
  border-top:none
}

.blogDetail table th:first-child{
  border-left:none
}

.blogDetail table th:last-child{
  border-right:none
}

.blogDetail table td{
  padding:0.7rem 1rem;
  color:#333;
  border:1px solid #ced4da;
  vertical-align:top
}

.blogDetail table tbody tr:nth-child(even){
  background:#f4f4f4
}

.blogDetail table tbody tr:hover{
  background:#EEF0FE
}

@media screen and (max-width:768px){
  .blogDetail table th,
  .blogDetail table td{
    padding:0.6rem 0.75rem;
    font-size:0.875rem
  }
}

:root{
  --bs-blue:#0d6efd;
  --bs-indigo:#6610f2;
  --bs-purple:#6f42c1;
  --bs-pink:#d63384;
  --bs-red:#dc3545;
  --bs-orange:#fd7e14;
  --bs-yellow:#ffc107;
  --bs-green:#198754;
  --bs-teal:#20c997;
  --bs-cyan:#0dcaf0;
  --bs-white:#fff;
  --bs-gray:#6c757d;
  --bs-gray-dark:#343a40;
  --bs-gray-100:#f8f9fa;
  --bs-gray-200:#e9ecef;
  --bs-gray-300:#dee2e6;
  --bs-gray-400:#ced4da;
  --bs-gray-500:#adb5bd;
  --bs-gray-600:#6c757d;
  --bs-gray-700:#495057;
  --bs-gray-800:#343a40;
  --bs-gray-900:#212529;
  --bs-primary:#0d6efd;
  --bs-secondary:#6c757d;
  --bs-success:#198754;
  --bs-info:#0dcaf0;
  --bs-warning:#ffc107;
  --bs-danger:#dc3545;
  --bs-light:#f8f9fa;
  --bs-dark:#212529;
  --bs-primary-rgb:13,110,253;
  --bs-secondary-rgb:108,117,125;
  --bs-success-rgb:25,135,84;
  --bs-info-rgb:13,202,240;
  --bs-warning-rgb:255,193,7;
  --bs-danger-rgb:220,53,69;
  --bs-light-rgb:248,249,250;
  --bs-dark-rgb:33,37,41;
  --bs-white-rgb:255,255,255;
  --bs-black-rgb:0,0,0;
  --bs-body-color-rgb:33,37,41;
  --bs-body-bg-rgb:255,255,255;
  --bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  --bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
  --bs-gradient:linear-gradient(180deg,rgba(255,255,255,0.15),rgba(255,255,255,0));
  --bs-body-font-family:var(--bs-font-sans-serif);
  --bs-body-font-size:1rem;
  --bs-body-font-weight:400;
  --bs-body-line-height:1.5;
  --bs-body-color:#212529;
  --bs-body-bg:#fff
}

*, ::after, ::before{
  box-sizing:border-box
}

@media (prefers-reduced-motion:no-preference){
  :root{
    scroll-behavior:smooth
  }


}

:root{
  margin:0;
  font-family:var(--bs-body-font-family);
  font-size:var(--bs-body-font-size);
  font-weight:var(--bs-body-font-weight);
  line-height:var(--bs-body-line-height);
  color:var(--bs-body-color);
  text-align:var(--bs-body-text-align);
  background-color:var(--bs-body-bg);
  -webkit-text-size-adjust:100%;
  -webkit-tap-highlight-color:transparent
}

hr{
  margin:1rem 0;
  color:inherit;
  background-color:currentColor;
  border:0;
  opacity:.25
}

hr:not([size]){
  height:1px
}

h1, h2, h3{
  margin-top:0;
  margin-bottom:.5rem;
  font-weight:500;
  line-height:1.2
}

h1{
  font-size:calc(1.375rem + 1.5vw)
}

@media (min-width:1200px){
  h1{
    font-size:2.5rem
  }


}

h2{
  font-size:calc(1.325rem + .9vw)
}

@media (min-width:1200px){
  h2{
    font-size:2rem
  }


}

h3{
  font-size:calc(1.3rem + .6vw)
}

@media (min-width:1200px){
  h3{
    font-size:1.75rem
  }


}

p{
  margin-top:0;
  margin-bottom:1rem
}

ul{
  padding-left:2rem
}

ul{
  margin-top:0;
  margin-bottom:1rem
}

strong{
  font-weight:bolder
}

a{
  color:#0d6efd;
  text-decoration:underline
}

a:hover{
  color:#0a58ca
}

img, svg{
  vertical-align:middle;
}

p img{
  vertical-align:middle;
    max-width: 100%;
    height: 100%;
}

button{
  border-radius:0
}

button:focus:not(:focus-visible){
  outline:0
}

button, input{
  margin:0;
  font-family:inherit;
  font-size:inherit;
  line-height:inherit
}

button{
  text-transform:none
}

[type=button], button{
  -webkit-appearance:button
}

[type=button]:not(:disabled), button:not(:disabled){
  cursor:pointer
}

iframe{
  border:0
}

.container, .container-fluid{
  width:100%;
  padding-right:var(--bs-gutter-x,.75rem);
  padding-left:var(--bs-gutter-x,.75rem);
  margin-right:auto;
  margin-left:auto
}

@media (min-width:576px){
  .container{
    max-width:540px
  }


}

@media (min-width:768px){
  .container{
    max-width:720px
  }


}

@media (min-width:992px){
  .container{
    max-width:960px
  }


}

@media (min-width:1200px){
  .container{
    max-width:1140px
  }


}

@media (min-width:1400px){
  .container{
    max-width:1320px
  }


}

.row{
  --bs-gutter-x:1.5rem;
  --bs-gutter-y:0;
  flex-wrap:wrap;
  display:flex;
  margin-top:calc(var(--bs-gutter-y) * -1);
  margin-right:calc(var(--bs-gutter-x) * -.5);
  margin-left:calc(var(--bs-gutter-x) * -.5)
}

.row>*{
  flex-shrink:0;
  width:100%;
  max-width:100%;
  padding-right:calc(var(--bs-gutter-x) * .5);
  padding-left:calc(var(--bs-gutter-x) * .5);
  margin-top:var(--bs-gutter-y)
}

.col-4{
  flex:0 0 auto;
  width:33.33333333%
}

.col-8{
  flex:0 0 auto;
  width:66.66666667%
}

.col-12{
  flex:0 0 auto;
  width:100%
}

.carousel-home-grupos{
  margin:30px 0 0 0
}

.carousel-home-grupos .carousel-header{
  text-align:right;
  margin-top:-20px
}

.carousel-home-grupos .carousel-wrapper{
  display:flex;
  overflow-x:auto;
  cursor:grab;
  scroll-behavior:smooth
}

.carousel-home-grupos .carousel-wrapper::-webkit-scrollbar{
  display:none
}

.carousel-home-grupos .cardGroup{
  flex:0 0 260px
}

.carousel-home-grupos .carousel-wrapper img, .carousel-home-grupos .carousel-wrapper a{
  -webkit-user-drag:none;
  user-drag:none;
  -webkit-user-select:none;
  user-select:none
}

.carousel-home-grupos .carousel-dots{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:6px
}

.carousel-home-grupos .carousel-dots span{
  width:6px;
  height:6px;
  background:#ccc;
  border-radius:50%;
  opacity:.4;
  transition:.3s
}

.carousel-home-grupos .carousel-dots span.active{
  width:10px;
  height:10px;
  background:#333;
  opacity:1
}

.carousel-home-grupos .carousel-dots span.near{
  opacity:.7
}



@media (min-width:576px){
  .col-sm-12{
    flex:0 0 auto;
    width:100%
  }


}

@media (min-width:768px){
  .col-md-4{
    flex:0 0 auto;
    width:33.33333333%
  }

.col-md-9{
    flex:0 0 auto;
    width:75%
  }


}

.form-control{
  display:block;
  width:100%;
  padding:.375rem .75rem;
  font-size:1rem;
  font-weight:400;
  line-height:1.5;
  color:#212529;
  background-color:#fff;
  background-clip:padding-box;
  border:1px solid #ced4da;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  border-radius:.25rem;
  transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce){
  .form-control{
    transition:none
  }


}

.form-control:focus{
  color:#212529;
  background-color:#fff;
  border-color:#86b7fe;
  outline:0;
  box-shadow:0 0 0 .25rem rgba(13,110,253,.25)
}

.form-control::placeholder{
  color:#6c757d;
  opacity:1
}

.form-control:disabled{
  background-color:#e9ecef;
  opacity:1
}

.input-group{
  position:relative;
  display:flex;
  flex-wrap:wrap;
  align-items:stretch;
  width:100%
}

.input-group>.form-control{
  position:relative;
  flex:1 1 auto;
  width:1%;
  min-width:0
}

.input-group>.form-control:focus{
  z-index:3
}

.input-group-text{
  display:flex;
  align-items:center;
  padding:.375rem .75rem;
  font-size:1rem;
  font-weight:400;
  line-height:1.5;
  color:#212529;
  text-align:center;
  white-space:nowrap;
  background-color:#e9ecef;
  border:1px solid #ced4da;
  border-radius:.25rem
}

.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu){
  border-top-right-radius:0;
  border-bottom-right-radius:0
}

.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){
  margin-left:-1px;
  border-top-left-radius:0;
  border-bottom-left-radius:0
}

.btn{
  display:inline-block;
  font-weight:400;
  line-height:1.5;
  color:#212529;
  text-align:center;
  text-decoration:none;
  vertical-align:middle;
  cursor:pointer;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none;
  background-color:transparent;
  border:1px solid transparent;
  padding:.375rem .75rem;
  font-size:1rem;
  border-radius:.25rem;
  transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce){
  .btn{
    transition:none
  }


}

.btn:hover{
  color:#212529
}

.btn:focus{
  outline:0;
  box-shadow:0 0 0 .25rem rgba(13,110,253,.25)
}

.btn:disabled{
  pointer-events:none;
  opacity:0.7
}

.collapse:not(.show){
  display:none
}

.navbar{
  position:relative;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  padding-top:.5rem;
  padding-bottom:.5rem
}

.navbar>.container, .navbar>.container-fluid{
  display:flex;
  flex-wrap:inherit;
  align-items:center;
  justify-content:space-between
}

.navbar-brand{
  padding-top:.3125rem;
  padding-bottom:.3125rem;
  margin-right:1rem;
  font-size:1.25rem;
  text-decoration:none;
  white-space:nowrap
}

.navbar-nav{
  display:flex;
  flex-direction:column;
  padding-left:0;
  margin-bottom:0;
  list-style:none
}

.navbar-collapse{
  flex-basis:100%;
  flex-grow:1;
  align-items:center
}

.navbar-toggler{
  padding:.25rem .75rem;
  font-size:1.25rem;
  line-height:1;
  background-color:transparent;
  border:1px solid transparent;
  border-radius:.25rem;
  transition:box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce){
  .navbar-toggler{
    transition:none
  }


}

.navbar-toggler:hover{
  text-decoration:none
}

.navbar-toggler:focus{
  text-decoration:none;
  outline:0;
  box-shadow:0 0 0 .25rem
}

.navbar-toggler-icon{
  display:inline-block;
  width:1.5em;
  height:1.5em;
  vertical-align:middle;
  background-repeat:no-repeat;
  background-position:center;
  background-size:100%
}

@media (min-width:992px){
  .navbar-expand-lg{
    flex-wrap:nowrap;
    justify-content:flex-start
  }

.navbar-expand-lg .navbar-nav{
    flex-direction:row
  }

.navbar-expand-lg .navbar-collapse{
    display:flex!important;
    flex-basis:auto
  }

.navbar-expand-lg .navbar-toggler{
    display:none
  }

.navbar-expand-lg .offcanvas-header{
    display:none
  }

.navbar-expand-lg .offcanvas{
    position:inherit;
    bottom:0;
    z-index:1000;
    flex-grow:1;
    visibility:visible!important;
    background-color:transparent;
    border-right:0;
    border-left:0;
    transition:none;
    transform:none
  }

.navbar-expand-lg .offcanvas-body{
    display:flex;
    flex-grow:0;
    padding:0;
    overflow-y:visible
  }


}

.navbar-light .navbar-brand{
  color:rgba(0,0,0,.9)
}

.navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover{
  color:rgba(0,0,0,.9)
}

.navbar-light .navbar-toggler{
  color:rgba(0,0,0,.55);
  border-color:rgba(0,0,0,.1)
}

.navbar-light .navbar-toggler-icon{
  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280,0,0,0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.offcanvas{
  position:fixed;
  bottom:0;
  z-index:1045;
  display:flex;
  flex-direction:column;
  max-width:100%;
  visibility:hidden;
  background-color:#fff;
  background-clip:padding-box;
  outline:0;
  transition:transform .3s ease-in-out
}

@media (prefers-reduced-motion:reduce){
  .offcanvas{
    transition:none
  }


}

.offcanvas-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:1rem 1rem
}

.offcanvas-body{
  flex-grow:1;
  padding:1rem 1rem;
  overflow-y:auto
}

.offcanvas-start{
  top:0;
  left:0;
  width:400px;
  border-right:1px solid rgba(0,0,0,.2);
  transform:translateX(-100%)
}

.d-flex{
  display:flex!important
}

.w-100{
  width:100%!important
}

.justify-content-end{
  justify-content:flex-end!important
}

.justify-content-center{
  justify-content:center!important
}

.justify-content-between{
  justify-content:space-between!important
}

.order-2{
  order:2!important
}

.mt-3{
  margin-top:1rem!important
}

.mt-5{
  margin-top:3rem!important
}

.me-auto{
  margin-right:auto!important
}

.mb-2{
  margin-bottom:.5rem!important
}

.mb-3{
  margin-bottom:1rem!important
}

.p-3{
  padding:1rem!important
}

.text-secondary{
  --bs-text-opacity:1;
  color:rgba(var(--bs-secondary-rgb),var(--bs-text-opacity))!important
}

.text-light{
  --bs-text-opacity:1;
  color:rgba(var(--bs-light-rgb),var(--bs-text-opacity))!important
}

.text-dark{
  --bs-text-opacity:1!important
}

.text-white{
  --bs-text-opacity:1;
  color:rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important
}

.bg-white{
  --bs-bg-opacity:1;
  background-color:rgba(var(--bs-white-rgb),var(--bs-bg-opacity))!important
}

@media (min-width:576px){
  .order-sm-1{
    order:1!important
  }

.order-sm-2{
    order:2!important
  }


}

@media (min-width:768px){
  .order-md-1{
    order:1!important
  }

.order-md-3{
    order:3!important
  }


}

@media (min-width:992px){
  .mb-lg-0{
    margin-bottom:0!important
  }


}

:root{
  background-color:#EEF0FE;
  color:#111;
  font-size:14px;
  line-height:22px
}

.fa-search{
  color:#232f3c
}

a, a:hover, a:focus, a:active{
  text-decoration:none;
  color:#5865F2
}

.boxnovo{
  box-shadow:2px 2px 5px rgba(0,0,0,0.2),-2px -2px 5px rgba(0,0,0,0.2),2px -2px 5px rgba(0,0,0,0.2),-2px 2px 5px rgba(0,0,0,0.2)!important
}

.bg-nav{
  background-color:#232f3c;
  padding:12px 0
}

.bg-default{
  background-color:#5865F2
}

.bgInt{
  padding:0 6px;
  margin:0 auto
}

.btnMini{
  background-color:#5865F2;
  padding:0!important;
  display:inline-block;
  border-radius:2px;
  font-size:12px;
  margin-left:10px;
  color:#232f3c;
  width:60px;
  display:flex;
  align-items:center;
  justify-content:center
}

.btn-default{
  background-color:#5865F2;
  padding:0!important;
  display:inline-block;
  border-radius:2px;
  font-size:12px;
  margin-left:10px;
  color:#232f3c;
  width:180px;
  display:flex;
  align-items:center;
  justify-content:center
}

.btn-default2{
  background-color:#5865F2;
  padding:0!important;
  display:inline-block;
  border-radius:2px;
  font-size:12px;
  margin-left:10px;
  color:#232f3c;
  width:220px;
  display:flex;
  align-items:center;
  justify-content:center
}

.logo{
  color:#fff;
  font-size:24px;
  font-weight:400;
  display:inline-block;
  line-height:34px
}

.cardGroup{
  float:none;
  display:flex;
  padding:0 8px;
  margin-bottom:16px;
  text-align:center
}

.cardGroupInt{
  background-color:#fff;
  padding:18px 10px;
  box-shadow:2px 2px 7px rgba(0,0,0,0.2),-2px -2px 7px rgba(0,0,0,0.2),2px -2px 7px rgba(0,0,0,0.2),-2px 2px 7px rgba(0,0,0,0.2)!important;
  height:100%;
  overflow:hidden;
  position:relative;
  width:100%
}

/* Badge Ativo no carrossel do blog (mesmo padrão da home) */
.carousel-home-grupos .badge-link-ativo,
.cardGroupInt .badge-link-ativo{
  position:absolute;
  top:10px;
  left:10px;
  z-index:5;
  display:inline-block;
  background:#5865F2!important;
  color:#fff!important;
  font-size:11px;
  font-weight:700;
  line-height:1;
  padding:5px 8px;
  border-radius:4px;
  letter-spacing:.02em;
  pointer-events:none;
  text-align:left
}

.cardGroupInt .picture{
  margin-top:25px;
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%
}

.cardBlog{
  float:left;
  padding:0 8px;
  margin-bottom:16px;
  text-align:center
}

.cardBlogInt{
  background-color:#fff;
  padding:18px 10px;
  box-shadow:2px 2px 2px -2px #474747;
  height:415px
}

.imgGroup{
  width:130px;
  height:130px;
  margin-bottom:10px;
  margin:0 auto;
  display:block;
  object-fit:cover;
  border-radius:50%
}

.titleGroup{
  font-size:14px;
  display:block;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  margin:0 0 8px;
  padding:0 5px;
  color:#333;
  font-weight:600;
  height:26px;
  line-height:26px
}

.cardGroupInt > a.blackaec{
  display:flex!important;
  align-items:center;
  justify-content:center;
  gap:4px;
  width:100%!important;
  max-width:100%!important;
  min-width:0;
  height:22px;
  line-height:22px;
  margin:0;
  padding:0 8px;
  box-sizing:border-box;
  overflow:hidden
}

.cardGroupInt > a.blackaec .card-author-name{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}

.cardGroupInt > a.blackaec img{
  width:16px;
  height:16px;
  flex-shrink:0;
  display:block
}

.cardGroupInt > hr{
  width:100%;
  margin:10px 0
}

.categoGroup{
  display:block;
  color:#868686;
  margin-bottom:15px;
  height:20px;
  line-height:20px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
}

.categoGroup:hover{
  color:#868686
}

.btnGroup{
  background-color:#232f3c;
  padding:5px 6px;
  display:block;
  width:100%;
  margin:0 auto;
  border-radius:2px;
  font-size:12px;
  font-weight:600
}

.btnGroup-vip{
  background-color:#232f3c;
  padding:5px 6px;
  display:block;
  color:#fff!important;
  width:100%;
  margin:0 auto;
  border-radius:2px;
  font-size:12px;
  font-weight:600
}

.ribbon{
  position:relative;
  top:-9px;
  right:-16px;
  height:0;
  width:100%;
  overflow:visible;
  pointer-events:none
}

.ribbon .banner{
  z-index:2;
  transform:rotate(45deg);
  color:#fff;
  font-smoothing:antialiased;
  display:block;
  float:none;
  position:absolute;
  right:0;
  top:22px;
  width:100px
}

.ribbon .text, .ribbon .banner{
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:0 0
}

.ribbon .banner:after, .ribbon .banner:before{
  background-color:#51a351
}

.ribbon .banner:before{
  transform:skewY(-45deg) translate(50%,15px);
  transform-origin:100% center;
  left:-45px
}

.ribbon .banner:after, .ribbon .banner:before{
  content:"";
  display:block;
  height:12px;
  position:absolute;
  width:30px
}

.ribbon .text{
  position:relative;
  z-index:2;
  padding:6px 0;
  font-size:14px;
  font-weight:700;
  min-height:18px;
  line-height:26px;
  text-shadow:1px 1px 1px rgba(0,0,0,.2);
  white-space:nowrap;
  text-overflow:ellipsis
}

.ribbon .text, .ribbon .banner{
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:0 0
}

.ribbon .text:before, .ribbon .text:after{
  background-color:#5865F2
}

.ribbon .text:before{
  transform:translateX(-15%) skewX(-45deg)
}

.ribbon .text:before, .ribbon .text:after{
  content:"";
  display:block;
  height:30px;
  position:absolute;
  top:0;
  width:100%;
  z-index:-1
}

.ribbon .text:before, .ribbon .text:after{
  background-color:#5865F2
}

.ribbon .text:after{
  transform:translateX(15%) skewX(45deg)
}

.ribbon .text:before, .ribbon .text:after{
  content:"";
  display:block;
  height:30px;
  position:absolute;
  top:0;
  width:100%;
  z-index:-1
}

.ribbon .banner:after, .ribbon .banner:before{
  background-color:#51a351
}

.ribbon .banner:after{
  transform:translate(100%,-100%) skewY(45deg) translateX(-58%);
  transform-origin:0 center;
  right:-26px;
  left:87px;
  top:29px
}

.ribbon .banner:after, .ribbon .banner:before{
  content:"";
  display:block;
  height:12px;
  position:absolute;
  width:30px
}

.ribbon-vip{
  position:relative;
  top:-9px;
  right:-16px;
  height:0;
  width:100%;
  overflow:visible;
  pointer-events:none
}

.ribbon-vip .banner{
  z-index:2;
  transform:rotate(45deg);
  color:#000;
  font-smoothing:antialiased;
  display:block;
  float:none;
  position:absolute;
  right:0;
  top:22px;
  width:100px
}

.ribbon-vip .text, .ribbon-vip .banner{
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:0 0
}

.ribbon-vip .banner:after, .ribbon-vip .banner:before{
  background-color:#dc3545
}

.ribbon-vip .banner:before{
  transform:skewY(-45deg) translate(50%,15px);
  transform-origin:100% center;
  left:-45px
}

.ribbon-vip .banner:after, .ribbon-vip .banner:before{
  content:"";
  display:block;
  height:12px;
  position:absolute;
  width:30px
}

.ribbon-vip .text{
  position:relative;
  z-index:2;
  padding:6px 0;
  font-size:14px;
  font-weight:700;
  min-height:18px;
  line-height:26px;
  text-shadow:1px 1px 1px rgba(0,0,0,.2);
  white-space:nowrap;
  text-overflow:ellipsis
}

.ribbon-vip .text, .ribbon-vip .banner{
  margin:0;
  padding:0;
  border:0;
  color:#fff;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:0 0
}

.ribbon-vip .text:before, .ribbon-vip .text:after{
  background-color:#dc3545
}

.ribbon-vip .text:before{
  transform:translateX(-15%) skewX(-45deg)
}

.ribbon-vip .text:before, .ribbon-vip .text:after{
  content:"";
  display:block;
  height:30px;
  position:absolute;
  top:0;
  width:100%;
  z-index:-1
}

.ribbon-vip .text:before, .ribbon-vip .text:after{
  background-color:#dc3545
}

.ribbon-vip .text:after{
  transform:translateX(15%) skewX(45deg)
}

.ribbon-vip .text:before, .ribbon-vip .text:after{
  content:"";
  display:block;
  height:30px;
  position:absolute;
  top:0;
  width:100%;
  z-index:-1
}

.ribbon-vip .banner:after, .ribbon-vip .banner:before{
  background-color:#dc3545
}

.ribbon-vip .banner:after{
  transform:translate(100%,-100%) skewY(45deg) translateX(-58%);
  transform-origin:0 center;
  right:-26px;
  left:87px;
  top:29px
}

.ribbon-vip .banner:after, .ribbon-vip .banner:before{
  content:"";
  display:block;
  height:12px;
  position:absolute;
  width:30px
}

.ribbon-vip .banner:after, .ribbon-vip .banner:before{
  display:none
}

.ribbon .banner:after, .ribbon .banner:before{
  display:none
}

h1, h2, h3{
  font-weight:400!important;
  min-height:20px;
  line-height:26px
}

h2{
  margin:0 0 20px;
  font-size:22px
}

h3{
  margin:0 0 20px;
  font-size:18px
}

a{
  color:#5865F2;
  text-decoration:none
}

.footer{
  background-color:#232f3c;
  color:#fff
}

.aneTema5f541e{
  margin:0 0 15px;
  padding:0;
  list-style:none;
  text-align:center
}

.aneTema5f541e li{
  display:inline-block;
  margin:0 8px 3px
}

.aneTemaCd7594{
  margin:0 0 12px;
  padding:0;
  color:#5865F2;
  font-size:18px;
  font-weight:600!important;
  text-align:center
}

.postItemTitulo{
  font-weight:600!important;
  font-size:15px;
  line-height:24px;
  margin-bottom:6px;
  display:block;
  overflow:hidden;
  height:49px;
  color:#111
}

.cardBlogInt{
  text-align:start
}

.imageBlog{
  display:block;
  width:100%;
  height:180px;
  object-fit:cover;
  object-position:center;
  border:0
}

.cardBlog-media{
  display:block;
  line-height:0
}

h2.postItemTitulo,
h3.postItemTitulo{
  font-weight:600!important;
  font-size:15px;
  line-height:24px;
  margin:0 0 6px;
  display:block;
  overflow:hidden;
  height:49px;
  color:#111
}

.postItemTitulo-link{
  color:inherit;
  text-decoration:none;
  font-weight:600!important
}

.postItemTitulo-link:hover{
  color:#5865F2;
  text-decoration:none
}

.selo{
  position:relative;
  bottom:8px;
  font-size:11px;
  line-height:20px;
  color:rgba(0,0,0,.8);
  padding:0 6px;
  border-radius:2px
}

.form-nav{
  display:flex
}

.blogDetail{
  background-color:#fff;
  margin-bottom:1rem!important;
  box-sizing:border-box;
  padding:12px 10px;
  overflow:hidden;
}

.blogDetail > .row{
  margin-left:0!important;
  margin-right:0!important;
}

.blogDetail .classGrupoTexto{
  margin-top:.75rem;
  margin-bottom:.75rem;
  padding:0;
  box-sizing:border-box;
}

.blogDetail .classGrupoTexto img,
.blogDetail .classGrupoTexto img.w-100{
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
  margin:0;
}

.blog-detail-meta{
  width:100%;
  margin-bottom:.5rem;
  padding:0;
  box-sizing:border-box;
}

.blog-detail-body{
  width:100%;
  max-width:100%;
  overflow-wrap:anywhere;
  word-wrap:break-word;
  padding:0;
  box-sizing:border-box;
}

.blog-detail-body img{
  max-width:100%;
  height:auto;
}

.blog-detail-rating{
  width:100%;
  margin-top:1rem;
  padding:0;
  box-sizing:border-box;
}

@media screen and (max-width:778px){
  .cardGroup{
    float:none;
    display:flex;
    width:100%;
    padding:0 10px;
    margin-bottom:16px;
    text-align:center
  }

.cardBlog{
    float:left;
    width:100%;
    padding:0 8px;
    margin-bottom:16px;
    text-align:center
  }

.form-nav{
    display:flex;
    flex-wrap:wrap
  }

.btn-default{
    margin-left:0
  }

.btn-default2{
    margin-left:0
  }

.btn-nav{
    margin-top:10px;
    width:100%;
    height:40px;
    margin-bottom:10px
  }

.btnMini{
    margin-left:0
  }


}

:root{
  overflow-x:hidden!important
}

.nav-toggle{
  height:35px;
  width:35px;
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:none
}

.nav-toggle i{
  font-size:0.8rem;
  color:#000
}

.search-button-nav{
  height:35px;
  width:35px;
  display:flex;
  justify-content:center;
  align-items:center;
  font-size:0.8rem
}

.search-button-nav i{
  font-size:0.8rem
}

.offcanvas{
  width:230px!important;
  background:#232f3c;
  transition:all 0.4s linear
}

#form-search-mobile{
  position:absolute;
  width:100%;
  display:none
}

#mobile{
  display:none
}

#desktop{
  display:none
}

.text-navbrand-nav{
  font-size:1.4rem;
  margin:0
}

.offcanvas-body .row a{
  color:#fff
}

.offcanvas-body .row button{
  color:#fff
}

.alinharcentro{
  text-align:center!important;
  display:flex!important;
  align-items:center!important;
  font-size:15px;
  justify-content:center!important;
  color:#444
}

.alinharcentro2{
  text-align:left!important;
  display:flex!important;
  align-items:center!important;
  font-size:15px;
  color:#444
}

.alinharcentro5{
  text-align:left!important;
  display:flex!important;
  align-items:center!important;
  font-size:15px;
  color:#444
}

.rating-popup{
  position:fixed;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  background-color:#fff;
  border:1px solid #ccc;
  padding:20px;
  box-shadow:0 0 10px rgba(0,0,0,0.2);
  z-index:1000;
  width:300px;
  text-align:center;
  border-radius:6px;
  display:none
}

.popup-content h3{
  margin-bottom:10px
}

.popup-rating{
  display:inline-flex;
  flex-direction:row-reverse;
  justify-content:center;
  align-items:center;
  gap:6px;
}

.popup-rating .fa-star,
.popup-rating .rate-star{
  color:#ccc;
  font-size:24px;
  cursor:pointer;
  transition:color .12s ease;
  fill:currentColor
}

/* row-reverse + DOM 5→1: hover acende a estrela e todas à esquerda */
.popup-rating .fa-star:hover,
.popup-rating .fa-star:hover ~ .fa-star,
.popup-rating .rate-star:hover,
.popup-rating .rate-star:hover ~ .rate-star,
.popup-rating .fa-star.is-lit,
.popup-rating .fa-star.selected,
.popup-rating .fa-star.selected ~ .fa-star,
.popup-rating .rate-star.selected,
.popup-rating .rate-star.selected ~ .rate-star{
  color:gold;
  fill:currentColor
}

.popup-rating .fa-star:hover path,
.popup-rating .fa-star:hover ~ .fa-star path,
.popup-rating .rate-star:hover path,
.popup-rating .rate-star:hover ~ .rate-star path,
.popup-rating .fa-star.selected path,
.popup-rating .fa-star.selected ~ .fa-star path,
.popup-rating .rate-star.selected path,
.popup-rating .rate-star.selected ~ .rate-star path{
  fill:gold!important
}

@media screen and (max-width:768px){
  .col-12.alinharcentro{
    text-align:center!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important
  }

.alinharcentro2{
    align-items:center!important;
    font-size:15px;
    color:#444;
    display:inline!important;
    text-align:center!important
  }


}

#topBtn{
  display:none;
  position:fixed;
  bottom:20px;
  right:30px;
  z-index:99;
  font-size:22px;
  border:none;
  outline:none;
  background-color:transparent;
  color:rgb(42,70,91);
  cursor:pointer;
  padding:15px;
  border-radius:4px
}





.swal2-modal .swal2-title{
  color:#111
}



.alinharcentro{
  text-align:center!important;
  display:flex!important;
  align-items:center!important;
  font-size:15px;
  justify-content:center!important;
  color:#444
}

.alinharcentro2{
  text-align:left!important;
  display:flex!important;
  align-items:center!important;
  font-size:15px;
  color:#444
}

.alinharcentro3{
  text-align:left!important;
  display:flex!important;
  align-items:center!important;
  font-size:15px;
  color:#444
}

.alinharcentro5{
  text-align:left!important;
  display:flex!important;
  align-items:center!important;
  font-size:15px;
  color:#444
}

.rating-popup{
  position:fixed;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  background-color:#fff;
  border:1px solid #ccc;
  padding:20px;
  box-shadow:0 0 10px rgba(0,0,0,0.2);
  z-index:1000;
  width:300px;
  text-align:center;
  border-radius:6px;
  display:none
}

.popup-content h3{
  margin-bottom:10px
}

.popup-rating{
  display:inline-flex;
  flex-direction:row-reverse;
  justify-content:center;
  align-items:center;
  gap:6px;
}

.popup-rating .fa-star,
.popup-rating .rate-star{
  color:#ccc;
  font-size:24px;
  cursor:pointer;
  transition:color .12s ease;
  fill:currentColor
}

.popup-rating .fa-star:hover,
.popup-rating .fa-star:hover ~ .fa-star,
.popup-rating .rate-star:hover,
.popup-rating .rate-star:hover ~ .rate-star,
.popup-rating .fa-star.is-lit,
.popup-rating .fa-star.selected,
.popup-rating .fa-star.selected ~ .fa-star,
.popup-rating .rate-star.selected,
.popup-rating .rate-star.selected ~ .rate-star{
  color:gold;
  fill:currentColor
}

.popup-rating .fa-star:hover path,
.popup-rating .fa-star:hover ~ .fa-star path,
.popup-rating .rate-star:hover path,
.popup-rating .rate-star:hover ~ .rate-star path,
.popup-rating .fa-star.selected path,
.popup-rating .fa-star.selected ~ .fa-star path,
.popup-rating .rate-star.selected path,
.popup-rating .rate-star.selected ~ .rate-star path{
  fill:gold!important
}

#closePopup{
  margin-top:10px
}

@media screen and (max-width:768px){
  .col-12.alinharcentro{
    text-align:center!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important
  }

.sumirmobile{
    display:none
  }

.alinharcentro3{
    margin-top:0.7rem
  }

.alinharcentro2{
    align-items:center!important;
    font-size:15px;
    color:#444;
    display:inline!important;
    text-align:center!important
  }


}

.blog-meta-author{
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:#444;
  font-weight:500;
  text-decoration:none!important;
  border-bottom:none!important;
  vertical-align:middle;
}

.blog-meta-author:hover,
.blog-meta-author:focus,
.blog-meta-author:active{
  text-decoration:none!important;
  border-bottom:none!important;
  opacity:.85;
}

.blog-meta-author__photo{
  width:20px;
  height:20px;
  border-radius:50%;
  object-fit:cover;
  object-position:center top;
  flex-shrink:0;
}

.blog-main-stack{
  width:100%;
  max-width:100%;
  box-sizing:border-box;
}

.blog-main-stack > .blogDetail,
.blog-main-stack > .blog-author-box,
.blog-main-stack > .blog-comments{
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box;
  margin-left:0!important;
  margin-right:0!important;
}

.blog-author-box{
  display:flex;
  gap:1.1rem;
  align-items:center;
  width:100%;
  margin:0 0 1rem;
  padding:15px 10px;
  border:none;
  border-radius:0!important;
  background-color:#fff;
  box-sizing:border-box;
}

.blog-related-title{
  margin-top:1.25rem!important;
  width:100%;
  box-sizing:border-box;
}

.blog-related-hr{
  width:100%;
}

.blog-related-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1rem;
  width:100%;
  max-width:100%;
  box-sizing:border-box;
}

.blog-related-item{
  min-width:0;
  width:100%;
}

/* Mesmas regras do card /blog — sem overrides de altura/imagem/título */
.blog-related-item .cardBlogInt{
  width:100%;
  box-sizing:border-box;
}

@media (max-width:767px){
  .blog-related-grid{
    grid-template-columns:1fr;
  }
}

.blog-author-box__photo-link{
  flex-shrink:0;
  line-height:0;
  display:flex;
  align-items:center;
  justify-content:center;
}

.blog-author-box__photo{
  width:80px;
  height:80px;
  border-radius:50%;
  object-fit:cover;
  object-position:center center;
  display:block;
}

.blog-author-box__body{
  min-width:0;
  flex:1;
}

.blog-author-box__label{
  margin:0 0 .2rem;
  font-size:.75rem;
  letter-spacing:.04em;
  text-transform:uppercase;
  opacity:.65;
}

.blog-author-box__name{
  margin:0 0 .25rem;
  font-size:1.15rem;
  font-weight:700;
  line-height:1.25;
}

.blog-author-box__name a{
  color:inherit;
  text-decoration:none;
}

.blog-author-box__name a:hover,
.blog-author-box__name a:focus{
  color:#5865F2;
  text-decoration:underline;
}

.blog-author-box__roles{
  margin:0 0 .55rem;
  font-size:.88rem;
  font-weight:600;
  color:#5865F2;
}

.blog-author-box__bio{
  margin:0 0 .7rem;
  font-size:.95rem;
  line-height:1.55;
  opacity:.9;
}

.blog-author-box__cta{
  display:inline-block;
  font-size:.9rem;
  font-weight:600;
  color:#5865F2;
  text-decoration:none;
}

.blog-author-box__cta:hover,
.blog-author-box__cta:focus{
  text-decoration:underline;
  color:#5865F2;
}

body[dark] .blog-author-box{
  background-color:#1f1f1f!important;
  border:none;
  border-radius:0!important;
}

body[dark] .blog-meta-author{
  color:#ddd;
}

body[dark] .blog-card-author{
  color:inherit!important;
}

body[dark] .blog-author-box__name a:hover,
body[dark] .blog-author-box__name a:focus,
body[dark] .blog-author-box__roles,
body[dark] .blog-author-box__cta{
  color:#5865F2!important;
}

/* Meta dos cards: data / views / comentários (autor só no post) */
.blog-card-meta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:6px 10px;
  margin:2px 0 0;
  font-size:13px;
  line-height:1.35;
  color:var(--bs-secondary-color, #8a8a8a);
}

.blog-card-meta__item{
  display:inline-flex;
  align-items:center;
  gap:4px;
  white-space:nowrap;
}

.blog-card-author{
  display:inline-flex;
  align-items:center;
  gap:5px;
  color:inherit!important;
  text-decoration:none!important;
  border-bottom:none!important;
  box-shadow:none!important;
  font-weight:500;
  vertical-align:middle;
}

.blog-card-author:hover,
.blog-card-author:focus,
.blog-card-author:active{
  color:inherit!important;
  text-decoration:none!important;
  border-bottom:none!important;
  opacity:.85;
}

.blog-card-author__photo{
  width:18px;
  height:18px;
  border-radius:50%;
  object-fit:cover;
  object-position:center center;
  flex-shrink:0;
}

.blog-card-author span{
  text-decoration:none!important;
  border-bottom:none!important;
}

@media (max-width:575px){
  .blog-author-box{
    flex-direction:column;
    align-items:center;
    text-align:center;
  }
}

/* ——— Comentários do blog (mesma base do .blog-author-box) ——— */
.blog-comments{
  margin:0 0 1rem;
  padding:15px 10px;
  background-color:#fff;
  border:none;
  border-radius:0!important;
  box-sizing:border-box;
  color:#222;
}

.blog-comments__head{
  margin-bottom:14px;
}

.blog-comments__title{
  margin:0 0 6px!important;
  color:#5865F2!important;
  font-size:18px!important;
  font-weight:600!important;
  display:flex;
  align-items:center;
  gap:8px;
  line-height:1.3;
}

.blog-comments__count{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:22px;
  height:22px;
  padding:0 7px;
  border-radius:999px;
  background:#5865F2!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:600!important;
  line-height:1;
}

.blog-comments__lead,
.blog-comments__empty{
  margin:0!important;
  color:#555!important;
  font-size:14px!important;
  line-height:1.45!important;
}

.blog-comments__empty-box{
  padding:14px 12px;
  margin:0 0 4px;
  border:1px dashed rgba(0,0,0,.18);
  border-radius:0;
  text-align:center;
  background:transparent;
}

.blog-comments__empty-hint{
  margin:6px 0 0!important;
  color:#888!important;
  font-size:12px!important;
  line-height:1.4!important;
}

.blog-comments__list,
.blog-comments__replies{
  list-style:none;
  margin:0!important;
  padding:0!important;
}

.blog-comment{
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:14px 0;
  border-top:1px solid rgba(0,0,0,.08);
}

.blog-comments__list > .blog-comment:first-child{
  border-top:none;
  padding-top:4px;
}

.blog-comment__avatar{
  flex-shrink:0;
  display:flex;
  align-items:center;
  padding-top:1px;
}

.blog-comment__avatar img{
  width:48px;
  height:48px;
  border-radius:50%;
  object-fit:cover;
  object-position:center center;
  background:rgba(0,0,0,.06);
  display:block;
}

.blog-comment--reply .blog-comment__avatar img{
  width:40px;
  height:40px;
}

.blog-comment--reply{
  align-items:center;
}

.blog-comment__main{
  flex:1;
  min-width:0;
}

.blog-comment__meta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:6px 8px;
  margin-bottom:6px;
}

.blog-comment__name{
  font-weight:600!important;
  color:#111!important;
  font-size:14px!important;
}

.blog-comment__verified-seal{
  width:16px;
  height:16px;
  display:inline-block;
  vertical-align:middle;
  flex-shrink:0;
  margin:0;
}

.blog-comment__date{
  color:#777!important;
  font-size:12px!important;
}

.blog-comment__body{
  color:#333!important;
  font-size:14px!important;
  line-height:1.55!important;
  word-wrap:break-word;
}

.blog-comment__reply-btn{
  margin-top:8px;
  border:0;
  background:transparent;
  color:#5865F2!important;
  font-size:13px;
  font-weight:600;
  padding:0;
  cursor:pointer;
  text-decoration:none;
}

.blog-comment__reply-btn:hover,
.blog-comment__reply-btn:focus{
  color:#5865F2!important;
  text-decoration:underline;
}

.blog-comments__replies{
  margin-top:10px!important;
  padding-left:8px!important;
  border-left:2px solid rgba(0,0,0,.12);
}

.blog-comments__compose{
  margin-top:16px;
  padding-top:14px;
  border-top:1px solid rgba(0,0,0,.1);
}

.blog-comments__compose-title{
  margin:0 0 12px!important;
  color:#5865F2!important;
  font-size:16px!important;
  font-weight:600!important;
}

.blog-comment-form__row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-bottom:12px;
}

.blog-comment-form label{
  display:block;
  margin:0;
}

.blog-comment-form label > span{
  display:block;
  margin-bottom:4px;
  font-size:13px!important;
  color:#333!important;
  font-weight:600!important;
  line-height:1.3;
}

.blog-comment-form input[type="text"],
.blog-comment-form input[type="email"],
.blog-comment-form textarea{
  width:100%;
  border:1px solid rgba(0,0,0,.2);
  border-radius:4px;
  padding:9px 11px;
  font-size:14px!important;
  color:#111!important;
  background:#fff!important;
  box-sizing:border-box;
}

.blog-comment-form input::placeholder,
.blog-comment-form textarea::placeholder{
  color:#888!important;
  opacity:1;
}

.blog-comment-form input:focus,
.blog-comment-form textarea:focus{
  outline:none;
  border-color:#5865F2;
  box-shadow:0 0 0 2px rgba(14,198,84,.22);
}

.blog-comment-form__body{
  margin-bottom:8px;
}

.blog-comment-form__hint{
  margin:0 0 12px!important;
  color:#777!important;
  font-size:12px!important;
  line-height:1.4!important;
}

.blog-comment-form__submit{
  display:inline-block;
  border:0;
  border-radius:4px;
  background:#5865F2!important;
  color:#fff!important;
  font-weight:600;
  font-size:14px;
  padding:10px 18px;
  cursor:pointer;
}

.blog-comment-form__submit:hover{
  background:#5865F2!important;
  color:#fff!important;
}

.blog-comment-form--reply{
  margin-top:12px;
  padding:12px;
  background:rgba(0,0,0,.03);
  border:1px solid rgba(0,0,0,.08);
}

.blog-comment-honeypot{
  position:absolute!important;
  left:-9999px!important;
  width:1px!important;
  height:1px!important;
  opacity:0!important;
  pointer-events:none!important;
}

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

body[dark] .blog-comments{
  background-color:#1f1f1f!important;
  color:#eee!important;
}

body[dark] .blog-comments__title,
body[dark] .blog-comments__compose-title{
  color:#5865F2!important;
}

body[dark] .blog-comments__lead,
body[dark] .blog-comments__empty,
body[dark] .blog-comment-form__hint,
body[dark] .blog-comment__date{
  color:#aaa!important;
}

body[dark] .blog-comments__empty-box{
  border-color:rgba(255,255,255,.18);
  background:transparent;
}

body[dark] .blog-comments__empty-hint{
  color:#888!important;
}

body[dark] .blog-comment{
  border-top-color:rgba(255,255,255,.1);
}

body[dark] .blog-comment__name{
  color:#fff!important;
}

body[dark] .blog-comment__body{
  color:#ddd!important;
}

body[dark] .blog-comments__replies{
  border-left-color:rgba(255,255,255,.15);
}

body[dark] .blog-comments__compose{
  border-top-color:rgba(255,255,255,.12);
}

body[dark] .blog-comment-form label > span{
  color:#ddd!important;
}

body[dark] .blog-comment-form input[type="text"],
body[dark] .blog-comment-form input[type="email"],
body[dark] .blog-comment-form textarea{
  background:#1f1f1f!important;
  border-color:rgba(255,255,255,.2)!important;
  color:#fff!important;
}

body[dark] .blog-comment-form input::placeholder,
body[dark] .blog-comment-form textarea::placeholder{
  color:#888!important;
}

body[dark] .blog-comment-form--reply{
  background:rgba(255,255,255,.03);
  border-color:rgba(255,255,255,.1);
}

@media (max-width:575px){
  .blog-comments{
    padding:15px 10px;
  }
  .blog-comment-form__row{
    grid-template-columns:1fr;
  }
  .blog-comment__avatar img{
    width:40px;
    height:40px;
  }
}