/* Restored per-page CSS (grupos.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
}

: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,.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{
  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
  }


}

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

ol, ul{
  padding-left:2rem;
  margin-top:0;
  margin-bottom:1rem
}

b{
  font-weight:bolder
}

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

a:hover{
  color:#0a58ca
}

img, svg{
  vertical-align:middle
}

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
}

.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%
}

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


}

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

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


}

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


}

.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:.7
}

.btn-primary{
  color:#fff;
  background-color:#0d6efd;
  border-color:#0d6efd
}

.btn-primary:hover{
  color:#fff;
  background-color:#0b5ed7;
  border-color:#0a58ca
}

.btn-primary:focus{
  color:#fff;
  background-color:#0b5ed7;
  border-color:#0a58ca;
  box-shadow:0 0 0 .25rem rgba(49,132,253,.5)
}

.btn-primary:active{
  color:#fff;
  background-color:#0a58ca;
  border-color:#0a53be
}

.btn-primary:active:focus{
  box-shadow:0 0 0 .25rem rgba(49,132,253,.5)
}

.btn-primary:disabled{
  color:#fff;
  background-color:#0d6efd;
  border-color:#0d6efd
}

.btn-secondary{
  color:#fff;
  background-color:#6c757d;
  border-color:#6c757d
}

.btn-secondary:hover{
  color:#fff;
  background-color:#5c636a;
  border-color:#565e64
}

.btn-secondary:focus{
  color:#fff;
  background-color:#5c636a;
  border-color:#565e64;
  box-shadow:0 0 0 .25rem rgba(130,138,145,.5)
}

.btn-secondary:active{
  color:#fff;
  background-color:#565e64;
  border-color:#51585e
}

.btn-secondary:active:focus{
  box-shadow:0 0 0 .25rem rgba(130,138,145,.5)
}

.btn-secondary:disabled{
  color:#fff;
  background-color:#6c757d;
  border-color:#6c757d
}

.btn-sm{
  padding:.25rem .5rem;
  font-size:.875rem;
  border-radius:.2rem
}

.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
}

.offcanvas-body{
  flex-grow:1;
  padding: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-between{
  justify-content:space-between!important
}

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

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

.mt-4{
  margin-top:1.5rem!important
}

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

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

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

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

.text-light{
  --bs-text-opacity:1;
  color:rgba(var(--bs-light-rgb),var(--bs-text-opacity))!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:992px){
  .mb-lg-0{
    margin-bottom:0!important
  }


}

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

.fa-search{
  color:#232f3c
}

a, a:hover, a:focus, a:active{
  text-decoration:none;
  color:#0ec654
}

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

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

.bg-default{
  background-color:#0ec654
}

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

.btnMini{
  background-color:#0ec654;
  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:#0ec654;
  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:#0ec654;
  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:left;
  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,.2),-2px -2px 7px rgba(0,0,0,.2),2px -2px 7px rgba(0,0,0,.2),-2px 2px 7px rgba(0,0,0,.2)!important;
  height:100%;
  overflow:hidden
}

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

.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
}

.categoGroup{
  display:block;
  color:#868686;
  margin-bottom:15px
}

.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
}

.ol-regras{
  margin:0!important;
  padding:0!important;
  margin-left:1rem!important
}

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

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

a{
  color:#0ec654;
  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
}

.boxContact{
  background-color:#fff;
  padding:1rem;
  display:flex;
  flex-direction:column;
  justify-content:center
}

.img{
  width:140px;
  height:140px;
  object-fit:cover;
  border-radius:50%;
  align-self:center
}

.aneTemaCd7594{
  margin:0 0 15px;
  padding:0;
  color:#016f65;
  font-size:18px;
  font-weight:600!important;
  text-align:center;
  margin-top:30px
}

.blocoIcons{
  width:100%;
  display:flex;
  justify-content:center;
  margin-top:15px
}

.listDetailsGroup{
  display:flex;
  gap:1.2rem
}

@media (max-width:400px){
  .listDetailsGroup{
    gap:1rem
  }

.listDetailsGroup li{
    font-size:12px!important
  }


}

.regras-black{
  font-size:16px;
  font-weight:600;
  margin:0;
  padding:0
}

.form-nav{
  display:flex
}

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

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

.btn-default, .btn-default2, .btnMini{
    margin-left:0
  }

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


}

.btn-primary{
  color:#fff;
  background-color:#232f3c;
  border-color:#161f28
}

.btn-primary:hover{
  color:#fff!important;
  background-color:#161f28;
  border-color:#232f3c
}

:root{
  overflow-x:hidden!important
}

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

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

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

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

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

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

#mobile, #desktop{
  display:none
}

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

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

.espacobaixo{
  margin-bottom:1.5rem!important
}

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

@media screen and (max-width:768px){
  .optm{
    padding-left:0!important;
    padding-right:0!important
  }


}

.semhover:hover{
  color:#fff!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
}

.ribbon{
  position:relative;
  top:-9px;
  right:-16px
}

.ribbon .banner{
  z-index:2;
  transform:rotate(45deg);
  color:#fff;
  font-smoothing:antialiased;
  display:block;
  float:right;
  position:relative;
  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:#0ec654
}

.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:#0ec654
}

.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 .banner:after, .ribbon .banner:before{
  display:none
}

.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-vip{
  position:relative;
  top:-9px;
  right:-16px
}

.ribbon-vip .banner{
  z-index:2;
  transform:rotate(45deg);
  color:#000;
  font-smoothing:antialiased;
  display:block;
  float:right;
  position:relative;
  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
}

.espacobaixo{
  margin-bottom:1.5rem!important
}



.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
}

@media screen and (max-width:768px){
  .sumirmobile{
    display:none!important
  }

.optm{
    padding-left:0px!important;
    padding-right:0px!important
  }


}

@media screen and (min-width:768px){
  .sumirdesktop{
    display:none!important
  }


}

.semhover:hover{
  color:#fff!important
}

.lerMais{
  overflow:hidden;
  transition:max-height 0.5s ease
}

.read-more-link{
  display:inline-block;
  cursor:pointer;
  text-decoration:underline!important
}