/*
	DIOGENES JUNIOR
	CONTATO@DIOGENESJUNIOR.COM.BR
	
*/

/*---------------------------------
	RESETS
-----------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
html,body{
    height: 100%;
}
html {
    scroll-behavior: smooth;
}
body{
	overflow-x: hidden;
  background-color: #000;
  font-family: "Roboto Condensed", sans-serif;
}

@media(max-width: 540px){
  html,body{
    max-width: 100% !important;
    
  }
}

button,
button:hover,
button:active{
  outline: none !important;
}

#nav, #app{
  display: none !important;
}

/*---------------------------------
	IMPORTS E CONSULTAS E MOBILE
	
XS = < 544px
SM = > 544px
MD = > 768px
LG = > 992px
XL = > 1200px

CSS GRID
-----------------------------------*/
@font-face {
  font-family:'Harmony';
  src: url('Harmony.eot');
  src: url('Harmony.eot?#iefix') format('embedded-opentype'),
  url('Harmony.woff2') format('woff2'),
  url('Harmony.woff') format('woff'),
  url('Harmony.svg#Harmony') format('svg');
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-00FE;
}

/* font-family: 'Harmony'; */

.wow {
   visibility: hidden;
}
::selection { background: #757575; color: #fff; } ::-moz-selection { background: #757575; color: #fff; }


.text-center{
  text-align: center;
}

.text-right{
  text-align: right;
}

img{
  max-width: 100%;
  height: auto;
}



/*---------------------------------
  HEADER
-----------------------------------*/
.diogenes-gt-main-container{
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  min-height: 100%;
  padding-bottom: 1px;
}

.diogenes-gt-main-container.internas{
  height: auto;
  min-height: 160px;
}

.diogenes-gt-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('../images/garin-chadwick-pecs-5NKxhk-unsplash.jpg') center center/cover no-repeat;
  background-color: #000;
  background-attachment: fixed;
  filter: brightness(0.2);
  z-index: -3;
}
.diogenes-gt-mascara{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 400px;
  z-index: -1;
  background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.7) 50%, rgba(0,0,0,0) 100%);
}


.diogenes-gt-main-container.internas .diogenes-gt-mascara{
  height: 37px;
}

.diogenes-gt-header {
  position: relative;
  z-index: 10;
  padding: 15px 20px;
  display: flex;
  height: 96px;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  background-color: transparent;
}

.diogenes-gt-main-container.internas .diogenes-gt-header {
  border-bottom: 0px solid #000;
}

.diogenes-gt-menu-btn ,
.diogenes-gt-menu-btn:hover,
.diogenes-gt-menu-btn:focus{
    background-color: transparent;
    border: none;
    color: #fff;
    font-size: 22px;
    font-weight: normal;
    cursor: pointer;
    display: flex;
    align-items: center;
    padding: 0;
    font-family: "Bebas Neue";
    outline: none !important;
    box-shadow: none !important;
}

.diogenes-gt-menu-icon {
  display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 5px;
    width: 24px;
    margin-left: 14px;
    margin-top: -4px;
}

.diogenes-gt-menu-icon span {
  background-color: #006DD9;
  height: 4px;
  width: 4px;
  display: inline-block;
}

.diogenes-gt-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.diogenes-gt-logo img {
  height: 65px;
}

.diogenes-gt-auth-buttons {
  display: flex;
  gap: 10px;
}

.diogenes-gt-btn {
  padding: 8px 15px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 17px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    font-family: "Bebas Neue";
    font-weight: normal;
    width: 155px;
    margin-left: 10px;
}

.diogenes-gt-btn-register,
.diogenes-gt-btn-register:hover {
  background-color: #006DD9;
  color: #fff;
  border: none;
  text-decoration: none !important;
}

.diogenes-gt-btn-login,
.diogenes-gt-btn-login:hover {
  background-color: #006DD9;
  color: #fff;
  border: none;
  text-decoration: none !important;
}

.diogenes-gt-btn i {
  margin-right: 5px;
}

.diogenes-gt-content {
  position: relative;
  z-index: 2;
  padding: 40px 15px;
  margin-top: 150px;
}

.diogenes-gt-city-options {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 20px;
  width: 100%;
  max-width: 800px;
  margin: 0 auto 40px;
}

.diogenes-gt-city-col {
  flex: 1;
  min-width: 280px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 10px;
}

.diogenes-gt-city-title {
  font-size: 13px;
    margin-bottom: 9px;
    text-align: center;
    color: #c1c1c1;
    font-weight: normal;
}

.diogenes-gt-city-button,
.diogenes-gt-city-button:hover {
  color: #006DD9;
    border: 2px solid #006DD9;
    border-radius: 12px;
    padding: 7px 11px;
    font-weight: normal;
    text-decoration: none;
    text-align: center;
    width: 100%;
    font-size: 25px;
    max-width: 300px;
    font-family: "Bebas Neue";
    text-transform: uppercase;
    background-color: transparent;
    transition: all 0.3s ease;
}




.diogenes-gt-logo-separator {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 20px;
}

.diogenes-gt-logo-separator img {
  height: 62px !important;
  width: auto !important;
}

.diogenes-gt-search-container {
  width: 100%;
  max-width: 600px;
  margin: 20px auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.diogenes-gt-search-title {
  font-size: 13px;
  margin-bottom: 15px;
  color: #919191;
  text-align: center;
}

.diogenes-gt-search-bar {
  position: relative;
  width: 100%;
  max-width: 500px;
}

.diogenes-gt-search-input {
  width: 100%;
  padding: 8px 22px;
  border-radius: 25px;
  border: none;
  background-color: rgba(000, 000, 000, 0.20);
  border: 1px solid #393939;
  color: #fff;
  font-size: 19px;
  text-align: left;
  text-transform: uppercase;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: normal;
}

.diogenes-gt-search-input::placeholder {
  color: rgba(255, 255, 255, 0.25);
  text-transform: uppercase;
  font-family: "Bebas Neue";
  font-family: "Roboto Condensed", sans-serif;
}

.diogenes-gt-search-input:focus {
  outline: none;
  box-shadow: 0 0 5px rgba(78, 155, 245, 0.5);
}

.diogenes-gt-search-button,
.diogenes-gt-search-button:hover,
.diogenes-gt-search-button:focus,
.diogenes-gt-search-button:active {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  color: #006DD9;
  font-size: 18px;
  outline: none !important;
  border: none !important;
  cursor: pointer;
}

.diogenes-gt-footer {
  position: relative;
  z-index: 2;
  margin-top: 0px;
  margin-bottom: 40px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 600px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  /* margin-left: 30px; */
}

.diogenes-gt-footer-logo {
  margin-bottom: 20px;
  position: absolute;
  display: block;
  top: -5px;
  left: 40px;
}

.diogenes-gt-footer-logo img {
  height: 80px !important;
  margin-left: -10px;
}
@media(max-width:540px){
  .diogenes-gt-footer-logo img{
    display: none;
  }
}

.diogenes-gt-footer-text {
  max-width: 800px;
  text-align: center;
}

.diogenes-gt-footer-title {
  color: #006DD9;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 5px;
  text-transform: uppercase;
  line-height: 1.2;
}
.diogenes-gt-footer-title span{
  color:#fff;
}

.diogenes-gt-footer-subtitle {
  color: #006DD9;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 20px;
  text-transform: uppercase;
  line-height: 1.2;
}

.diogenes-gt-footer-caption {
  font-size: 80px;
    color: #ccc;
    line-height: 50px;
    padding-top: 21px;
    font-family: 'Harmony';
}

/* Responsividade */
@media (max-width: 991px) {
  .diogenes-gt-logo img {
      height: 35px !important;
  }
  
  .diogenes-gt-city-options {
      flex-direction: column;
      gap: 30px;
  }
  
  /*
  .diogenes-gt-logo-separator {
      transform: rotate(90deg);
  }
      */
  
  .diogenes-gt-footer-title {
      font-size: 20px;
  }
  
  .diogenes-gt-footer-subtitle {
      font-size: 18px;
  }
}

@media (max-width: 767px) {
  .diogenes-gt-header {
      padding: 10px 15px;
  }
  
  .diogenes-gt-menu-btn {
      font-size: 12px;
  }
  
  .diogenes-gt-logo img {
      height: 60px !important;
  }
  
  .diogenes-gt-auth-buttons {
      gap: 5px;
  }
  
  .diogenes-gt-btn {
      padding: 6px 10px;
      font-size: 10px;
  }
  
  .diogenes-gt-content {
      margin-top: 20px;
      padding: 20px 10px;
  }
  
  .diogenes-gt-city-button,
  .diogenes-gt-city-button:hover {
      padding: 8px 15px;
      font-size: 14px;
  }
  
  .diogenes-gt-footer-logo img {
      height: 60px !important;
  }
  
  .diogenes-gt-footer-title {
      font-size: 18px;
  }
  
  .diogenes-gt-footer-subtitle {
      font-size: 16px;
  }
  
  .diogenes-gt-footer-caption {
      font-size: 14px;
  }
}

@media (max-width: 480px) {
  .diogenes-gt-menu-btn {
      font-size: 0;
  }
  
  .diogenes-gt-menu-icon {
      margin-right: 0;
  }
  
  .diogenes-gt-logo img {
      height: 60px !important;
  }
  
  .diogenes-gt-btn {
      padding: 5px 8px;
      font-size: 10px;
  }
  
  .diogenes-gt-btn i {
      margin-right: 3px;
      font-size: 10px;
  }
  
  .diogenes-gt-city-title {
      font-size: 12px;
  }
  
  .diogenes-gt-city-button,
  .diogenes-gt-city-button:hover {
      font-size: 20px;
  }
  
  .diogenes-gt-search-title {
      font-size: 12px;
  }
  
  .diogenes-gt-search-input {
      font-size: 14px;
      padding: 8px 15px;
  }
  
  .diogenes-gt-footer-title {
      font-size: 16px;
  }
  
  .diogenes-gt-footer-subtitle {
      font-size: 14px;
  }
  
  .diogenes-gt-footer-caption {
      font-size: 12px;
  }


}




/*---------------------------------
	SUPER BANNER
-----------------------------------*/


.controle-banner-na-homepage2{
  position: absolute;
  top: 165px;
  left: 0px;
  padding-top: 0px;
  width: 100%;
  height: auto;
}

@media(max-width: 540px){
  .controle-banner-na-homepage2{
    top: 220px;
    display: none;
  }
}

.controle-banner-na-homepage2 .owl-theme img{
    width: 36px !important;
    height: auto !important;
    opacity: 1;
    border-radius: 5px;
    border: 1px solid #cccccc !important;
}

.controle-banner-na-homepage2 .owl-theme .custom-nav-banner2 {
  position: absolute;
  top: 36.5%;
  left: 0;
  right: 0;
  background: none !important;
  box-shadow: none !important;
  outline: none !important;
}

.controle-banner-na-homepage2 .owl-theme .custom-nav-banner2{
  outline: none !important;
}

.controle-banner-na-homepage2 .owl-theme .custom-nav-banner2 .owl-prev,
.controle-banner-na-homepage2 .owl-theme .custom-nav-banner2 .owl-next {
  position: absolute;
  height: 100px;
  color: inherit;
  background: none !important;
  border: none !important;
  z-index: 1;
  outline: none !important;
}

.controle-banner-na-homepage2 .owl-theme .custom-nav-banner2 .owl-prev {
  left: 3px;
}

.controle-banner-na-homepage2 .owl-theme .custom-nav-banner2 .owl-next {
  right: 3px;
}

@media(max-width: 540px){

    .controle-banner-na-homepage2 .owl-theme .custom-nav-banner2 .owl-prev {
      left: 3px;
    }
    
    .controle-banner-na-homepage2 .owl-theme .custom-nav-banner2 .owl-next {
      right: 3px;
    }

}




#carousel-custom-dots{
  padding-left: 0px;
  margin-left: 0px;
  text-align: center;
  z-index: 505;
}
#carousel-custom-dots li{
  cursor: pointer;
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 0px;
  margin-left: 2.5px;
  margin-right: 2.5px;
  background: #f2f2f2;
  border-radius:100%;
}

#carousel-custom-dots li.owl-dot.active{
  background: #747474;
  /* box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.11); */
}


/*---------------------------------
	MENU E MOBILES
-----------------------------------*/

.botao-site-adulto{
  align-items: center;
    background-color: #006DD9;
    border-radius: 25px;
    border-width: 0px;
    box-sizing: border-box;
    color: #FFF;
    cursor: pointer;
    display: flex;
    font-family: Roboto, Roboto-fallback, Arial, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
    font-size: 18.128px;
    font-weight: 700;
    height: 48px;
    justify-content: center;
    line-height: 18.128px;
    min-inline-size: 64px;
    min-width: 64px;
    padding-block: 8px;
    padding-inline: 80px;
    text-align: center;
    text-decoration: none solid #FFF;
    text-wrap: nowrap;
    vertical-align: middle;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    outline: none !important;
    box-shadow: none !important;
}

#backdrop{
  background-color: rgba(000,000,000,0.70);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  --tw-backdrop-blur: blur(8px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  -webkit-transition: 300ms ease;
  transition: 300ms ease;
}

#areaMenuDrawer{
  background-color: #212121;
  border-bottom-left-radius: -835px;
}

.aberto #areaMenuDrawer{
  /*left: 0;*/
  -webkit-transition: 1.2s ease;
  transition: 1.2s ease;
}

.aberto #backdrop,
.aberto #scOne,
.aberto #scTwo{
  display: block !important;
  -webkit-transition: 300ms ease;
  transition: 300ms ease;
}

#areaMenuDrawer button{
  background: none;
  border: none;
  outline: none;
  box-shadow: none;
  margin-right: 10px;
  color: #f2f2f2;
}

#areaMenuDrawer a,
#areaMenuDrawer a:hover{
  color: #f2f2f2;
    text-decoration: none !important;
    font-weight: 600;
    font-size: 17px;
}

#areaMenuDrawer a svg{
  color: #000;
  opacity: 0.7;
}
.h-full.flex.flex-col.py-6.pt-0.bg-background.shadow-xl.border.overflow-y-auto{
  border:none !important;
}

#menuFixoMobile{
  
  padding-top: 22px !important;
  -webkit-transition: 300ms ease;
  transition: 300ms ease;
  bottom: -300px;
  z-index: 99999;
}

@media(max-width:540px){
  #menuFixoMobile{
    width: 100% !important;
    bottom: 0 !important;
  }
  header.principal .menus-targets nav ul li.normal{
    display: none;
  }
  #areaMenuDrawer button{
    margin-right: 0;
  }
  header.principal .menus-targets {
   padding-top: 2px;
  }
}

#menuFixoMobile a,
#menuFixoMobile a:hover{
  text-decoration: none;
}

#menuFixoMobile button{
  background: none !important;
  border: none !important;
  outline: none !important;
}



.conteudo-janelas{
  position: relative;
    padding-right: 20px;
}

.conteudo-janelas .diogenes-form-group label{
  margin-bottom: 5px;
}

.conteudo-janelas .diogenes-form-control{
  position: relative;
    display: block;
    height: 55px;
    border-radius: 12px;
    outline: none !important;
    box-shadow: none !important;
}

.conteudo-pesquisas{

}
.conteudo-pesquisas h3{
  font-size: 13px !important;
  line-height: 18px !important;
  text-transform: uppercase;
  margin-top: 32px;
}

.conteudo-pesquisas ul{
  list-style: none;
  padding: 0;
  margin: 0;
  padding-top: 12px;
}

.conteudo-pesquisas ul li{
  list-style: none;
  position: relative;
  display: block;
  height: 52px;
  font-weight: bold;
  color: #666;
  padding-bottom: 5px;
}

.conteudo-pesquisas ul li img{
  width: 32px;
    margin-bottom: 20px;
    float: left;
    margin-right: 9px;
} 

.conteudo-pesquisas ul li small{
  display: block;
}



.conteudo-pesquisas .skeleton-item {
  height: 80px; /* Altura dos itens de esqueleto, ajuste conforme necessário */
  margin-bottom: 10px; /* Espaçamento entre os itens de esqueleto, ajuste conforme necessário */
  background-color: #f0f0f0; /* Cor de fundo dos itens de esqueleto */
  border-radius: 4px; /* Borda arredondada */
  animation: loading-skeleton 600ms infinite alternate; /* Animação para simular o carregamento */
  padding: 8px;
}

.conteudo-pesquisas .skeleton-item .foto{
  position: relative;
  display: block;
  width: 72px;
  height: 100%;
  background: #ccc;
  border-radius: 4px;
  opacity: 0.25;
}

@keyframes loading-skeleton {
  0% {
    opacity: 0.25; /* Opacidade inicial */
  }
  100% {
    opacity: 1; /* Opacidade final */
  }
}




.carousel-container {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  padding: 20px 0;
}

.modelo-item {
  position: relative;
  margin: 0 5px;
  border-radius: 4px;
  overflow: hidden;
  height: 380px;
}

.modelo-imagem {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.modelo-imagem img {
  width: 100%;
  height: 100% !important;
  object-fit: cover;
  object-position: center;
  transition: transform 0.3s ease;
}

.modelo-item:hover .modelo-imagem img {
  transform: scale(1.05);
}

section.loop-de-modelos{
  position: relative;
  display: block;
  padding-top: 30px;
  padding-bottom: 40px;
}

.modelo-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 42%;
  background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.7) 50%, rgba(0,0,0,0) 100%);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 15px;
  padding-bottom: 24px !important;
  text-align: center;
  align-items: anchor-center;
  box-sizing: border-box;
}

.modelo-nome {
  color: #007bff;
  font-size: 18px;
  font-weight: bold;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  display: flex;
  align-items: center;
}

.modelo-verificado {
  color: #007bff;
  margin-left: 5px;
  font-size: 16px;
}

.modelo-nome img{
  width: 20px !important;
  margin-left: 8px;
}

.modelo-localizacao {
  color: #f2f2f2;
  font-size: 11px;
  margin: 5px 0 0;
  text-transform: uppercase;
}

.loop-de-modelos .owl-carousel .owl-stage-outer {
  overflow: hidden;
}

.loop-de-modelos .owl-carousel .modelo-item {
  border: 1px solid #000;
}




section.tres-destaques {
  position: relative;
  display: block;
  padding-top: 32px;
  padding-bottom: 48px;
  color: #fff;
  text-align: center;
}
section.tres-destaques div h1 {
  font-size: 52px;
    font-family: "Bebas Neue";
}

section.tres-destaques .titulo-principal{
  padding-bottom: 50px;
}

section.tres-destaques .coluna {

}
section.tres-destaques .coluna img {
  border-radius: 100%;
    width: 36%;
    margin-bottom: 23px;
    margin-top: 15px;
}
section.tres-destaques .coluna h2 {
  text-shadow: 0 0 5px #007bff, 0 0 10px #007bff, 0 0 15px #007bff, 0 0 20px #007bff;
    letter-spacing: 1.2px;
    font-size: 42px;
    height: 166px;
    font-family: "Bebas Neue";
}
section.tres-destaques .coluna p {
  color: #f2f2f2;
}

section.e-virtual{
  position: relative;
    display: block;
    padding-top: 52px;
    padding-bottom: 50px;
    background: #666;
}

section.e-virtual h1{
  font-family: "Bebas Neue";
    font-size: 52px;
}

section.e-virtual h2{
  color: #006DD9;
  font-family: 'Harmony';
  font-size: 136px;
  margin-top: -48px;
}

section.e-virtual a,
section.e-virtual a:hover{
  color: #006DD9;
    border: 1px solid #006DD9;
    position: relative;
    display: block;
    font-size: 28px;
    font-weight: normal;
    width: 300px;
    border-radius: 12px;
    padding-top: 8px;
    padding-bottom: 9px;
    margin-left: auto;
    margin-right: auto;
    font-family: "Bebas Neue";
    text-decoration: none;
}



.loop-novas-acompanhantes .acompanhantes-carousel-container {
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
  padding: 40px 15px;
}


section.loop-novas-acompanhantes{
  position: relative;
  display: block;
  padding-top: 94px;
}

section.loop-novas-acompanhantes .titulo-principal{
  padding-bottom: 18px;
  text-align: center;
}

section.loop-novas-acompanhantes .titulo-principal h1 {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 34px;
}



.acompanhantes-card {
  position: relative;
  border-radius: 10px;
  border: 1px solid #0066cc;
  overflow: hidden;
  background-color: #000;
  margin: 10px;
  padding: 20px;
  text-align: center;
  height: 450px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.acompanhantes-img-container {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  overflow: hidden;
  margin-bottom: 15px;
}

.acompanhantes-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.acompanhantes-nome {
  font-size: 28px;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 5px;
}

.acompanhantes-cidade {
  font-size: 18px;
  color: #666;
  margin-bottom: 25px;
  text-transform: uppercase;
}

.acompanhantes-descricao {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 20px;
  text-align: center;
}

.acompanhantes-continue {
  color: #0080ff;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  margin-top: auto;
  display: block;
  margin-bottom: 5px;
}

.acompanhantes-continue:hover {
  text-decoration: underline;
}

.acompanhantes-review {
  font-size: 14px;
  color: #666;
  font-style: italic;
}

.loop-novas-acompanhantes .owl-dots {
  margin-top: 30px;
}

.loop-novas-acompanhantes .owl-nav button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 50px;
  height: 50px;
  background-color: rgba(0, 0, 0, 0.5) !important;
  border-radius: 50% !important;
  color: #fff !important;
  font-size: 24px !important;
}

.loop-novas-acompanhantes .owl-prev {
  left: -25px;
}

.loop-novas-acompanhantes .owl-next {
  right: -25px;
}

@media (max-width: 767px) {
  .acompanhantes-card {
      height: auto;
      min-height: 450px;
  }
  
  .loop-novas-acompanhantes .owl-nav button {
      width: 40px;
      height: 40px;
  }
  
  .loop-novas-acompanhantes .owl-prev {
      left: -20px;
  }
  
  .loop-novas-acompanhantes .owl-next {
      right: -20px;
  }
}



section.marcas-parceiros{
  position: relative;
  display: block;
  padding-top: 62px;
  padding-bottom: 55px;
  background: #2e2e2e;
}

section.marcas-parceiros img{
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  border-radius: 100%;
  filter: grayscale(1);
  width: 60%;
}


section.tres-destaques.mas-aqui-sao-quatro{
  padding-top: 73px;
  padding-bottom: 80px;
}

section.tres-destaques.mas-aqui-sao-quatro div h1{
  font-size: 28px;
}

section.tres-destaques.mas-aqui-sao-quatro .coluna img{
  width: 60%;
  height: auto;
}

section.tres-destaques.mas-aqui-sao-quatro .coluna h2{
  font-size: 36px;
  height: auto;
}

.institucional-row{
  text-align: center;
  padding-top: 82px;
  padding-bottom: 32px;
}

.institucional-row .coluna{

}

.institucional-row .coluna h3{
  color: #006dd9;
    font-weight: bold;
}

.institucional-row .coluna p{

}

.institucional-row .coluna p a,
.institucional-row .coluna p a:hover{

}

.seo-section{
  padding-top: 70px;
  position: relative;
  display: block;
}

.primeiro-destaque{
  position: relative;
  display: block;
  padding-top: 30px;
  padding-bottom: 30px;
  color: #fff;
  width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.primeiro-destaque img{
  width: 120px;
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;  
  margin-bottom: 20px;
}

.primeiro-destaque h1{
  text-align: center;
    color: #006dd9;
    font-size: 42px;
    font-family: "Bebas Neue";
}

.primeiro-destaque h2{
  text-align: center;
  padding-top: 30px;
  font-family: 'Harmony';
  font-size: 123px;
  margin-bottom: -8px;
  margin-top: -20px;
  color: #006dd9;
}

.primeiro-destaque ul{

}

.primeiro-destaque ul li{

}

.primeiro-destaque p{

}


.segundo-destaque{
  position: relative;
  display: block;
  padding-top: 30px;
  padding-bottom: 40px;
  width: 80%;
    margin-left: auto;
    margin-right: auto;
}


.segundo-destaque h3{
  text-align: center;
    color: #006dd9;
    font-size: 42px;
    font-family: "Bebas Neue";
}

.segundo-destaque h3 span{
  color: #fff;
}


.footer-container {
  background-color: #000;
  padding: 40px 0 20px;
  padding-bottom: 125px;
  border-top: 1px solid #222;
}

.footer-logo {
  max-width: 180px;
  margin-bottom: 20px;
}

.footer-title {
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 15px;
  color: #fff;
}

.footer-list {
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 25px;
}

.footer-list li {
  margin-bottom: 8px;
  display: flex;
  align-items: baseline;
}

.footer-list li::before {
  content: "•";
  color: #fff;
  margin-right: 10px;
  font-size: 16px;
}

.footer-list a {
  color: #fff;
  text-decoration: none;
  transition: color 0.3s;
}

.footer-list a:hover {
  color: #007bff;
}

.social-icons {
  display: flex;
  justify-content: flex-start;
  gap: 15px;
  margin-bottom: 25px;
}

.social-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background-color: #e0e0e0;
  border-radius: 50%;
  color: #000;
  text-decoration: none;
  transition: all 0.3s;
}

.social-icon:hover {
  background-color: #007bff;
  color: #fff;
}

.newsletter-title {
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 15px;
}

.newsletter-subtitle {
  font-size: 14px;
  margin-bottom: 15px;
}

.newsletter-form {
  display: flex;
  margin-bottom: 30px;
}

.newsletter-input {
  flex-grow: 1;
  background-color: rgba(255, 255, 255, 0.1);
  border: 1px solid #333;
  padding: 8px 15px;
  color: #fff;
  border-radius: 5px 0 0 5px;
}

.newsletter-input::placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.newsletter-input:focus {
  outline: none;
  border-color: #007bff;
}

.newsletter-button {
  background-color: #333;
  border: none;
  color: #fff;
  padding: 8px 15px;
  border-radius: 0 5px 5px 0;
  cursor: pointer;
  transition: background-color 0.3s;
}

.newsletter-button:hover {
  background-color: #007bff;
}

.about-section {
  margin-top: 20px;
}

.about-section i{
  color: #f2f2f2;
}
.about-title {
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 15px;
  display: flex;
  align-items: center;
}

.about-title i {
  margin-right: 10px;
  color: #f2f2f2;
}

.about-text {
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 20px;
}

.copyright {
  font-size: 12px;
  color: #666;
  text-align: center;
  margin-top: 20px;
  border-top: 1px solid #222;
  padding-top: 20px;
}

.copyright a {
  color: #007bff;
  text-decoration: none;
}

.footer-garotas {
  display: flex;
  flex-direction: column;
}

.footer-garota-item {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}

.footer-garota-img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin-right: 15px;
  object-fit: cover;
}

.footer-garota-info {
  display: flex;
  flex-direction: column;
}

.footer-garota-nome {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 3px;
}

.footer-garota-local {
  font-size: 12px;
  color: #999;
}

@media (max-width: 767px) {
  .footer-section {
      margin-bottom: 30px;
  }
  
  .social-icons {
      justify-content: center;
  }
  
  .newsletter-form {
      flex-direction: column;
  }
  
  .newsletter-input {
      border-radius: 5px;
      margin-bottom: 10px;
  }
  
  .newsletter-button {
      border-radius: 5px;
      width: 100%;
  }
}


@media(max-width:540px){
  .diogenes-gt-footer{
    position: relative;
    z-index: 2;
    margin-top: 0px;
    margin-bottom: 40px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    /* margin-left: 30px;*/
  }
  .diogenes-gt-footer-caption {
    font-size: 82px;
}

    section.marcas-parceiros img{
      width: 200px;
      margin-bottom: 25px;
      max-width: 90%;
    }
}



.filtro-resultados-categorias {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 15px;
}

.filtro-resultados-categoria-label {
  font-weight: bold;
  display: flex;
  align-items: center;
  margin-right: 10px;
  color: #e0e0e0;
}

.filtro-resultados-btn {
  padding: 6px 12px;
  border-radius: 4px;
  border: none;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.2s ease;
}

.filtro-resultados-btn-primary {
  background-color: #006dd9;
  color: white;
}

.filtro-resultados-btn-secondary {
  background-color: #e3f2fd;
  color: #0d47a1;
}

.filtro-resultados-btn:hover {
  opacity: 0.9;
}

/* Barra de pesquisa */
.filtro-resultados-search-bar {
  display: flex;
  margin: 15px 0;
  gap: 10px;
}

.filtro-resultados-location {
  flex: 1;
  position: relative;
  max-width: 300px;
}

.filtro-resultados-location input {
  width: 100%;
  padding: 10px 30px 10px 10px;
  border: 1px solid #444;
  border-radius: 4px;
  background-color: #333;
  color: #fff;
  font-size: 14px;
}

.filtro-resultados-location .filtro-resultados-clear {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  color: #999;
  font-weight: bold;
}

.filtro-resultados-distance {
  display: flex;
  align-items: center;
  margin-left: 10px;
}

.filtro-resultados-distance select {
  padding: 10px;
  border: 1px solid #444;
  border-radius: 4px;
  background-color: #333;
  color: #fff;
  font-size: 14px;
  appearance: none;
  padding-right: 30px;
  cursor: pointer;
}

.filtro-resultados-distance .filtro-resultados-select-arrow {
  margin-left: -25px;
  pointer-events: none;
  color: #999;
}

.filtro-resultados-query {
  flex: 1;
  display: flex;
}

.filtro-resultados-query input {
  flex: 1;
  padding: 10px;
  border: 1px solid #444;
  border-radius: 4px 0 0 4px;
  background-color: #333;
  color: #fff;
  font-size: 14px;
}

.filtro-resultados-search-btn {
  padding: 10px 15px;
  background-color: #006dd9;
  color: white;
  border: none;
  border-radius: 0 4px 4px 0;
  cursor: pointer;
  display: flex;
  align-items: center;
}

.filtro-resultados-search-btn:hover {
  background-color: #006dd9;
}

.filtro-resultados-voice-btn {
  padding: 10px 15px;
  background-color: #006dd9;
  color: white;
  border: none;
  border-radius: 4px;
  margin-left: 5px;
  cursor: pointer;
}

/* Links adicionais */
.filtro-resultados-extra-links {
  display: flex;
  margin: 15px 0;
  gap: 20px;
}

.filtro-resultados-link {
  display: flex;
  align-items: center;
  color: #aaa;
  text-decoration: none;
  font-size: 14px;
  cursor: pointer;
}

.filtro-resultados-link:hover {
  color: #fff;
}

.filtro-resultados-link-icon {
  margin-right: 5px;
}

/* Painel de filtros expandido */
.filtro-resultados-painel {
  background-color: #2d2d2d;
  border-radius: 6px;
  padding: 20px;
  margin-top: 15px;
  display: none;
  box-shadow: 0 3px 6px rgba(0,0,0,0.2);
}

.filtro-resultados-painel.ativo {
  display: block;
}

.filtro-resultados-painel-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
}

.filtro-resultados-painel-secao {
  margin-bottom: 25px;
}

.filtro-resultados-painel-titulo {
  color: #006dd9;
  font-size: 20px;
  margin-bottom: 15px;
  font-weight: bold;
}

.filtro-resultados-painel-subtitulo {
  font-size: 16px;
  color: #e0e0e0;
  margin-bottom: 10px;
  font-weight: bold;
}

/* Filtros específicos */
.filtro-resultados-preco {
  margin-bottom: 15px;
}

.filtro-resultados-selects {
  display: flex;
  gap: 10px;
  margin-bottom: 15px;
}

.filtro-resultados-selects select {
  padding: 8px;
  border: 1px solid #444;
  border-radius: 4px;
  background-color: #333;
  color: #fff;
  min-width: 100px;
}

.filtro-resultados-opcoes {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 15px;
}

.filtro-resultados-opcao {
  padding: 8px 12px;
  background-color: #3d3d3d;
  border: 1px solid #555;
  border-radius: 4px;
  color: #e0e0e0;
  cursor: pointer;
  font-size: 14px;
}

.filtro-resultados-opcao:hover {
  background-color: #4d4d4d;
}

.filtro-resultados-opcao.ativo {
  background-color: #555;
  border-color: #777;
}

/* Botões de ação */
.filtro-resultados-acoes {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 20px;
}

.filtro-resultados-btn-aplicar {
  padding: 10px 20px;
  background-color: #006DD9;
  color: white;
  border: none;
  border-radius: 4px;
  font-weight: bold;
  cursor: pointer;
  display: flex;
  align-items: center;
}

.filtro-resultados-btn-aplicar:hover {
  background-color: #006DD9;
}

.filtro-resultados-btn-eliminar {
  padding: 10px 20px;
  background-color: #ff0000;
  color: white;
  border: none;
  border-radius: 4px;
  font-weight: bold;
  cursor: pointer;
  display: flex;
  align-items: center;
}

.filtro-resultados-btn-eliminar:hover {
  background-color: #ff0000;
}

.filtro-resultados-btn-icon {
  margin-right: 5px;
}

/* Responsividade */
@media (max-width: 768px) {
  .filtro-resultados-painel-grid {
      grid-template-columns: 1fr;
      gap: 20px;
  }
  
  .filtro-resultados-search-bar {
      flex-direction: column;
  }
  
  .filtro-resultados-location {
      max-width: 100%;
  }
  
  .filtro-resultados-distance {
      margin-left: 0;
      width: 100%;
  }
  
  .filtro-resultados-query {
      width: 100%;
  }
  
  .filtro-resultados-extra-links {
      flex-wrap: wrap;
  }
}




/* Grid principal */
.garotas-mansory-grid {
  column-count: 6;
  column-gap: 14px;
  margin: 0 auto;
  padding: 32px;
}

/* Card */
.garotas-mansory-card {
  position: relative;
  border-radius: 5px;
  overflow: hidden;
  background-color: #fff;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  margin-bottom: 10px;
  break-inside: avoid;
  display: inline-block;
  width: 100%;
}

/* Imagem do card */
.garotas-mansory-image {
  width: 100%;
  height: 300px;
  object-fit: cover;
  display: block;
}

/* Botão de favorito */
.garotas-mansory-favorite {
  position: absolute;
  top: 10px;
  right: 10px;
  background-color: #fff;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.garotas-mansory-favorite svg {
  fill: none;
  stroke: #ff3366;
  stroke-width: 2;
  width: 22px;
  height: 22px;
}

/* Conteúdo do card */
.garotas-mansory-content {
  padding: 10px;
}

/* Título e descrição */
.garotas-mansory-title {
  font-size: 16px;
  margin-bottom: 5px;
  color: #333;
}

.garotas-mansory-description {
  font-size: 14px;
  color: #666;
  margin-bottom: 10px;
}

/* Informações adicionais */
.garotas-mansory-info {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 10px;
  gap: 5px;
}

.garotas-mansory-location, 
.garotas-mansory-age, 
.garotas-mansory-price {
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 12px;
}

.garotas-mansory-location {
  background-color: #f0f0f0;
  color: #333;
}

.garotas-mansory-age {
  background-color: #f0f0f0;
  color: #333;
}

.garotas-mansory-price {
  background-color: #f0f0f0;
  color: #333;
}

/* Verificado e status */
.garotas-mansory-footer {
  display: flex;
  justify-content: space-between;
}

.garotas-mansory-verified {
  padding: 4px 8px;
  border-radius: 4px;
  background-color: #28a745;
  color: white;
  font-size: 12px;
  display: flex;
  align-items: center;
}

.garotas-mansory-verified svg {
  margin-right: 4px;
  width: 12px;
  height: 12px;
}

.garotas-mansory-status {
  padding: 4px 8px;
  border-radius: 4px;
  background-color: #ff8800;
  color: white;
  font-size: 12px;
  display: flex;
  align-items: center;
}

.garotas-mansory-status svg {
  margin-right: 4px;
  width: 12px;
  height: 12px;
}

/* Destaque */
.garotas-mansory-highlight {
  background-color: #fff7e0;
}

.garotas-mansory-star {
  color: #ffc107;
  margin-right: 5px;
}

/* Disponível agora */
.garotas-mansory-available {
  position: absolute;
  top: 10px;
  left: 0;
  right: 0;
  background-color: #ff3399;
  color: white;
  padding: 6px;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.garotas-mansory-available svg {
  margin-right: 5px;
}

/* Media Queries */
@media (max-width: 1200px) {
  .garotas-mansory-grid {
      column-count: 4;
  }
}

@media (max-width: 992px) {
  .garotas-mansory-grid {
      column-count: 3;
  }
}

@media (max-width: 768px) {
  .garotas-mansory-grid {
      column-count: 2;
      column-gap: 14px;
  }
  
  .garotas-mansory-image {
      height: 250px;
  }
}

@media (max-width: 480px) {
  .garotas-mansory-grid {
      column-count: 2;
      column-gap: 14px;
  }
  
  .garotas-mansory-image {
      height: 200px;
  }
  
  .garotas-mansory-content {
      padding: 8px;
  }
  
  .garotas-mansory-title {
      font-size: 14px;
  }
  
  .garotas-mansory-description {
      font-size: 12px;
  }
}





.perfil-modelo-container {
  max-width: 100%;
  margin: 0 auto;
  background-color: #f5f7fa;
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
  color: #333;
}

/* Seção superior com logo e botões */
.perfil-modelo-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  background: none;
}

.perfil-modelo-voltar {
  background-color: #fff;
  color: #333;
  border: none;
  padding: 8px 15px;
  border-radius: 20px;
  font-weight: 500;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 5px;
}

.perfil-modelo-acoes {
  display: flex;
  gap: 10px;
}

.perfil-modelo-btn {
  background-color: #fff;
  color: #333;
  border: none;
  padding: 8px 15px;
  border-radius: 20px;
  font-weight: 500;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 5px;
}

.perfil-modelo-btn-denunciar {
  color: #006dd9;
}

.perfil-modelo-logo {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0.6;
  width: 300px;
}

/* Seção da foto de perfil e informações */
.perfil-modelo-info {
  position: relative;
  margin-top: 60px;
  background-color: #fff;
  padding: 0 20px 20px;
  display: flex;
  flex-wrap: wrap;
}

.perfil-modelo-foto-container {
  position: relative;
  margin-top: -70px;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  overflow: hidden;
  border: 5px solid #fff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  z-index: 10;
}

.perfil-modelo-foto {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.perfil-modelo-detalhes {
  flex: 1;
  padding: 20px 20px 0 20px;
}

.perfil-modelo-nome {
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 10px;
}

.perfil-modelo-status {
  display: flex;
  align-items: center;
  gap: 5px;
  color: #616161;
  margin-bottom: 15px;
}

.perfil-modelo-status-dot {
  width: 10px;
  height: 10px;
  background-color: #616161;
  border-radius: 50%;
  display: inline-block;
}

.perfil-modelo-status-online .perfil-modelo-status-dot {
  background-color: #4caf50;
}

.perfil-modelo-descricao {
  font-style: italic;
  margin-bottom: 15px;
  color: #555;
}

.perfil-modelo-perguntar,
.perfil-modelo-perguntar:hover {
  display: flex;
  align-items: center;
  color: #333;
  font-weight: 500;
  gap: 5px;
  margin-bottom: 20px;
  text-decoration: none !important;
}

/* Informações de serviço */
.perfil-modelo-servicos {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #eee;
  padding-top: 20px;
  width: 100%;
}

.perfil-modelo-servico {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.perfil-modelo-servico-valor {
  font-weight: bold;
  font-size: 18px;
  color: #333;
  margin-bottom: 5px;
}

.perfil-modelo-servico-label {
  color: #616161;
  font-size: 14px;
  text-decoration: none;
}

/* Informações laterais */
.perfil-modelo-lateral {
  width: 300px;
  padding: 20px;
  border-left: 1px solid #eee;
}

.perfil-modelo-atributo {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 15px;
  color: #333;
}

.perfil-modelo-atributo-icon {
  color: #555;
  width: 20px;
  text-align: center;
}

/* Botões de ação */
.perfil-modelo-botoes {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 0 20px 20px 20px;
}

.perfil-modelo-btn-acao {
  width: 100%;
  padding: 15px;
  border-radius: 5px;
  border: none;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.perfil-modelo-btn-seguir {
  background-color: #4CAF50;
  color: white;
}

.perfil-modelo-btn-opcoes {
  background-color: #fff;
  color: #333;
  border: 1px solid #ddd;
}

.perfil-modelo-btn-indisponivel {
  background-color: #4b4b4b;
  color: white;
}

/* Responsividade */
@media (max-width: 768px) {
  .perfil-modelo-container {
      border-radius: 0;
  }
  
  .perfil-modelo-info {
      flex-direction: column;
  }
  
  .perfil-modelo-foto-container {
      margin: -70px auto 0;
  }
  
  .perfil-modelo-detalhes {
      text-align: center;
      padding-top: 10px;
  }
  
  .perfil-modelo-perguntar {
      justify-content: center;
  }
  
  .perfil-modelo-lateral {
      width: 100%;
      border-left: none;
      border-top: 1px solid #eee;
      padding-top: 20px;
  }
}




 /* Container da descrição */
 .descricao-perfil-container {
  max-width: 100%;
  margin: 0 auto;
  background-color: #fff;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);

  margin-top:30px;
  margin-bottom: 32px;
  padding-bottom: 20px;

}

/* Cabeçalho com título */
.descricao-perfil-header {
  display: flex;
  align-items: center;
  padding: 15px 20px;
  border-bottom: 1px solid #f1f1f1;
}

.descricao-perfil-icon {
  margin-right: 10px;
  color: #333;
}

.descricao-perfil-titulo {
  font-size: 18px;
  font-weight: 600;
  color: #333;
}

/* Conteúdo da descrição */
.descricao-perfil-conteudo {
  padding: 20px;
  font-size: 16px;
  line-height: 1.6;
  color: #333;
}

.descricao-perfil-texto {
  margin-bottom: 15px;
}

.descricao-perfil-texto:last-child {
  margin-bottom: 0;
}

/* Responsividade */
@media (max-width: 768px) {
  .descricao-perfil-container {
      border-radius: 0;
  }
  
  .descricao-perfil-conteudo {
      padding: 15px;
      font-size: 15px;
  }
}



/* Container principal */
.modelo-valores-container {
  max-width: 100%;
  margin: 0 auto;
  background-color: #fff;
  border-radius: 8px;
  overflow: hidden;
  padding: 20px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  margin-bottom: 30px;
}

/* Título da seção */
.modelo-valores-titulo {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 600;
  color: #333;
}

.modelo-valores-icone {
  margin-right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 2px solid #333;
  color: #333;
}

/* Tabela de preços */
.modelo-valores-tabelas {
  display: flex;
  gap: 20px;
  margin-bottom: 30px;
}

.modelo-valores-coluna {
  flex: 1;
}

.modelo-valores-separador {
  width: 1px;
  background-color: #eee;
}

.modelo-valores-linha {
  display: flex;
  justify-content: space-between;
  padding: 12px 0;
  border-bottom: 1px solid #eee;
}

.modelo-valores-tempo {
  color: #333;
  text-decoration: line-through;
  font-style: italic;
}

.modelo-valores-tempo.ativo {
  text-decoration: none;
  font-style: normal;
  font-weight: 500;
}

.modelo-valores-preco {
  font-weight: 600;
  color: #333;
}

.modelo-valores-indisponivel {
  color: #777;
}

/* Formas de pagamento */
.modelo-valores-pagamento-titulo {
  text-align: right;
  color: #555;
  margin-bottom: 15px;
  font-size: 14px;
}

.modelo-valores-pagamento-opcoes {
  display: flex;
  justify-content: center;
  gap: 30px;
  flex-wrap: wrap;
}

.modelo-valores-pagamento-opcao {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #333;
}

.modelo-valores-pagamento-icone {
  margin-bottom: 5px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.modelo-valores-pagamento-nome {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* Responsividade */
@media (max-width: 768px) {
  .modelo-valores-tabelas {
      flex-direction: column;
      gap: 0;
  }
  
  .modelo-valores-separador {
      display: none;
  }
  
  .modelo-valores-pagamento-opcoes {
      gap: 20px;
  }
}




/* Container principal */
.modelos-galerias-container {
  max-width: 100%;
  margin: 0 auto;
  background-color: #fff;
  border-radius: 8px;
  overflow: hidden;
  padding: 20px;
  margin-bottom: 42px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

/* Título da galeria */
.modelos-galerias-titulo {
  display: flex;
  align-items: center;
  margin-bottom: 25px;
  font-size: 18px;
  font-weight: 600;
  color: #333;
}

.modelos-galerias-icone {
  margin-right: 10px;
}

/* Abas de navegação */
.modelos-galerias-tabs {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
  border-bottom: 1px solid #eee;
}

.modelos-galerias-tab {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 10px 20px;
  cursor: pointer;
  color: #666;
  position: relative;
  transition: color 0.3s;
}

.modelos-galerias-tab.ativo {
  color: #333;
  font-weight: 500;
}

.modelos-galerias-tab.ativo:after {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 20%;
  width: 60%;
  height: 3px;
  background-color: #333;
}

.modelos-galerias-tab-numero {
  display: flex;
  align-items: center;
  margin-bottom: 4px;
}

.modelos-galerias-tab-icone {
  margin-right: 5px;
}

.modelos-galerias-tab-label {
  font-size: 13px;
}

/* Grid de imagens */
.modelos-galerias-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin-bottom: 20px;
}

.modelos-galerias-item {
  position: relative;
  aspect-ratio: 1/1;
  overflow: hidden;
  border-radius: 4px;
  cursor: pointer;
}

.modelos-galerias-imagem {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s;
}

.modelos-galerias-item:hover .modelos-galerias-imagem {
  transform: scale(1.05);
}

.modelos-galerias-data {
  position: absolute;
  bottom: 5px;
  left: 5px;
  font-size: 10px;
  color: rgba(255, 255, 255, 0.8);
  background-color: rgba(0, 0, 0, 0.5);
  padding: 2px 5px;
  border-radius: 3px;
}

.modelos-galerias-play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 40px;
  height: 40px;
  background-color: rgba(255, 255, 255, 0.6);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.modelos-galerias-play svg {
  width: 20px;
  height: 20px;
  fill: #747474;
}

.modelos-galerias-verificado {
  position: absolute;
  bottom: 10px;
  right: 10px;
  width: 24px;
  height: 24px;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.modelos-galerias-verificado svg {
  width: 16px;
  height: 16px;
  fill: #fff;
}

/* Últimas 3 imagens com máscara de fundo escuro */
.modelos-galerias-item.obscurecido .modelos-galerias-imagem {
  filter: brightness(0.5);
}

.modelos-galerias-item.obscurecido:hover .modelos-galerias-imagem {
  filter: brightness(0.6);
}

/* Conteúdo das abas */
.modelos-galerias-conteudo-tab {
  display: none;
}

.modelos-galerias-conteudo-tab.ativo {
  display: block;
}

/* Botão carregar mais */
.modelos-galerias-carregar {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #e53935;
  color: white;
  padding: 12px;
  border-radius: 4px;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.3s;
  margin: 0 auto;
  width: 100%;
  max-width: 300px;
  text-align: center;
  border: none;
}

.modelos-galerias-carregar:hover {
  background-color: #d32f2f;
}

.modelos-galerias-carregar-icone {
  margin-right: 8px;
  display: flex;
  align-items: center;
}

/* Responsividade */
@media (max-width: 600px) {
  .modelos-galerias-grid {
      grid-template-columns: repeat(2, 1fr);
  }
  
  .modelos-galerias-tab {
      padding: 10px;
  }
}

@media(max-width:540px){
  .perfil-modelo-btn-acao{
    margin-bottom: 12px;
  }
  .perfil-modelo-acoes {
      display: block;
      gap: 10px;
  }
  .perfil-modelo-btn {
    background-color: #fff;
    color: #333;
    border: none;
    padding: 8px 15px;
    border-radius: 20px;
    font-weight: 500;
    cursor: pointer;
    display: block;
    align-items: center;
    gap: 5px;
    width: 100%;
    margin-bottom: 8px;
  }
}



 .comentarios-gtgyn-container {
            max-width: 800px;
            margin: 0 auto;
            background: white;
            border-radius: 12px;
            box-shadow: 0 2px 8px rgba(0,0,0,0.1);
            overflow: hidden;
        }

        .comentarios-gtgyn-header {
            background: #f8f9fa;
            padding: 16px 20px;
            border-bottom: 1px solid #e9ecef;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .comentarios-gtgyn-title {
            font-size: 18px;
            font-weight: 600;
            color: #2d3748;
        }

        .comentarios-gtgyn-toggle {
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .comentarios-gtgyn-toggle-text {
            font-size: 14px;
            color: #7cb342;
            font-weight: 500;
        }

        .comentarios-gtgyn-switch {
            position: relative;
            width: 44px;
            height: 24px;
            background: #7cb342;
            border-radius: 12px;
            cursor: pointer;
            transition: background-color 0.3s;
        }

        .comentarios-gtgyn-switch-knob {
            position: absolute;
            top: 2px;
            right: 2px;
            width: 20px;
            height: 20px;
            background: white;
            border-radius: 50%;
            transition: transform 0.3s;
        }

        .comentarios-gtgyn-switch.off {
            background: #cbd5e0;
        }

        .comentarios-gtgyn-switch.off .comentarios-gtgyn-switch-knob {
            transform: translateX(-20px);
        }

        .comentarios-gtgyn-actions {
            display: flex;
            gap: 8px;
        }

        .comentarios-gtgyn-action-btn {
            width: 32px;
            height: 32px;
            border: none;
            background: #f1f5f9;
            border-radius: 6px;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: background-color 0.2s;
        }

        .comentarios-gtgyn-action-btn:hover {
            background: #e2e8f0;
        }

        .comentarios-gtgyn-list {
            padding: 0;
        }

        .comentarios-gtgyn-item {
            padding: 16px 20px;
            border-bottom: 1px solid #f1f5f9;
            display: flex;
            gap: 12px;
            position: relative;
        }

        .comentarios-gtgyn-item:last-child {
            border-bottom: none;
        }

        .comentarios-gtgyn-avatar {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            object-fit: cover;
            flex-shrink: 0;
        }

        .comentarios-gtgyn-content {
            flex: 1;
        }

        .comentarios-gtgyn-author {
            font-weight: 600;
            color: #4a9eff;
            font-size: 14px;
            margin-right: 8px;
        }

        .comentarios-gtgyn-text {
            color: #4a5568;
            font-size: 14px;
            line-height: 1.5;
            margin: 4px 0 12px 0;
        }

        .comentarios-gtgyn-meta {
            display: flex;
            gap: 16px;
            align-items: center;
        }

        .comentarios-gtgyn-meta-btn {
            background: none;
            border: none;
            color: #a0aec0;
            font-size: 13px;
            cursor: pointer;
            padding: 4px 0;
            transition: color 0.2s;
        }

        .comentarios-gtgyn-meta-btn:hover {
            color: #718096;
        }

        .comentarios-gtgyn-timestamp {
            color: #a0aec0;
            font-size: 13px;
            position: absolute;
            top: 16px;
            right: 20px;
        }

        .comentarios-gtgyn-item-actions {
            position: absolute;
            top: 16px;
            right: 50px;
            display: flex;
            gap: 4px;
        }

        .comentarios-gtgyn-item-action {
            width: 24px;
            height: 24px;
            border: none;
            background: none;
            border-radius: 4px;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: background-color 0.2s;
        }

        .comentarios-gtgyn-item-action:hover {
            background: #f1f5f9;
        }

        .comentarios-gtgyn-star {
            color: #fbbf24;
        }

        .comentarios-gtgyn-check {
            color: #4a9eff;
        }

        /* Form Styles */
        .comentarios-gtgyn-form-container {
            background: white;
            border-radius: 12px;
            box-shadow: 0 2px 8px rgba(0,0,0,0.1);
            overflow: hidden;
            margin-top: 20px;
            max-width: 800px;
          margin-left: auto;
          margin-right: auto;
        }

        .comentarios-gtgyn-form-tabs {
            display: flex;
            border-bottom: 1px solid #e9ecef;
        }

        .comentarios-gtgyn-tab {
            padding: 12px 20px;
            background: none;
            border: none;
            font-size: 14px;
            font-weight: 500;
            cursor: pointer;
            color: #6b7280;
            border-bottom: 2px solid transparent;
            transition: all 0.2s;
        }

        .comentarios-gtgyn-tab.active {
            color: #1f2937;
            border-bottom-color: #1f2937;
        }

        .comentarios-gtgyn-form-actions {
            position: absolute;
            top: 12px;
            right: 16px;
            display: flex;
            gap: 8px;
        }

        .comentarios-gtgyn-form-action {
            width: 24px;
            height: 24px;
            border: none;
            background: none;
            cursor: pointer;
            border-radius: 4px;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: background-color 0.2s;
        }

        .comentarios-gtgyn-form-action:hover {
            background: #f3f4f6;
        }

        .comentarios-gtgyn-form-body {
            position: relative;
            padding: 16px 20px;
        }

        .comentarios-gtgyn-email-input {
            width: 100%;
            padding: 8px 0;
            border: none;
            font-size: 14px;
            color: #9ca3af;
            background: transparent;
            margin-bottom: 16px;
        }

        .comentarios-gtgyn-email-input:focus {
            outline: none;
            color: #1f2937;
        }

        .comentarios-gtgyn-toolbar {
            display: flex;
            gap: 8px;
            margin-bottom: 16px;
            padding-bottom: 12px;
            border-bottom: 1px solid #f3f4f6;
        }

        .comentarios-gtgyn-toolbar-btn {
            width: 28px;
            height: 28px;
            border: none;
            background: none;
            cursor: pointer;
            border-radius: 4px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: bold;
            color: #6b7280;
            transition: all 0.2s;
        }

        .comentarios-gtgyn-toolbar-btn:hover {
            background: #f3f4f6;
            color: #374151;
        }

        .comentarios-gtgyn-textarea {
            width: 100%;
            min-height: 120px;
            border: none;
            resize: vertical;
            font-size: 14px;
            font-family: inherit;
            line-height: 1.5;
            background: transparent;
            margin-bottom: 16px;
        }

        .comentarios-gtgyn-textarea:focus {
            outline: none;
        }

        .comentarios-gtgyn-form-buttons {
            display: flex;
            justify-content: flex-end;
            gap: 12px;
        }

        .comentarios-gtgyn-btn {
            padding: 8px 20px;
            border-radius: 6px;
            font-size: 14px;
            font-weight: 500;
            cursor: pointer;
            transition: all 0.2s;
            border: none;
        }

        .comentarios-gtgyn-btn-cancel {
            background: #f8f9fa;
            color: #6b7280;
        }

        .comentarios-gtgyn-btn-cancel:hover {
            background: #e9ecef;
        }

        .comentarios-gtgyn-btn-submit {
            background: #1f2937;
            color: white;
        }

        .comentarios-gtgyn-btn-submit:hover {
            background: #374151;
        }

        /* Responsive */
        @media (max-width: 768px) {
          

            .comentarios-gtgyn-header {
                padding: 12px 16px;
                flex-direction: column;
                gap: 12px;
                align-items: flex-start;
            }

            .comentarios-gtgyn-item {
                padding: 12px 16px;
            }

            .comentarios-gtgyn-timestamp {
                position: static;
                margin-top: 8px;
            }

            .comentarios-gtgyn-item-actions {
                position: static;
                margin-top: 8px;
            }

            .comentarios-gtgyn-form-body {
                padding: 12px 16px;
            }
        }

        @media (max-width: 480px) {
            .comentarios-gtgyn-item {
                flex-direction: column;
                gap: 8px;
            }

            .comentarios-gtgyn-avatar {
                width: 32px;
                height: 32px;
            }

            .comentarios-gtgyn-toolbar {
                flex-wrap: wrap;
            }
        }









        /* Header */
        .tik-pacotes-header {
            background: white;
            padding: 16px 20px;
            border-bottom: 1px solid #e1e1e1;
            display: flex;
            align-items: center;
            justify-content: space-between;
            position: sticky;
            top: 0;
            z-index: 100;
        }

        .tik-pacotes-logo {
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .tik-pacotes-logo svg {
            width: 32px;
            height: 32px;
        }

        .tik-pacotes-logo span {
            font-size: 24px;
            font-weight: bold;
            color: #000;
        }

        .tik-pacotes-search-container {
            flex: 1;
            max-width: 400px;
            margin: 0 40px;
            position: relative;
        }

        .tik-pacotes-search {
            width: 100%;
            padding: 12px 16px 12px 40px;
            background: #f1f1f2;
            border: none;
            border-radius: 24px;
            font-size: 16px;
            outline: none;
        }

        .tik-pacotes-search::placeholder {
            color: #888;
        }

        .tik-pacotes-search-icon {
            position: absolute;
            left: 12px;
            top: 50%;
            transform: translateY(-50%);
            width: 20px;
            height: 20px;
            fill: #888;
        }

        .tik-pacotes-header-actions {
            display: flex;
            align-items: center;
            gap: 20px;
        }

        .tik-pacotes-action-btn {
            background: none;
            border: none;
            cursor: pointer;
            display: flex;
            align-items: center;
            gap: 8px;
            font-size: 16px;
            font-weight: 600;
            color: #000;
            text-decoration: none;
        }

        .tik-pacotes-action-btn svg {
            width: 20px;
            height: 20px;
            fill: currentColor;
        }

        .tik-pacotes-cart-badge {
            position: relative;
        }

        .tik-pacotes-cart-count {
            position: absolute;
            top: -8px;
            right: -8px;
            background: #006dd9;
            color: white;
            border-radius: 50%;
            width: 20px;
            height: 20px;
            font-size: 12px;
            font-weight: bold;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .tik-pacotes-user-avatar {
            width: 32px;
            height: 32px;
            border-radius: 50%;
            background: linear-gradient(45deg, #006dd9, #ff4081);
        }

        /* Main Content */
        .tik-pacotes-container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 40px 20px;
        }

        .tik-pacotes-user-info {
            display: flex;
            align-items: center;
            gap: 12px;
            margin-bottom: 20px;
        }

        .tik-pacotes-user-info img {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            background: linear-gradient(45deg, #006dd9, #ff4081);
        }

        .tik-pacotes-username {
            font-size: 16px;
            font-weight: 600;
        }

        .tik-pacotes-coin-balance {
            display: flex;
            align-items: center;
            gap: 4px;
            font-size: 14px;
            color: #666;
        }

        .tik-pacotes-coin-icon {
            width: 16px;
            height: 16px;
            background: #ffd700;
            border-radius: 50%;
        }

        .tik-pacotes-main-content {
            background: white;
            border-radius: 12px;
            padding: 32px;
            box-shadow: 0 2px 12px rgba(0,0,0,0.08);
        }

        .tik-pacotes-header-section {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 32px;
        }

        .tik-pacotes-title {
            font-size: 28px;
            font-weight: bold;
            color: #000;
        }

        .tik-pacotes-history-btn {
            color: #666;
            text-decoration: none;
            font-size: 16px;
            font-weight: 500;
            cursor: pointer;
            transition: color 0.2s;
        }

        .tik-pacotes-history-btn:hover {
            color: #006dd9;
        }

        .tik-pacotes-promo-banner {
            background: linear-gradient(135deg, #ff4081, #006dd9);
            color: white;
            padding: 16px 20px;
            border-radius: 8px;
            margin-bottom: 24px;
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .tik-pacotes-promo-text {
            font-weight: 600;
        }

        .tik-pacotes-info-icon {
            width: 16px;
            height: 16px;
            fill: white;
            cursor: pointer;
        }

        .tik-pacotes-recharge-label {
            font-size: 18px;
            font-weight: 600;
            margin-bottom: 24px;
            color: #000;
        }

        .tik-pacotes-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 16px;
            margin-bottom: 32px;
        }

        .tik-pacotes-card {
            border: 2px solid #e1e1e1;
            border-radius: 12px;
            padding: 24px;
            cursor: pointer;
            transition: all 0.2s;
            position: relative;
            background: white;
        }

        .tik-pacotes-card:hover {
            border-color: #006dd9;
            transform: translateY(-2px);
            box-shadow: 0 4px 20px rgba(255, 0, 80, 0.1);
        }

        .tik-pacotes-card.selected {
            border-color: #006dd9;
            background: #fff5f8;
        }

        .tik-pacotes-card-content {
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            gap: 12px;
        }

        .tik-pacotes-coin-amount {
            display: flex;
            align-items: center;
            gap: 8px;
            font-size: 24px;
            font-weight: bold;
            color: #000;
        }

        .tik-pacotes-coin-icon-large {
            width: 32px;
            height: 32px;
            background: linear-gradient(135deg, #ffd700, #ffb347);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-weight: bold;
            font-size: 18px;
        }

        .tik-pacotes-price {
            font-size: 16px;
            color: #666;
            font-weight: 500;
        }

        .tik-pacotes-custom-card {
            border: 2px dashed #ccc;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            gap: 12px;
            color: #666;
        }

        .tik-pacotes-custom-card:hover {
            border-color: #006dd9;
            color: #006dd9;
        }

        .tik-pacotes-custom-icon {
            width: 32px;
            height: 32px;
            fill: currentColor;
        }

        .tik-pacotes-custom-text {
            font-size: 16px;
            font-weight: 600;
        }

        .tik-pacotes-custom-sub {
            font-size: 14px;
            color: #999;
        }

        /* Payment Section */
        .tik-pacotes-payment-section {
            border-top: 1px solid #e1e1e1;
            padding-top: 24px;
        }

        .tik-pacotes-payment-methods {
            display: flex;
            align-items: center;
            gap: 16px;
            margin-bottom: 24px;
        }

        .tik-pacotes-payment-label {
            font-size: 16px;
            font-weight: 600;
            color: #000;
        }

        .tik-pacotes-payment-icons {
            display: flex;
            gap: 8px;
        }

        .tik-pacotes-payment-icon {
            width: 32px;
            height: 20px;
            border-radius: 4px;
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
        }

        .tik-pacotes-payment-icon.visa {
            background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 40 24' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='40' height='24' rx='4' fill='%231434CB'/%3E%3Ctext x='20' y='16' text-anchor='middle' fill='white' font-family='Arial' font-size='8' font-weight='bold'%3EVISA%3C/text%3E%3C/svg%3E");
        }

        .tik-pacotes-payment-icon.mastercard {
            background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 40 24' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='40' height='24' rx='4' fill='%23EB001B'/%3E%3Ccircle cx='15' cy='12' r='7' fill='%23EB001B'/%3E%3Ccircle cx='25' cy='12' r='7' fill='%23FF5F00'/%3E%3C/svg%3E");
        }

        .tik-pacotes-payment-icon.paypal {
            background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 40 24' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='40' height='24' rx='4' fill='%23003087'/%3E%3Ctext x='20' y='16' text-anchor='middle' fill='white' font-family='Arial' font-size='6' font-weight='bold'%3EPayPal%3C/text%3E%3C/svg%3E");
        }

        .tik-pacotes-payment-icon.pix {
            background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 40 24' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='40' height='24' rx='4' fill='%2332BCAD'/%3E%3Ctext x='20' y='16' text-anchor='middle' fill='white' font-family='Arial' font-size='8' font-weight='bold'%3EPIX%3C/text%3E%3C/svg%3E");
        }

        .tik-pacotes-total-section {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 24px;
        }

        .tik-pacotes-total-label {
            font-size: 18px;
            font-weight: 600;
            color: #000;
        }

        .tik-pacotes-total-price {
            font-size: 20px;
            font-weight: bold;
            color: #000;
        }

        .tik-pacotes-buy-btn {
            width: 100%;
            background: #006dd9;
            color: white;
            border: none;
            border-radius: 8px;
            padding: 16px;
            font-size: 18px;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.2s;
        }

        .tik-pacotes-buy-btn:hover {
            background: #006dd9;
            transform: translateY(-1px);
        }

        .tik-pacotes-buy-btn:disabled {
            background: #ccc;
            cursor: not-allowed;
            transform: none;
        }

        /* Modal Styles */
        .tik-modais-compra-overlay {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: rgba(0, 0, 0, 0.5);
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 1000;
            opacity: 0;
            visibility: hidden;
            transition: all 0.3s ease;
        }

        .tik-modais-compra-overlay.active {
            opacity: 1;
            visibility: visible;
        }

        .tik-modais-compra-modal {
            background: white;
            border-radius: 16px;
            width: 90%;
            max-width: 500px;
            max-height: 90vh;
            overflow-y: auto;
            transform: scale(0.9) translateY(20px);
            transition: all 0.3s ease;
        }

        .tik-modais-compra-overlay.active .tik-modais-compra-modal {
            transform: scale(1) translateY(0);
        }

        .tik-modais-compra-header {
            padding: 24px 24px 16px;
            border-bottom: 1px solid #e1e1e1;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        .tik-modais-compra-title {
            font-size: 20px;
            font-weight: bold;
            color: #000;
        }

        .tik-modais-compra-close {
            background: none;
            border: none;
            cursor: pointer;
            padding: 4px;
        }

        .tik-modais-compra-close svg {
            width: 24px;
            height: 24px;
            fill: #666;
        }

        .tik-modais-compra-security {
            padding: 0 24px 16px;
            display: flex;
            align-items: center;
            gap: 8px;
            color: #00a86b;
            font-size: 14px;
            padding-top:12px;
        }

        .tik-modais-compra-security svg {
            width: 16px;
            height: 16px;
            fill: currentColor;
        }

        .tik-modais-compra-content {
            padding: 24px;
            padding-top:0;
        }

        .tik-modais-compra-account {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 24px;
        }

        .tik-modais-compra-account-info {
            display: flex;
            align-items: center;
            gap: 12px;
        }

        .tik-modais-compra-account img {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            background: linear-gradient(45deg, #006dd9, #ff4081);
        }

        .tik-modais-compra-username {
            font-size: 16px;
            font-weight: 600;
            color: #000;
        }

        .tik-modais-compra-order-summary {
            margin-bottom: 24px;
        }

        .tik-modais-compra-order-title {
            font-size: 18px;
            font-weight: bold;
            color: #000;
            margin-bottom: 16px;
            display: none;
        }

        .tik-modais-compra-order-item {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 16px;
        }

        .tik-modais-compra-item-name {
            font-size: 16px;
            color: #333;
        }

        .tik-modais-compra-item-price {
            font-size: 16px;
            font-weight: 600;
            color: #000;
        }

        .tik-modais-compra-total {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding-top: 16px;
            border-top: 1px solid #e1e1e1;
            margin-bottom: 24px;
        }

        .tik-modais-compra-total-label {
            font-size: 18px;
            font-weight: bold;
            color: #000;
        }

        .tik-modais-compra-total-price {
            font-size: 20px;
            font-weight: bold;
            color: #000;
        }

        .tik-modais-compra-payment-methods {
            margin-bottom: 24px;
        }

        .tik-modais-compra-payment-title {
            font-size: 16px;
            font-weight: 600;
            color: #000;
            margin-bottom: 16px;
        }

        .tik-modais-compra-payment-option {
            border: 2px solid #e1e1e1;
            border-radius: 8px;
            padding: 16px;
            margin-bottom: 12px;
            cursor: pointer;
            transition: all 0.2s;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        .tik-modais-compra-payment-option:hover {
            border-color: #006dd9;
        }

        .tik-modais-compra-payment-option.selected {
            border-color: #006dd9;
            background: #fff5f8;
        }

        .tik-modais-compra-payment-left {
            display: flex;
            align-items: center;
            gap: 12px;
        }

        .tik-modais-compra-payment-radio {
            width: 20px;
            height: 20px;
            border: 2px solid #e1e1e1;
            border-radius: 50%;
            position: relative;
            transition: all 0.2s;
        }

        .tik-modais-compra-payment-option.selected .tik-modais-compra-payment-radio {
            border-color: #006dd9;
        }

        .tik-modais-compra-payment-option.selected .tik-modais-compra-payment-radio::after {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 10px;
            height: 10px;
            background: #006dd9;
            border-radius: 50%;
        }

        .tik-modais-compra-payment-label {
            font-size: 16px;
            font-weight: 600;
            color: #000;
        }

        .tik-modais-compra-payment-icons {
            display: flex;
            gap: 8px;
        }

        .tik-modais-compra-form {
            margin-top: 16px;
            padding-top: 16px;
            border-top: 1px solid #e1e1e1;
            display: none;
        }

        .tik-modais-compra-form.active {
            display: block;
        }

        .tik-modais-compra-form-row {
            display: flex;
            gap: 16px;
            margin-bottom: 16px;
        }

        .tik-modais-compra-form-group {
            flex: 1;
        }

        .tik-modais-compra-form-label {
            display: block;
            font-size: 14px;
            font-weight: 600;
            color: #333;
            margin-bottom: 8px;
        }

        .tik-modais-compra-form-input {
            width: 100%;
            padding: 12px 16px;
            border: 2px solid #e1e1e1;
            border-radius: 8px;
            font-size: 16px;
            transition: border-color 0.2s;
            background: #f2f2f2;
        }

        .tik-modais-compra-form-input:focus {
            outline: none;
            border-color: #006dd9;
        }

        .tik-modais-compra-form-input::placeholder {
            color: #666;
        }

        .tik-modais-compra-form-select {
            width: 100%;
            padding: 12px 16px;
            border: 2px solid #e1e1e1;
            border-radius: 8px;
            font-size: 16px;
            background: #f2f2f2;
            cursor: pointer;
            transition: border-color 0.2s;
        }

        .tik-modais-compra-form-select:focus {
            outline: none;
            border-color: #006dd9;
        }

        .tik-modais-compra-form-checkbox {
            display: flex;
            align-items: flex-start;
            gap: 12px;
            margin: 16px 0;
        }

        .tik-modais-compra-checkbox {
            width: 20px;
            height: 20px;
            border: 2px solid #e1e1e1;
            border-radius: 4px;
            cursor: pointer;
            position: relative;
            transition: all 0.2s;
            flex-shrink: 0;
            margin-top: 2px;
        }

        .tik-modais-compra-checkbox.checked {
            background: #006dd9;
            border-color: #006dd9;
        }

        .tik-modais-compra-checkbox.checked::after {
            content: '✓';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            color: white;
            font-size: 12px;
            font-weight: bold;
        }

        .tik-modais-compra-checkbox-label {
            font-size: 14px;
            color: #666;
            line-height: 1.4;
            cursor: pointer;
        }

        .tik-modais-compra-pay-btn {
            width: 100%;
            background: #006dd9;
            color: white;
            border: none;
            border-radius: 8px;
            padding: 16px;
            font-size: 18px;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.2s;
        }

        .tik-modais-compra-pay-btn:hover {
            background: #006dd9;
        }

        .tik-modais-compra-pay-btn:disabled {
            background: #ccc;
            cursor: not-allowed;
        }

        /* Responsive */
        @media (max-width: 768px) {
            .tik-pacotes-header {
                padding: 12px 16px;
            }
            
            .tik-pacotes-search-container {
                margin: 0 16px;
            }
            
            .tik-pacotes-container {
                padding: 20px 16px;
            }
            
            .tik-pacotes-main-content {
                padding: 20px;
            }
            
            .tik-pacotes-grid {
                grid-template-columns: 1fr;
                gap: 12px;
            }
            
            .tik-modais-compra-modal {
                width: 95%;
                margin: 20px;
            }
            
            .tik-modais-compra-form-row {
                flex-direction: column;
                gap: 16px;
            }
        }

        /* Authentication Modal Styles */
        .tik-modais-auth-overlay {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: rgba(0, 0, 0, 0.5);
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 1001;
            opacity: 0;
            visibility: hidden;
            transition: all 0.3s ease;
        }

        .tik-modais-auth-overlay.active {
            opacity: 1;
            visibility: visible;
        }

        .tik-modais-auth-modal {
            background: white;
            border-radius: 16px;
            width: 90%;
            max-width: 400px;
            max-height: 90vh;
            overflow-y: auto;
            transform: scale(0.9) translateY(20px);
            transition: all 0.3s ease;
        }

        .tik-modais-auth-overlay.active .tik-modais-auth-modal {
            transform: scale(1) translateY(0);
        }

        .tik-modais-auth-form {
            display: none;
        }

        .tik-modais-auth-form.active {
            display: block;
        }

        .tik-modais-auth-header {
            padding: 24px 24px 16px;
            border-bottom: 1px solid #e1e1e1;
            display: flex;
            align-items: center;
            justify-content: space-between;
            position: relative;
        }

        .tik-modais-auth-back {
            background: none;
            border: none;
            cursor: pointer;
            padding: 4px;
            position: absolute;
            left: 24px;
        }

        .tik-modais-auth-back svg {
            width: 24px;
            height: 24px;
            fill: #666;
        }

        .tik-modais-auth-title {
            font-size: 20px;
            font-weight: bold;
            color: #000;
            flex: 1;
            text-align: center;
        }

        .tik-modais-auth-close {
            background: none;
            border: none;
            cursor: pointer;
            padding: 4px;
        }

        .tik-modais-auth-close svg {
            width: 24px;
            height: 24px;
            fill: #666;
        }

        .tik-modais-auth-content {
            padding: 24px;
        }

        .tik-modais-auth-description {
            margin-bottom: 24px;
            text-align: center;
        }

        .tik-modais-auth-description p {
            color: #666;
            font-size: 14px;
            line-height: 1.4;
        }

        .tik-modais-auth-form-group {
            margin-bottom: 16px;
        }

        .tik-modais-auth-form-label {
            display: block;
            font-size: 14px;
            font-weight: 600;
            color: #333;
            margin-bottom: 8px;
        }

        .tik-modais-auth-form-input {
            width: 100%;
            padding: 12px 16px;
            border: 2px solid #e1e1e1;
            border-radius: 8px;
            font-size: 16px;
            transition: border-color 0.2s;
            border-radius: 10px;
            background: #f2f2f2;
            color:#f2f2f2;
        }

        .tik-modais-auth-form-input:focus {
            outline: none;
            border-color: #006dd9;
        }

        .tik-modais-auth-form-input::placeholder {
            color: #999;
        }

        .tik-modais-auth-forgot {
            text-align: right;
            margin-bottom: 24px;
        }

        .tik-modais-auth-forgot a {
            color: #006dd9;
            text-decoration: none;
            font-size: 14px;
            font-weight: 500;
        }

        .tik-modais-auth-forgot a:hover {
            text-decoration: underline;
        }

        .tik-modais-auth-btn {
            width: 100%;
            background: #006dd9;
            color: white;
            border: none;
            border-radius: 8px;
            padding: 16px;
            font-size: 16px;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.2s;
            margin-bottom: 16px;
        }

        .tik-modais-auth-btn:hover {
            background: #006dd9;
        }

        .tik-modais-auth-btn:disabled {
            background: #ccc;
            cursor: not-allowed;
        }

        .tik-modais-auth-btn-secondary {
            width: 100%;
            background: white;
            color: #333;
            border: 2px solid #e1e1e1;
            border-radius: 8px;
            padding: 16px;
            font-size: 16px;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.2s;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 12px;
            margin-bottom: 16px;
        }

        .tik-modais-auth-btn-secondary:hover {
            border-color: #ccc;
            background: #f9f9f9;
        }

        .tik-modais-auth-divider {
            text-align: center;
            margin: 20px 0;
            position: relative;
        }

        .tik-modais-auth-divider::before {
            content: '';
            position: absolute;
            top: 50%;
            left: 0;
            right: 0;
            height: 1px;
            background: #e1e1e1;
        }

        .tik-modais-auth-divider span {
            background: white;
            padding: 0 16px;
            color: #666;
            font-size: 14px;
        }

        .tik-modais-auth-footer {
            text-align: center;
            margin-top: 24px;
        }

        .tik-modais-auth-footer span {
            color: #666;
            font-size: 14px;
        }

        .tik-modais-auth-footer a {
            color: #006dd9;
            text-decoration: none;
            font-weight: 600;
        }

        .tik-modais-auth-footer a:hover {
            text-decoration: underline;
        }

        .tik-modais-auth-checkbox-group {
            display: flex;
            align-items: flex-start;
            gap: 12px;
            margin-bottom: 24px;
        }

        .tik-modais-auth-checkbox {
            width: 20px;
            height: 20px;
            border: 2px solid #e1e1e1;
            border-radius: 4px;
            cursor: pointer;
            position: relative;
            transition: all 0.2s;
            flex-shrink: 0;
            margin-top: 2px;
        }

        .tik-modais-auth-checkbox.checked {
            background: #006dd9;
            border-color: #006dd9;
        }

        .tik-modais-auth-checkbox.checked::after {
            content: '✓';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            color: white;
            font-size: 12px;
            font-weight: bold;
        }

        .tik-modais-auth-checkbox-label {
            font-size: 14px;
            color: #666;
            line-height: 1.4;
            cursor: pointer;
        }

        .tik-modais-auth-checkbox-label a {
            color: #006dd9;
            text-decoration: none;
        }

        .tik-modais-auth-checkbox-label a:hover {
            text-decoration: underline;
        }

        /* Responsive */
        @media (max-width: 768px) {
            .tik-pacotes-header {
                padding: 12px 16px;
            }
            
            .tik-pacotes-search-container {
                margin: 0 16px;
            }
            
            .tik-pacotes-container {
                padding: 20px 16px;
            }
            
            .tik-pacotes-main-content {
                padding: 20px;
            }
            
            .tik-pacotes-grid {
                grid-template-columns: 1fr;
                gap: 12px;
            }
            
            .tik-modais-compra-modal {
                width: 95%;
                margin: 20px;
            }
            
            .tik-modais-compra-form-row {
                flex-direction: column;
                gap: 16px;
            }
        }


        .checkbox-tipo-de-perfil {
            max-width: 400px;
            width: 100%;
        }

        .checkbox-tipo-de-perfil .option {
            background: white;
            border: 2px solid #e0e0e0;
            border-radius: 12px;
            margin-bottom: 12px;
            padding: 20px;
            cursor: pointer;
            transition: all 0.2s ease;
            position: relative;
            display: flex;
            align-items: center;
            gap: 16px;
        }

        .checkbox-tipo-de-perfil .option.selected {
            border-color: #006dd9;
            background: linear-gradient(135deg, #fef7ff 0%, #fdf2ff 100%);
        }

        .checkbox-tipo-de-perfil .option:hover {
            border-color: #006dd9;
            box-shadow: 0 2px 8px rgba(200, 74, 176, 0.1);
        }

        .checkbox-tipo-de-perfil .icon {
            width: 24px;
            height: 24px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 14px;
            flex-shrink: 0;
        }

        .checkbox-tipo-de-perfil .option:not(.selected) .icon {
            background-color: #f0f0f0;
            color: #666;
        }

        .checkbox-tipo-de-perfil .option.selected .icon {
            background-color: #006dd9;
            color: white;
        }

        .checkbox-tipo-de-perfil .content {
            flex: 1;
        }

        .checkbox-tipo-de-perfil .title {
            font-size: 16px;
            font-weight: 600;
            color: #333;
            margin: 0 0 4px 0;
            line-height: 1.3;
        }

        .checkbox-tipo-de-perfil .description {
            font-size: 14px;
            color: #666;
            margin: 0;
            line-height: 1.4;
        }

        .checkbox-tipo-de-perfil .radio-indicator {
            width: 20px;
            height: 20px;
            border: 2px solid #e0e0e0;
            border-radius: 50%;
            position: relative;
            flex-shrink: 0;
            transition: all 0.2s ease;
        }

        .checkbox-tipo-de-perfil .option.selected .radio-indicator {
            border-color: #006dd9;
        }

        .checkbox-tipo-de-perfil .option.selected .radio-indicator::after {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 8px;
            height: 8px;
            background-color: #006dd9;
            border-radius: 50%;
        }

        .checkbox-tipo-de-perfil .continue-button {
            width: 100%;
            background-color: #006dd9;
            color: white;
            border: none;
            border-radius: 8px;
            padding: 16px;
            font-size: 16px;
            font-weight: 600;
            cursor: pointer;
            margin-top: 20px;
            transition: background-color 0.2s ease;
        }

        .checkbox-tipo-de-perfil .continue-button:hover {
            background-color: #222;
        }

        .checkbox-tipo-de-perfil .continue-button:active {
            transform: translateY(1px);
        }





















/**
*  ------------------------------------------------------------------------------------------------
*
*
*   STORIES
*
*
*  ------------------------------------------------------------------------------------------------
*/

.stories {
  font-size: 16px;
  list-style: none;
  margin: 0;
  padding: 0;
  max-width: 100%;
  overflow-x: scroll;
  overflow-y: hidden;
  display: flex;
  margin-bottom: 15px;
  background: none;
  padding-bottom: 10px;
}

.stories::-webkit-scrollbar-track {
          background-color: #F4F4F4;
      }
.stories::-webkit-scrollbar {
          width: 0px;
          height: 0px;
          background: #F4F4F4;
      }
.stories::-webkit-scrollbar-thumb {
          background: #ccc;
      }





.stories a {
  color: inherit;
  text-decoration: none;
  border-color: #dedede;
  transition: border-color 300ms ease;
}

.stories a:visited,
.stories a:active,
.stories a:hover {
  border-color: grey;
}

.stories li {
  display: flex;
  flex-shrink: 0;
  margin: 0 6px;
  flex-direction: column;
  text-align: center;
}

.stories__story {
  display: flex;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  border-width: 2px;
  border-style: solid;
  border-color: inherit;
  overflow: hidden;
  padding: 2px;
 }

.stories picture {
  border-radius: 50%;
  border-width: 1px;
  border-style: solid;
  border-color: inherit;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.stories img {
  max-width: 100%;
}

.stories__picture--sale:before {
  content: attr(title);
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  background: pink;
  height: 20px;
  text-align: center;
}

.story__title {
  margin-top: 5px;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 3px;
  text-transform: uppercase;
  font-size: 11px;
  color: #000;
      max-width: 70px;
    display: block;
    text-align: center;
}

.story__category {
  margin: 0;
  font-weight: bold;
  font-size: 1.1em;
}


.stories.carousel .story>.item-link>.item-preview{
  border-radius: 100%;
}
.stories.carousel .story>.item-link>.info{
  font-size: 13px;
}



.caixa-nova-imagem-storie{
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}

.caixa-nova-imagem-storie a,
.caixa-nova-imagem-storie a:hover{
  position: absolute;
  display: block;
  bottom: 90px;
  width: 200px;
  left: 50%;
  margin-left: -100px;
  max-width: 100%;
  color: #fff;
  background: rgba(000,000,000,0.70);
  border-radius: 10px;
  padding: 5px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
}



.storiesDiogenes .inside-wrapper {
  max-width: 100%;
    margin: auto;
    position: relative;
    top: 0;
    transform: none;
    border-radius: 0;
    overflow: hidden;
    margin-top: -11px;
}

.storiesDiogenes .container-box {
  width: 100%;
  height: 90px;
  overflow: hidden;
  position: relative;
  padding: 20px;
}
.storiesDiogenes .container-box .container-item {
  cursor: pointer;
  overflow: hidden;
  height: 70px;
  width: 70px;
  overflow: hidden;
  border-radius: 50%;
  position: relative;
  display: inline-block;
  box-shadow: 1px 3px 15px rgba(000,000,000,0.20);
  z-index: 100;
  margin-right: 14px;
}
.storiesDiogenes .container-box .container-item:nth-child(1) {
  width: 70px;
  height: 70px;
}
.storiesDiogenes .container-box .container-item:nth-child(4) {
  width: 70px;
}
.storiesDiogenes .container-box .container-item img {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
}

/*SLIDER SELF STYLES*/
.storiesDiogenes .sts-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
}

/*SLIDER SELF STYLES*/
.storiesDiogenes .ld {
  width: 100%;
  height: 100%;
}

.storiesDiogenes .prev,
.storiesDiogenes .next {
  display: none;
}

.storiesDiogenes .nav-btn {
  top: 0;
  position: absolute;
  height: 100%;
  width: 80px;
  border: none;
  cursor: pointer;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  filter: invert(1);
}
.storiesDiogenes .nav-btn svg {
  position: absolute;
  top: 42%;
}
.storiesDiogenes .nav-btn--active {
  display: block;
}

.storiesDiogenes .prev {
  left: 0px;
  border-radius: 20px 0 0 20px;
  background: linear-gradient(-90deg, rgba(255, 255, 255, 0.01) 10%, white);
}
.storiesDiogenes .prev svg {
  left: 5px;
}

.storiesDiogenes .next {
  right: 0px;
  border-radius: 0 20px 20px 0;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.01) 10%, white);
}
.storiesDiogenes .next svg {
  right: 5px;
}

.storiesDiogenes .ld-lightbox {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  transition: 0.3s ease;
  background-color: rgba(0, 0, 0, 0.9);
  overflow: auto;
}
.storiesDiogenes .ld-lightbox__vl {
  height: 100%;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0%);
  width: 100%;
  max-width: 600px;
  display: flex;
}
.storiesDiogenes .ld-lightbox__content {
  display: inline-block;
  margin: auto auto;
}
.storiesDiogenes .ld-lightbox__content img,
.storiesDiogenes .ld-lightbox__content video {
  height: auto;
  width: 100%;
  max-width: 600px;
}

@media screen and (max-width: 800px) {
  .storiesDiogenes .nav-btn {
    outline: none;
  }
}
.storiesDiogenes .ld-lightbox__close {
  position: absolute;
  right: 20px;
  top: 20px;
  color: #fff;
  font-size: 1.3em;
  cursor: pointer;
  z-index: 1000;
}

@media screen and (max-width: 700px) {
  .storiesDiogenes .nav-btn {
    outline: none;
  }
}


.fullscreen-stories-diogenes{
  position: fixed;
  display: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999999999999999;
  background: rgba(000,000,000,0.80);
  text-align: center;
  padding-top: 45px;
  padding-bottom: 75px;
  transition: all 0.3s ease;
}
.fullscreen-stories-diogenes.aberto{
  display: block;
  transition: all 0.3s ease;
}


.video-container-box{
  scroll-snap-type: y mandatory;
  height: 100%;
  width: 400px;
  border-radius: 10px;
  overflow: auto;
  margin-left: auto;
  margin-right: auto;
  background: #ccc;
}

@media(max-width:540px){
  .video-container-box{
    width: 100%;
  }
}

.video-container-box .video-container{
  scroll-snap-align: start;
  scroll-snap-stop: always;
  height: 100.5% !important;
  display: block;
  width: 100%;
  margin: auto;
  overflow-y: hidden;
  padding-bottom: 0;
}

.ativar-som{
  opacity: 0.50;
}

.ativar-som img{
  width: 22px;
}

@media(max-width:540px){
  .video-container-box .video-container{
    scroll-snap-align: start;
    scroll-snap-stop: always;
    height: calc(630px + 20px);
    display: block;
    width: 100%;
    margin: auto;
    overflow-y: hidden;
  }
}
.video-container-box::-webkit-scrollbar {
  width: 0px;
}

.close-stories-diogenes{
  position: absolute;
  display: block;
  top: 20px;
  right: 20px;
  z-index: 99;
}

.close-stories-diogenes button{
  background: none;
  border: none;
  outline: none;
}

.close-stories-diogenes button img{
  width: 24px;
  height: auto;
  filter: invert(1);
}


@media(max-width:540px){
  .close-stories-diogenes {
      position: absolute;
      display: block;
      top: 7px;
      right: 7px;
      z-index: 99;
  }.close-stories-diogenes button img {
    width: 20px;
    height: auto;
}
}


.video-container{
  position: relative;
  display: block;
}


:root {
  --primaryBC: #000;
  --range: #ffffff59;
  --bar: #f11926;
  --primary: #fff;
  --third: #ccc;
  --poppins: "Poppins", sans-serif;
}

.video-container .video {
  height: 100%;
  width: 100%;
  object-fit: cover;
  transition: all 0.9s ease;
  cursor: pointer;
  overflow-x: hidden;
}
.video-container.stories .video:hover{
  scale: 1.10;
  transition: all 0.9s ease;
  cursor: pointer;
  overflow-x: hidden;
}


.video-container  .top {
  z-index: 2;
  position: absolute;
  top: 20px;
  left: 50%;
  transform: translatex(-50%);
}

.video-container .label {
  font-size: 0.8em;
  color: var(--primary);
  font-weight: bold;
}
.video-container .label-main::after {
  content: "|";
  margin: 0 0.5em;
  display: none;
}
.video-container .label-active {
  font-weight: 600;
  display: block;
}

.video-container .bottom {
  position: absolute;
  bottom: 0;
  width: 100%;
}

.video-container .progress-duration {
  margin-left: 5px;
  font-size: 0.7em;
  color: var(--primary);
  opacity: 0.5;
  transition: all 0.3s ease;
}
.video-container .progress-range {
  height: 3px;
  margin: 5px;
  width: calc(100% - 10px);
  background-color: var(--range);
  cursor: pointer;
  transition: all 0.4s ease;
  border-radius: 100px;
}
.video-container .progress-range:hover {
  height: 5px;
}
.video-container .progress-bar {
  border-radius: 100px;
  height: 100%;
  width: 1%;
  transition: width 0.3s ease;
  background: var(--bar);
}

.video-container .progress-range:hover .progress-duration {
  opacity: 1;
}

.video-container .icons {
  height: 64px;
  width: 100%;
  background-color: transparent;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
}
.video-container .icons-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.video-container .icons-item-add {
  height: 32px;
  width: 40px;
  overflow: hidden;
  background-color: var(--primary);
  border-radius: 7px;
  border-right: 4px solid #69c9d0;
  border-left: 4px solid #ee1d52;
  display: flex;
  justify-content: center;
  align-items: center;
}

.video-container .right {
  position: absolute;
  bottom: auto;
  right: 0;
  top:20px;
  border-radius: 100px;
  display: flex;
  flex-direction: column;
}
.video-container .right-icon {
  margin: 0.5em 0;
  display: none;
}
.video-container .icon img {
  height: 18px;
  width: 18px;
}
.video-container .icon-label {
  color: var(--primary);
  font-size: 0.55em;
}

.video-container .comments-head {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  position: sticky;
  top: -10px;
  padding: 10px 0;
  background-color: #fff;
}
.video-container .comments-head-label {
  font-size: 0.7em;
  color: var(--third);
}
.video-container .comments-head-close {
  cursor: pointer;
  margin-right: 5px;
    margin-top: -9px;
}
.video-container .comments-container {
  position: absolute;
  bottom: 0;
  height: 75%;
  padding: 10px;
  border-radius: 20px 20px 0 0;
  z-index: 99;
  width: 100%;
  background-color: #fff;
  transition: all 0.2s ease-in-out;
  transform: translatey(100%);
  overflow-y: scroll;
}
.video-container .comments-container::-webkit-scrollbar {
  display: none;
  /* Safari and Chrome */
}
.video-container .comments-list {
  display: flex;
  flex-direction: column;
}
.video-container .comments-item {
  padding: 10px 0;
}

.video-container .comments-active {
  transform: translatey(0%);
}

.video-container #comments-icon {
  cursor: pointer;
}

.video-container #likes-icon {
  cursor: pointer;
}

.video-container .comment-top {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.video-container .comment-top-logo {
  height: 36px;
  width: 36px;
  border-radius: 100px;
  background-color: #000;
  margin-right: 10px;
  background-image: url(https://usefulangle.com/img/thumb/javascript.png);
  background-size: cover;
}
.video-container .comment-top-details {
  flex: 1;
  font-size: 0.75em;
  display: flex;
  flex-direction: column;
}

.video-container .user-name {
  font-weight: 500;
  color: var(--primaryBC);
  font-size: 0.9em;
}
.video-container .user-time {
  margin: 0 0 0.75em 0;
  font-size: 0.75em;
}
.video-container .user-comment {
  font-size: 0.9em;
}

.video-container .overlay {
  position: absolute;
  z-index: 99;
  height: 100%;
  border: 0;
  width: 100%;
  background-color: #0f0f0f8a;
}

.video-container .howto {
  position: relative;
    padding: 10px;
    height: 500px;
    width: 100%;
}
.video-container .howto-close {
  outline: none;
  width: 93%;
  padding: 8px 0;
  border-radius: 6px;
  font-weight: 600;
  color: var(--primary);
  background-color: var(--primaryBC);
  right: 0;
  cursor: pointer;
  margin: 0 auto;
  position: absolute;
  bottom: 10px;
  left: 0;
  border: 3px solid transparent;
  transition: all 0.6s ease;
  font-family: inherit;
}
.video-container .howto-close:hover {
  border: 3px solid #333;
}

.video-container .explain {
  position: absolute;
    width: 93%;
    background-color: #000000b8;
    padding: 10px;
    border-radius: 6px;
    bottom: 69px;
    left: 50%;
    margin-left: -46.5%;
}
.video-container .explain-video {
  color: #69c9d0 !important;
}
.video-container .explain-video-bar {
  height: 4px;
  border-radius: 100px;
  width: 100%;
  background-color: var(--range);
  margin: 4px 0;
}
.video-container .explain-video-bar-w {
  height: 100%;
  width: 65%;
  background: var(--bar);
  border-radius: 100px;
}
.video-container .explain-list {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
}
.video-container .explain-details {
  list-style: none;
}
.video-container .explain-details-head {
  font-size: 0.8em;
  margin-bottom: 0.25em;
  color: #ee1d52;
}
.video-container .explain-details-desc {
  color: var(--primary);
  font-size: 0.8em;
}
@media(max-width:540px){
  .fullscreen-stories-diogenes{
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999999999999;
    background: rgba(255, 255, 255, 0.90);
    text-align: center;
    padding-top: 0;
    padding-bottom: 0;
  }
  .video-container-box{
    border-radius: 0px !important;
  }
  .close-stories-diogenes{
    filter: invert(1);
  }
  .video-container-box .video-container{
    height: 100%;
  }
}
/* STORIES ATIVO */
.storiesDiogenes .container-box .container-item:nth-child(1) {
    width: 70px;
    height: 70px;
}

.conic-gradient img{
  z-index: 2;
    width: 65px;
    height: 65px;
    object-fit: cover;
    border-radius: 100%;
}

.conic-gradient:after {
  /* display: block; */
  border-radius: 9999px;
  content: '';
  width: 104%;
  height: 104%;
  position: absolute;
  z-index: -1;
  left: -2%;
  top: -2%;
  background-image: conic-gradient(#2579ed, #2579ed, #2579ed, aqua, blue, magenta, #2579ed);
  animation: spin 3s linear infinite;
}


.img-container--fake:after {
  /* display: block; */
  border-radius: 9999px;
  content: '';
  width: 104%;
  height: 104%;
  position: absolute;
  z-index: -1;
  left: -2%;
  top: -2%;
  background-image: conic-gradient(#2579ed, #2579ed, #2579ed, aqua, blue, magenta, #2579ed);
  animation: spin 3s linear infinite;
  -webkit-box-shadow: -2px 2px 0 2px rgba(252,134,8,0.85), 0 0 0 4px rgba(192,52,247,1);
          box-shadow: -2px 2px 0 2px rgba(252,134,8,0.85), 0 0 0 4px rgba(192,52,247,1);
  
          background: rgba(255,153,0,1);
  background: -moz-linear-gradient(left, rgba(255,153,0,1) 0%, rgba(241,111,92,1) 50%, rgba(192,52,247,1) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,153,0,1)), color-stop(50%, rgba(241,111,92,1)), color-stop(100%, rgba(192,52,247,1)));
  background: -webkit-linear-gradient(left, rgba(255,153,0,1) 0%, rgba(241,111,92,1) 50%, rgba(192,52,247,1) 100%);
  background: -o-linear-gradient(left, rgba(255,153,0,1) 0%, rgba(241,111,92,1) 50%, rgba(192,52,247,1) 100%);
  background: -ms-linear-gradient(left, rgba(255,153,0,1) 0%, rgba(241,111,92,1) 50%, rgba(192,52,247,1) 100%);
  background: linear-gradient(to right, rgba(255,153,0,1) 0%, rgba(241,111,92,1) 50%, rgba(192,52,247,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9900', endColorstr='#c034f7', GradientType=1 );
}


@keyframes spin { 
  100% { 
    transform: rotate(360deg);
  }
}

.storiesDiogenes .container-box .container-item img{
  width: 75px !important;
  height: 75px !important;
  border-radius: 100%;
  object-fit: cover;
}



/* FEED */

.sugestoes-tags-101 {
  flex:1 1 0%;
  align-items:center;
  flex-flow:row wrap;
  display:flex;
  overscroll-behavior:contain;
  margin:4px -5.6px;
}

.sugestoes-tags-102 {
  transition:background-color 0.1s linear;
  background-color:rgba(38, 153, 247, 0.157);
  padding:5.6px 16px;
  border-radius:24px;
  margin:4px 5.6px;
  font-size:16px;
  flex: 0 0 auto;
  display:flex;
  flex-direction:row;
  align-items:center;
  cursor:pointer;
  overscroll-behavior:contain;
  border: 1px solid #0069d0;
}

.sugestoes-tags-103 {
  display:block;
  overscroll-behavior:contain;
}

.sugestoes-tags-104 {
  padding:5.6px 16px;
  border-radius:24px;
  margin:4px 5.6px;
  background-color:#666;
  font-size:16px;
  flex: 0 0 auto;
  display:flex;
  flex-direction:row;
  align-items:center;
  transition:background-color 0.1s linear;
  cursor:pointer;
  overscroll-behavior:contain;
}

.sugestoes-tags-105 {
  display:block;
  color: #fff;
  overscroll-behavior:contain;
}

.sugestoes-tags-106 {
  padding:5.6px 16px;
  border-radius:24px;
  margin:4px 5.6px;
  background-color:#666;
  font-size:16px;
  flex: 0 0 auto;
  display:flex;
  flex-direction:row;
  align-items:center;
  transition:background-color 0.1s linear;
  cursor:pointer;
  overscroll-behavior:contain;
}

.sugestoes-tags-107 {
  display:block;
  color: #fff;
  overscroll-behavior:contain;
}

.sugestoes-tags-108 {
  padding:5.6px 16px;
  border-radius:24px;
  margin:4px 5.6px;
  background-color:rgb(31, 37, 48);
  font-size:16px;
  flex: 0 0 auto;
  display:flex;
  flex-direction:row;
  align-items:center;
  transition:background-color 0.1s linear;
  cursor:pointer;
  overscroll-behavior:contain;
}

.sugestoes-tags-109 {
  font-weight:300;
  --fa: '';
  --fa--fa: '';
  font-family:'Font Awesome 6 Pro';
  -webkit-font-smoothing:antialiased;
  display:block;
  font-variant:normal;
  text-rendering: auto;
  font-style:normal;
  line-height:25.6px;
  color:rgb(38, 153, 247);
  cursor:pointer;
  overscroll-behavior:contain;
}

.sugestoes-tags-110 {
  padding:5.6px 16px;
  border-radius:24px;
  margin:4px 5.6px;
  background-color:rgb(31, 37, 48);
  font-size:16px;
  flex: 0 0 auto;
  display:flex;
  flex-direction:row;
  align-items:center;
  transition:background-color 0.1s linear;
  cursor:pointer;
  overscroll-behavior:contain;
}

.sugestoes-tags-111 {
  font-weight:300;
  --fa: '';
  --fa--fa: '';
  font-family:'Font Awesome 6 Pro';
  -webkit-font-smoothing:antialiased;
  display:block;
  font-variant:normal;
  text-rendering: auto;
  font-style:normal;
  line-height:25.6px;
  color:rgb(38, 153, 247);
  cursor:pointer;
  overscroll-behavior:contain;
}

.sugestoes-mini-139 {
  border-color:rgba(255, 255, 255, 0.03);
  overscroll-behavior:contain;
  background-color:rgba(255, 255, 255, 0.02);
  cursor:pointer;
  display:flex;
  height:92px;
  box-sizing:border-box;
  overflow:hidden;
  padding:8px 12px;
  border-top:1px solid rgba(255, 255, 255, 0.03);
}

.sugestoes-mini-140 {
  display:flex;
  flex:1 1 0%;
  flex-direction:row;
  position:relative;
  align-items:center;
  padding:12px 8px;
  overscroll-behavior:contain;
}

.sugestoes-mini-141 {
  position:absolute;
  inset:0px;
  width: auto;
  height: auto;
  opacity:0.6;
  overscroll-behavior:contain;
  display:flex;
  background-position:50% 50%;
  cursor:pointer;
  overflow:hidden;
}

.sugestoes-mini-142 {
  overscroll-behavior:contain;
  width: 100%;
  height:75px;
  background-position:50% 50%;
  background-size:cover;
  background-repeat:no-repeat;
  position:relative;
  display:flex;
  max-width:100%;
  max-height:100%;
  justify-content:center;
  align-items:center;
  border-radius:8px;
  user-select:none;
  -webkit-user-drag:none;
}

.sugestoes-mini-143 {
  overscroll-behavior:contain;
  position:relative;
  width: 100%;
  height:75px;
  overflow:hidden;
  border-radius:8px;
}

.sugestoes-mini-144 {
  pointer-events:none;
  overscroll-behavior:contain;
  object-fit:cover;
  background-size:cover;
  width: 100%;
  height:75px;
  border-radius:8px;
  background-position:50% 50%;
  background-color:rgba(0, 0, 0, 0);
  background-repeat:no-repeat;
  z-index:2;
}

.sugestoes-mini-145 {
  overscroll-behavior:contain;
  position:absolute;
  inset:0px;
  z-index:3;
  pointer-events:all;
  border-radius:8px;
}

.sugestoes-mini-146 {
  border-radius:50%;
  margin-right:8px;
  width: 3em;
  height:48px;
  flex: 0 0 auto;
  align-self:center;
  overscroll-behavior:contain;
  position:relative;
  display:flex;
  background-position:50% 50%;
  cursor:pointer;
  box-sizing:border-box;
}

.sugestoes-mini-147 {
  color:rgb(38, 153, 247);
  overscroll-behavior:contain;
  position:relative;
  width: 100%;
  height:48px;
}

.sugestoes-mini-148 {
  overscroll-behavior:contain;
  position:relative;
  display:flex;
  width: 100%;
  height:48px;
  max-width:100%;
  max-height:100%;
  justify-content:center;
  align-items:center;
  border-radius:50%;
  user-select:none;
  -webkit-user-drag:none;
  background-position:50% 50%;
  background-size:cover;
  background-repeat:no-repeat;
  overflow:hidden;
  box-sizing:border-box;
}

.sugestoes-mini-149 {
  overscroll-behavior:contain;
  position:relative;
  width: 100%;
  height:48px;
  overflow:hidden;
  border-radius:50%;
}

.sugestoes-mini-150 {
  pointer-events:none;
  overscroll-behavior:contain;
  object-fit:cover;
  background-size:cover;
  width: 100%;
  height:48px;
  border-radius:8px;
  background-position:50% 50%;
  background-color:rgba(0, 0, 0, 0);
  background-repeat:no-repeat;
  z-index:2;
}

.sugestoes-mini-151 {
  overscroll-behavior:contain;
  position:absolute;
  inset:0px;
  z-index:3;
  pointer-events:all;
  border-radius:50%;
}

.sugestoes-mini-152 {
  flex:1 1 0%;
  position:relative;
  display:flex;
  flex-direction:column;
  margin-left:3.2px;
  align-self:center;
  overscroll-behavior:contain;
}

.sugestoes-mini-153 {
  display:flex;
  flex-direction:row;
  font-weight:700;
  font-size:16px;
  line-height:16px;
  overscroll-behavior:contain;
}

.sugestoes-mini-154 {
  overscroll-behavior:contain;
}

.sugestoes-mini-155 {
  overscroll-behavior:contain;
  min-height:25.6px;
  text-decoration:none solid rgb(214, 220, 232);
}

.sugestoes-mini-156 {
  color:rgb(214, 220, 232);
  overscroll-behavior:contain;
  flex-direction:column;
  align-items:flex-start;
  text-decoration:none solid rgb(214, 220, 232);
  cursor:pointer;
  display:flex;
}

.sugestoes-mini-157 {
  align-items:center;
  display:flex;
  flex-direction:row;
  overscroll-behavior:contain;
  outline:rgb(214, 220, 232) none 0px;
}

.sugestoes-mini-158 {
  overscroll-behavior:contain;
  margin-right:2.4px;
  font-weight:700;
  color:#fff;
}

.sugestoes-mini-159 {
  position:relative;
  display:block;
  overscroll-behavior:contain;
  outline:rgb(214, 220, 232) none 0px;
}

.sugestoes-mini-160 {
  color: var(--blue-1);
  overscroll-behavior:contain;
  font-size:16px;
  margin:0px 4.8px 0px 0px;
  line-height:19.2px;
  display:flex;
  align-items:center;
  flex-direction:row;
}

.sugestoes-mini-161 {
  vertical-align:middle;
  width: 2.5em;
  height:16px;
  line-height:16px;
  display:block;
  position:relative;
  overscroll-behavior:contain;
  font-size:8px;
}

.sugestoes-mini-162 {
  font-weight:900;
  --fa: '';
  --fa--fa: '';
  font-size:16px;
  text-align:center;
  z-index:auto;
  width: 100%;
  position:absolute;
  left:0px;
  font-family:'Font Awesome 6 Pro';
  -webkit-font-smoothing:antialiased;
  display:block;
  font-variant:normal;
  text-rendering: auto;
  font-style:normal;
  line-height:16px;
  overscroll-behavior:contain;
}

.sugestoes-mini-163 {
  font-weight:900;
  --fa: '';
  --fa--fa: '';
  color:rgb(255, 255, 255);
  line-height:16px;
  text-align:center;
  z-index:auto;
  width: 100%;
  position:absolute;
  left:0px;
  font-family:'Font Awesome 6 Pro';
  -webkit-font-smoothing:antialiased;
  display:block;
  font-variant:normal;
  text-rendering: auto;
  font-style:normal;
  overscroll-behavior:contain;
}

.sugestoes-mini-164 {
  position:relative;
  display:block;
  overscroll-behavior:contain;
  outline:rgb(214, 220, 232) none 0px;
}

.sugestoes-mini-165 {
  margin-top:3.6px;
  color:#fff !important;
  overscroll-behavior:contain;
  font-size:12px;
  line-height:14.4px;
  margin-right:3px;
  font-weight:400;
  white-space:nowrap;
}

.sugestoes-mini-166 {
  position:relative;
  display:inline;
  overscroll-behavior:contain;
  outline:rgb(214, 220, 232) none 0px;
}

.sugestoes-mini-167 {
  inset: 1.75em 0em auto auto;
  color:rgb(99, 115, 149);
  border-radius:6px;
  overflow:hidden;
  padding:0px;
  display:none;
  position:absolute;
  flex-direction:column;
  top:21px;
  max-height:240px;
  overflow-y: auto;
  background-color:rgb(27, 28, 33);
  transform-origin:100% 0%;
  animation:0.2s ease 0s 1 normal none running dropdown;
  box-shadow:rgba(0, 0, 0, 0.06) 0px 3px 3px -2px, rgba(0, 0, 0, 0.04) 0px 3px 4px 0px, rgba(0, 0, 0, 0.02) 0px 2px 8px 0px;
  font-weight:400;
  overscroll-behavior:contain;
  outline:rgb(99, 115, 149) none 0px;
}

.sugestoes-mini-168 {
  width: auto;
  padding:7.2px 12px;
  background-color:rgb(27, 28, 33);
  text-align:left;
  display:flex;
  flex-direction:row;
  align-items:center;
  white-space:nowrap;
  color:rgb(214, 220, 232);
  font-size:12px;
  font-weight:400;
  cursor:pointer;
  flex: 0 0 auto;
  box-sizing:border-box;
  line-height:14.4px;
  overscroll-behavior:contain;
  outline:rgb(214, 220, 232) none 0px;
}

.sugestoes-mini-169 {
  font-weight:300;
  --fa: '';
  --fa--fa: '';
  text-align:center;
  width: 1.25em;
  font-family:'Font Awesome 6 Pro';
  -webkit-font-smoothing:antialiased;
  display:block;
  font-variant:normal;
  text-rendering: auto;
  font-style:normal;
  line-height:12px;
  cursor:pointer;
  margin-right:4.8px;
  overscroll-behavior:contain;
}

.sugestoes-mini-170 {
  width: auto;
  padding:7.2px 12px;
  background-color:rgb(27, 28, 33);
  text-align:left;
  display:flex;
  flex-direction:row;
  align-items:center;
  white-space:nowrap;
  color:rgb(214, 220, 232);
  font-size:12px;
  font-weight:400;
  cursor:pointer;
  flex: 0 0 auto;
  box-sizing:border-box;
  line-height:14.4px;
  overscroll-behavior:contain;
  outline:rgb(214, 220, 232) none 0px;
}

.sugestoes-mini-171 {
  font-weight:300;
  --fa: '';
  --fa--fa: '';
  text-align:center;
  width: 1.25em;
  font-family:'Font Awesome 6 Pro';
  -webkit-font-smoothing:antialiased;
  display:block;
  font-variant:normal;
  text-rendering: auto;
  font-style:normal;
  line-height:12px;
  margin-right:4.8px;
  overscroll-behavior:contain;
}

.sugestoes-mini-172 {
  width: auto;
  padding:7.2px 12px;
  background-color:rgb(27, 28, 33);
  text-align:left;
  display:flex;
  flex-direction:row;
  align-items:center;
  white-space:nowrap;
  color:rgb(214, 220, 232);
  font-size:12px;
  font-weight:400;
  cursor:pointer;
  flex: 0 0 auto;
  box-sizing:border-box;
  line-height:14.4px;
  overscroll-behavior:contain;
  outline:rgb(214, 220, 232) none 0px;
}

.sugestoes-mini-173 {
  font-weight:300;
  --fa: '';
  --fa--fa: '';
  text-align:center;
  width: 1.25em;
  font-family:'Font Awesome 6 Pro';
  -webkit-font-smoothing:antialiased;
  display:block;
  font-variant:normal;
  text-rendering: auto;
  font-style:normal;
  line-height:12px;
  margin-right:4.8px;
  overscroll-behavior:contain;
}

.sugestoes-mini-174 {
  display:block;
  overscroll-behavior:contain;
}

.sugestoes-mini-175 {
  transition:background-color 0.3s ease-out;
  font-size:12px;
  line-height:19.2px;
  border-radius:12px;
  font-weight:700;
  background-color:rgb(38, 153, 247);
  color:rgb(255, 255, 255);
  flex: 0 0 auto;
  padding:2.4px 12px;
  display:block;
  cursor:pointer;
  position:relative;
  user-select:none;
  text-align:center;
  align-self:center;
  transform-origin:29.5938px 11.9922px;
  overscroll-behavior:contain;
}

.sugestoes-mini-176 {
  display:inline;
  overscroll-behavior:contain;
}



.nova-sidebar-sugestoes{

}

.nova-sidebar-sugestoes h3{
  font-weight: bold;
    font-size: 14px;
    margin-top: -9px;
    padding-left: 13px;
}

.nova-sidebar-sugestoes a,
.nova-sidebar-sugestoes a:hover{
  text-decoration: none !important;
}

@media(max-width:540px){
  section.pre_actions_auth.work .offset-md-1 .diogeens-col-md-6 form .coluna-branca .actions {
      position: relative;
      display: block;
      width: 100%;
      bottom: 20px;
      left: auto;
  }
  section.pre_actions_auth.work .offset-md-1 .diogeens-col-md-6 .coluna-branca {
    height: auto;
  }
}



section.work .caixa-branca{
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  padding: 24px;
  
  border-radius: 12px !important;
  margin-bottom: 42px;
  background: #fff;
  padding-bottom: 4px;
}



section.work .caixa-branca .badge-secondary {
  background-color: #fff;
color: #000;
padding: 8px;
padding-left: 15px;
padding-right: 15px;
margin: 4px;
font-size: 12px;
border: 1px solid #000;
font-weight: normal;
border-radius: 25px;
cursor: pointer;

-webkit-transition:all 300ms ease;-moz-transition:all 300ms ease;transition:all 300ms ease;
}

section.work .caixa-branca .badge-secondary.clicada{
background: #000;
color: #fff;
font-weight: normal;
-webkit-transition:all 300ms ease;-moz-transition:all 300ms ease;transition:all 300ms ease;
}


section.work  .caixa-branca{
  position: relative;
  display: block;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 25px;
  height: auto;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  padding: 20px;
}


section.work  .caixa-branca p{
  color: #595959;
  font-size: 13px;
  line-height: 19px;
  margin-bottom: 13px;
}

section.work  .caixa-branca p img{
  width: 100%;
  height: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  border-radius: 8px;
}

section.work  .caixa-branca h1,
section.work  .caixa-branca h2,
section.work  .caixa-branca h3,
section.work  .caixa-branca h4,
section.work  .caixa-branca h5{
   
   font-weight: 600;
   color: #fe5f45;
   margin-top: 1px;
   margin-bottom: 20px;
   line-height: 0.95em;
}

section.work  .caixa-branca h1{
  font-size: 28px;
}
section.work  .caixa-branca h2{
  font-size: 24px;
}
section.work .caixa-branca h3{
  font-size: 20px;
}
section.work  .caixa-branca h4{
  font-size: 18px;
}
section.work  .caixa-branca h5{
  
  font-weight: 700;
  color: #000;
  margin-top: 5px;
  margin-bottom: 3px;
  line-height: 23px;
  font-size: 15px;
}

section.work  .caixa-branca .caixa-branca-bottom{
    padding-top: 8px;
    border-top: 1px solid rgba(192, 192, 192, 0.50);
    margin-top: 15px;
    margin-bottom: -10px;
}

section.work  .caixa-branca .caixa-branca-bottom .row{
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}

section.work .caixa-branca .caixa-branca-bottom .coluna-um,
section.work  .caixa-branca .caixa-branca-bottom .coluna-um-dois,
section.work  .caixa-branca .caixa-branca-bottom .coluna-dois{
  
  color: #292929;
  font-weight: bold;
  font-size: 15px;
}

section.work  .caixa-branca .caixa-branca-bottom .coluna-um img,
section.work  .caixa-branca .caixa-branca-bottom .coluna-um-dois img{
  width: 19px;
  vertical-align: middle;
  display: inline-block;
  margin-left: auto;
}

.img-comentarios{
  width: 18px;
  vertical-align: middle;
  display: inline-block;
  margin-left: auto;
  margin-top: -1px;
}

section.work  .caixa-branca .caixa-branca-bottom .coluna-um a,
section.work  .caixa-branca .caixa-branca-bottom .coluna-um-dois a,
section.work  .caixa-branca .caixa-branca-bottom .coluna-dois a,
section.work  .caixa-branca .caixa-branca-bottom .coluna-tres a{
  text-decoration: none !important;
  color: #292929;
}

section.work  .caixa-branca .caixa-branca-bottom .coluna-um a,
section.work  .caixa-branca .caixa-branca-bottom .coluna-um-dois a,
section.work  .caixa-branca .caixa-branca-bottom .coluna-dois a,
section.work  .caixa-branca .caixa-branca-bottom .coluna-tres a,
section.work  .caixa-branca .caixa-branca-bottom .coluna-um span,
section.work  .caixa-branca .caixa-branca-bottom .coluna-um-dois span,
section.work  .caixa-branca .caixa-branca-bottom .coluna-dois span,
section.work  .caixa-branca .caixa-branca-bottom .coluna-tres span{
  opacity: 0.6;
  cursor: pointer;
}

section.work  .caixa-branca .caixa-branca-bottom .coluna-um.ld a,
section.work  .caixa-branca .caixa-branca-bottom .coluna-um-dois.ld a,
section.work  .caixa-branca .caixa-branca-bottom .coluna-dois.ld a,
section.work  .caixa-branca .caixa-branca-bottom .coluna-tres.ld a,
section.work  .caixa-branca .caixa-branca-bottom .coluna-um.ld span,
section.work  .caixa-branca .caixa-branca-bottom .coluna-um-dois.ld span,
section.work  .caixa-branca .caixa-branca-bottom .coluna-dois.ld span,
section.work  .caixa-branca .caixa-branca-bottom .coluna-tres.ld span{
  opacity: 1;
  color: #5689E3 !important;
}

section.work  .caixa-branca .caixa-branca-bottom .coluna-tres{
  text-align: right;
  font-size: 14px;
}

section.work  .caixa-branca .caixa-branca-bottom .coluna-tres img{
  width: 25px;
  height: auto;
  display: inline-block;
  margin-top: -5px;
}



section.work .caixa-branca-header .coluna-um .foto-perfil{

}
section.work .caixa-branca-header .coluna-um .foto-perfil .caixa-foto-perfil{
   position: relative;
   display: block;
   width: 50px;
   height: 50px;
   background: #ccc;
   border-radius: 100px;
}

@media(max-width:540px){
      section.work .caixa-branca-header .coluna-um .foto-perfil .caixa-foto-perfil {
        position: relative;
        display: block;
        width: 36px;
        height: 36px;
        background: #ccc;
        border-radius: 100px;
        margin-top: 6px;
    }
}

section.work .caixa-branca-header .coluna-um .caixa-foto-perfil-premium{
  border:2px solid #AB7A09;
}

section.work .caixa-branca-header .coluna-um .caixa-foto-perfil-premium img{
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    top: -5px;
    right: -6px;
}

section.work .caixa-branca-header .coluna-um .caixa-foto-perfil-company{
   border:2px solid #1D8EAD;
}

section.work .caixa-branca-header .coluna-um .caixa-foto-perfil-company img{
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    top: -5px;
    right: -6px;
}





section.work .caixa-branca-header .coluna-um .foto-perfil .caixa-foto-perfil a{
  text-decoration: none;
  display: block;
  width: 100%;
  height: 100%;
}

section.work .caixa-branca-header .coluna-um .nome-perfil{
  padding-left: 7px;
  margin-left: -16px;
}
@media(max-width:540px){
    section.work .caixa-branca-header .coluna-um .nome-perfil {
      padding-left: 7px;
      margin-left: 18px;
  }
}

section.work .caixa-branca-header .coluna-um .nome-perfil h4{
  
  color: #292929;
  padding-top: 6px;
  font-size: 14px;
  line-height: 17px;
  font-weight: normal;  
}
section.work .caixa-branca-header .coluna-um .nome-perfil h4 small{
  color: #828282;
  font-weight: 500;
  
  font-size: 12px;
  opacity: 0.5;
  display: block;
  padding-top: 0px;
}

section.work .caixa-branca-header .coluna-dois{
  text-align: right;
}

section.work .caixa-branca-header .coluna-dois a{
  text-decoration: none !important;
}

section.work .caixa-branca-header .coluna-dois a img{
  margin-top: -4px !important;
  display: block;
  margin-left: auto;
}

section.work .caixa-branca-header .row{
  padding: 0px !important;
}



.no-padding{
  padding-right: 0px;
  padding-left: 0px;
}


section.work .criar-novo-conteudo{

}

section.work .criar-novo-conteudo .form-control{
  background: #FAFAFA;
    border: none;
    border-radius: 17px;
    height: 49px;
    padding: 20px;
    font-size: 13px;
    padding-top: 18px;
    padding-left: 24px;
    outline: none;
    box-shadow: none;
}

section.work .criar-novo-conteudo a,
section.work .criar-novo-conteudo a:hover{
  text-decoration: none;
    display: block;
    position: relative;
    width: 100%;
    text-align: center;
    color: #000;
    font-size: 14px;
}



section.work .minhas-historias{

}




.caixa-branca.caixa-branca-criar-historia{
  margin-bottom: 9px;
}

.caixa-branca.caixa-branca-criar-historia a,
.caixa-branca.caixa-branca-criar-historia a:hover{
  color: #000;
    text-decoration: none;
    font-size: 14px;
    line-height: 17px;
    display: block;
    text-align: center;

}

.caixa-branca.caixa-branca-criar-historia a img{
  display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 14px;
}

.caixa-branca.caixa-branca-criar-historia .resumo-historia a,
.caixa-branca.caixa-branca-criar-historia .resumo-historia a:hover{
  text-decoration: none;
}


.minhas-historias .resumo-historia{
  padding-left: 12px;
  padding-right: 12px;
}

.minhas-historias .resumo-historia a img{
  width: 100%;
  height: 132px;
  object-fit: cover;
  border-radius: 12px;
}



.novo-card-modelos-container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 20px 10px;
        }

        .novo-card-modelos-row {
            display: flex;
            flex-wrap: wrap;
            margin: -10px;
        }

        .novo-card-modelos-col {
            flex: 0 0 33.333333%;
            padding: 10px;
            margin-bottom: 10px;
        }

        .novo-card-modelos-card {
            position: relative;
            border-radius: 7px;
            overflow: hidden;
            height: 450px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
            transition: transform 0.3s ease;
        }

        .novo-card-modelos-card:hover {
            transform: translateY(-5px);
        }

        .novo-card-modelos-img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }

        .novo-card-modelos-info {
           position: absolute;
          bottom: 12px;
          left: 50%;
          /* right: 0; */
          width: 94%;
          border-radius: 8px;
          margin-left: -47%;
          /* text-align: center; */
          padding: 20px 15px;
          background: rgba(33, 33, 33, 0.55);
          backdrop-filter: blur(10px);
          -webkit-backdrop-filter: blur(10px);
          border-top: 1px solid rgba(255, 255, 255, 0.1);
        }

        .novo-card-modelos-name {
            display: flex;
            align-items: center;
            margin-bottom: 15px;
        }

        .novo-card-modelos-name h3 {
            font-size: 1.2rem;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 1px;
            margin-right: 10px;
        }

        .novo-card-modelos-verified {
            color: #1da1f2;
            font-size: 1.2rem;
        }

        .novo-card-modelos-stats {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            gap: 15px;
            margin-bottom: 15px;
        }

        .novo-card-modelos-stat {
            display: flex;
            align-items: center;
            gap: 5px;
            font-size: 0.9rem;
        }

        .novo-card-modelos-icon {
            font-size: 1.2rem;
        }

        .novo-card-modelos-details {
            display: flex;
            align-items: center;
            gap: 10px;
            font-size: 0.85rem;
        }

        .novo-card-modelos-detail {
            display: flex;
            align-items: center;
            gap: 5px;
        }

        .novo-card-modelos-location {
            color: #7eb6ff;
        }

        .novo-card-modelos-age, 
        .novo-card-modelos-media,
        .novo-card-modelos-location-text {
            color: #e0e0e0;
        }

        .novo-card-modelos-whatsapp {
            position: absolute;
            display: none;
            right: 15px;
            top: 15px;
            background-color: #25D366;
            color: white;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            /* display: flex; */
            align-items: center;
            justify-content: center;
            font-size: 1.4rem;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
            cursor: pointer;
            transition: transform 0.2s ease;
        }

        .novo-card-modelos-whatsapp:hover {
            transform: scale(1.1);
        }

        .novo-card-modelos-like {
            background: transparent;
            border: none;
            color: white;
            cursor: pointer;
            display: flex;
            align-items: center;
            gap: 5px;
            padding: 0;
            font-size: 0.9rem;
        }

        .novo-card-modelos-like-icon {
            font-size: 1.5rem;
            transition: color 0.3s ease, transform 0.3s ease;
        }

        .novo-card-modelos-like.active .novo-card-modelos-like-icon {
            color: #ff3d71;
            transform: scale(1.2);
        }

        .novo-card-modelos-detail-icon {
            color: #7a7a7a;
        }

        .novo-card-modelos-media-link {
            display: flex;
            align-items: center;
            gap: 5px;
            color: #e0e0e0;
            text-decoration: none;
        }

        .novo-card-modelos-media-link:hover {
            text-decoration: underline;
        }

        /* Responsividade */
        @media (max-width: 992px) {
            .novo-card-modelos-col {
                flex: 0 0 50%;
            }
        }

        @media (max-width: 768px) {
            .novo-card-modelos-col {
                flex: 0 0 100%;
            }
            
            .novo-card-modelos-card {
                height: 500px;
            }
        }




.loop-de-modelos-novo-2.acompanhantes-destaques .novo-card-modelos-col {
    flex: 0 0 25%;
    padding: 10px;
    margin-bottom: 10px;
}

@media(max-width:540px){
  .loop-de-modelos-novo-2.acompanhantes-destaques .novo-card-modelos-col{
    flex: 0 0 100%;
  }
}


/* CSS para o sistema de conteúdo oculto da seção SEO */
.conteudo-oculto-seo-wrapper {
    position: relative;
    overflow: hidden;
    max-height: 640px; /* Altura inicial para mostrar aproximadamente 25% do conteúdo */
    transition: max-height 0.8s ease;
}

.conteudo-oculto-seo-wrapper.expandido {
    max-height: 5000px; /* Valor alto para garantir que todo o conteúdo seja exibido */
}

.conteudo-oculto-seo-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 150px; /* Altura do degradê */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8) 60%, rgba(0, 0, 0, 1));
    pointer-events: none; /* Permite clicar através do degradê */
    transition: opacity 0.5s ease;
}

.conteudo-oculto-seo-btn-container {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    padding-bottom: 15px;
    z-index: 2;
}

.conteudo-oculto-seo-btn {
    background-color: #ff9900;
    background: #2780e8;
    color: #fff;
    border: none;
    padding: 10px 25px;
    border-radius: 25px;
    font-weight: bold;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(255, 153, 0, 0.3);
}

.conteudo-oculto-seo-btn:hover {
    background-color: #212121;
    transform: translateY(-2px);
}

.conteudo-oculto-seo-btn i {
    font-size: 18px;
    transition: transform 0.3s ease;
}

.conteudo-oculto-seo-btn.expandido i {
    transform: rotate(180deg);
}

.conteudo-oculto-seo-overlay.escondido {
    opacity: 0;
    pointer-events: none;
}









/* Estilos do carrossel principal */
        .novo-reels-videos-container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0px;
        }
        
        .novo-reels-videos-title {
            font-size: 24px;
            margin-bottom: 20px;
            color: #333;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        
        .novo-reels-videos-navigation {
            display: flex;
            gap: 10px;
            margin-left: auto;
        }
        
        .novo-reels-videos-nav-btn {
            width: 28px;
            height: 28px;
            border-radius: 50%;
            background-color: #212121;
            border: 1px solid #666;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            font-size: 13px;
            transition: all 0.3s ease;
            color: #f2f2f2;
        }
        
      
        
        .novo-reels-videos-item {
            position: relative;
            cursor: pointer;
            border-radius: 10px;
            overflow: hidden;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
            transition: transform 0.3s ease;
            margin: 5px;
        }
        
        .novo-reels-videos-item:hover {
            transform: translateY(-5px);
        }
        
        .novo-reels-videos-thumbnail {
            position: relative;
            width: 100%;
            height: 350px;
            overflow: hidden;
            border-radius: 10px;
        }
        
        .novo-reels-videos-thumbnail img {
            width: 100%;
            height: 100% !important;
            object-fit: cover;
        }
        
        .novo-reels-videos-play-icon {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 60px;
            height: 60px;
            background-color: rgba(255, 255, 255, 0.25);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-size: 24px;
            backdrop-filter: blur(4px);
            -webkit-backdrop-filter: blur(4px);
        }
        
        .novo-reels-videos-duration {
            position: absolute;
            bottom: 10px;
            left: 10px;
            background-color: rgba(0, 0, 0, 0.7);
            color: white;
            padding: 3px 8px;
            border-radius: 4px;
            font-size: 12px;
            font-weight: 500;
        }
        
        .novo-reels-videos-logo {
            position: absolute;
            top: 10px;
            right: 13px;
            width: 80%;
            background-color: transparent;
            border-radius: 4px;
            padding: 2px;
            width: fit-content;
            text-align: right;
            height: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: bold;
            font-size: 12px;
        }
        
        .novo-reels-videos-caption {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            padding: 15px;
            background: linear-gradient(transparent, rgba(0, 0, 0, 0.8));
            color: white;
        }
        
        .novo-reels-videos-caption-highlight {
            display: inline-block;
            background-color: #006DD9;
            color: #fff;
            padding: 3px 8px;
            border-radius: 4px;
            font-weight: bold;
            font-size: 12px;
            margin-bottom: 5px;
        }
        
        /* Modal fullscreen */
        .novo-reels-videos-modal {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #000;
            z-index: 1000;
            display: none;
        }
        
        .novo-reels-videos-modal.active {
            display: block;
        }
        
        .novo-reels-videos-modal-content {
            position: relative;
            width: 100%;
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }
        
        .novo-reels-videos-modal-video-container {
            position: relative;
            width: 100%;
            height: 100vh;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        
        .novo-reels-videos-modal-video {
            position: relative;
            width: 100%;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: #000;
        }
        
        .novo-reels-videos-modal-video video {
            max-width: 100%;
            max-height: 100%;
            object-fit: contain;
        }
        
        .novo-reels-videos-modal-header {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            padding: 15px;
            background: linear-gradient(rgba(0, 0, 0, 0.7), transparent);
            z-index: 10;
            color: white;
        }
        
        .novo-reels-videos-modal-title {
            margin-top: 25px;
            font-size: 20px;
            max-width: 80%;
        }
        
        .novo-reels-videos-modal-close {
            position: absolute;
            top: 15px;
            right: 15px;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            background-color: rgba(0, 0, 0, 0.5);
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            cursor: pointer;
            z-index: 11;
            font-size: 20px;
        }
        
        .novo-reels-videos-modal-footer {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            padding: 15px;
            background: linear-gradient(transparent, rgba(0, 0, 0, 0.7));
            z-index: 10;
            color: white;
        }
        
        .novo-reels-videos-modal-caption {
            margin-bottom: 15px;
        }
        
        .novo-reels-videos-modal-controls {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 20px;
            margin-bottom: 20px;
        }
        
        .novo-reels-videos-control-btn {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            background-color: rgba(255, 255, 255, 0.2);
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            color: white;
            font-size: 20px;
        }
        
        .novo-reels-videos-control-btn.play {
            width: 60px;
            height: 60px;
            font-size: 24px;
        }
        
        .novo-reels-videos-thumbnails-container {
            position: absolute;
            bottom: 70px;
            left: 0;
            right: 0;
            display: flex;
            justify-content: center;
            padding: 10px 0;
            overflow-x: auto;
            gap: 10px;
        }
        
        .novo-reels-videos-thumbnail-nav {
            width: 80px;
            height: 120px;
            border-radius: 8px;
            overflow: hidden;
            cursor: pointer;
            border: 3px solid transparent;
            transition: all 0.3s ease;
            opacity: 0.7;
        }
        
        .novo-reels-videos-thumbnail-nav.active {
            border-color: #006DD9;
            opacity: 1;
        }
        
        .novo-reels-videos-thumbnail-nav img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        
        .novo-reels-videos-modal-nav {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 50px;
            height: 50px;
            border-radius: 50%;
            background-color: rgba(255, 255, 255, 0.2);
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            color: white;
            font-size: 20px;
            z-index: 10;
        }
        
        .novo-reels-videos-modal-prev {
            left: 20px;
        }
        
        .novo-reels-videos-modal-next {
            right: 20px;
        }
        
        .novo-reels-videos-thumbnails-container::-webkit-scrollbar {
            height: 6px;
        }
        
        .novo-reels-videos-thumbnails-container::-webkit-scrollbar-track {
            background: rgba(255, 255, 255, 0.1);
            border-radius: 10px;
        }
        
        .novo-reels-videos-thumbnails-container::-webkit-scrollbar-thumb {
            background: rgba(255, 255, 255, 0.3);
            border-radius: 10px;
        }
        
        @media (max-width: 768px) {
            .novo-reels-videos-thumbnail {
                height: 240px;
            }
            
            .novo-reels-videos-modal-nav {
                width: 40px;
                height: 40px;
                font-size: 16px;
            }
            
            .novo-reels-videos-modal-prev {
                left: 10px;
            }
            
            .novo-reels-videos-modal-next {
                right: 10px;
            }
            
            .novo-reels-videos-thumbnail-nav {
                width: 60px;
                height: 90px;
            }
            
            .novo-reels-videos-control-btn {
                width: 40px;
                height: 40px;
                font-size: 16px;
            }
            
            .novo-reels-videos-control-btn.play {
                width: 50px;
                height: 50px;
                font-size: 20px;
            }
            
            .novo-reels-videos-modal-title {
                font-size: 16px;
            }
        }







.mini-titulo-novo{

}

.mini-titulo-novo h3{
  font-weight: normal;
  color: #fff;
  font-family: "Bebas Neue";
  margin-top: 12px;
}



.mini-titulo-novo h3 span{
  color: #0066cc;
}

.mini-titulo-novo h3 img{
  display: inline-block;
    width: 45px !important;
    margin-left: 0;
}

.limite-modelo-3 .modelo-item {
    position: relative;
    margin: 0 5px;
    border-radius: 4px;
    overflow: hidden;
    height: 255px !important;
}

.limite-modelo-3 .modelo-nome {
    color: #007bff;
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    display: flex;
    align-items: center;
}

.limite-modelo-3 .modelo-nome img {
    width: 16px !important;
    margin-left: 0px;
    height: auto;
    position: absolute;
    right: 3px;
    top: 28px;
}

.limite-modelo-3 .modelo-nome svg{
    width: 22px;
    margin-left: 3px;
    margin-top: -5px;
}
.limite-modelo-3 .modelo-nome {
    color: #fff !important;
    margin-bottom: -13px;
}

.mini-titulo-novo.mini-titulo-novo-centralizado{
  text-align: center;
}

.mini-titulo-novo.mini-titulo-novo-centralizado h3 img{
  width: 80px;
  float: left;
  margin-right: -28px;
  margin-top: -10px;
  margin-left: -17px;
}

.mini-titulo-novo.mini-titulo-novo-centralizado h3{
  font-size: 31px;
}

        /* NOVO GRID SOCIAL */
        .novo-grid-social-container {
            position: relative;
            width: 100%;
            max-width: 100%;
            border-radius: 12px;
            overflow: hidden;
            background: #232429;
            padding: 20px;
            margin-top: 12px;
            margin-bottom: 14px;
            cursor: pointer;
        }

        .novo-grid-social-container a,
        .novo-grid-social-container a:hover{
          color: #fff !important;
        }
        .novo-grid-social-container a:hover{
          text-decoration: none !important;
        }

        .novo-grid-social-imagem {
            width: 100%;
            height: 250px;
            background-color: #f2f2f2;
            border-radius: 9px;
            cursor: pointer;
            position: relative;
            display: block;
            text-decoration: none !important;
        }

        .novo-grid-social-info {
            position: absolute;
            bottom: 28px;
            left: 10%;
            width: 80%;
            right: 0;
            background: #2c3135;
            background: rgba(44, 49, 53, 0.9);
            padding: 8px;
            border-radius: 19px;
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            color: white;
            text-align: center;
        }

        .novo-grid-social-perfil {
            display: flex;
            align-items: center;
            flex: 1;
            margin-right: 10px;
        }

        .novo-grid-social-nome {
            font-size: 22px;
            font-weight: normal;
            margin-right: 8px;
            color: white;
            text-decoration: none;
            text-align: center;
            font-family: "Bebas Neue";
        }

        .novo-grid-social-verificado {
            width: 20px;
            height: 20px;
            background-color: #1d9bf0;
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            margin-right: 5px;
            margin-top: -4px;
        }

        .novo-grid-social-verificado:before {
            content: "✓";
            color: white;
            font-size: 14px;
            font-weight: bold;
        }

        .novo-grid-social-estatisticas {
            display: flex;
            align-items: center;
            gap: 15px;
            margin-right: 15px;
        }
        

        .novo-grid-social-estatistica {
            display: flex;
            align-items: center;
        }
        .novo-grid-social-estatistica img{
          width: 25px;
          height: auto;
        }

        .novo-grid-social-icone {
            margin-right: 5px;
        }

        .novo-grid-social-icone-coracao {
            width: 24px;
            height: 24px;
            fill: none;
            stroke: white;
            stroke-width: 2;
        }

        .novo-grid-social-numero {
            font-size: 16px;
            color: white;
        }

        .novo-grid-social-comentario-icone {
            width: 24px;
            height: 24px;
            fill: none;
            stroke: white;
            stroke-width: 2;
        }

        .novo-grid-social-midias-icone {
            width: 24px;
            height: 24px;
            fill: white;
        }

        .novo-grid-social-whatsapp {
            width: 30px;
            height: 30px;
            background-color: #0088cc;
            border-radius: 50%;
            display: flex;
            font-size: 22px;
            justify-content: center;
            align-items: center;
        }

        .novo-grid-social-localizacao {
            display: flex;
            align-items: center;
            margin-top: 10px;
            margin-right: 15px;
        }

        .novo-grid-social-local {
            color: #fff;
            font-size: 14px;
            margin-left: 5px;
            text-decoration: none;
        }

        .novo-grid-social-idade {
            display: flex;
            align-items: center;
            margin-top: 10px;
            margin-right: 15px;
        }

        .novo-grid-social-anos {
            color: white;
            font-size: 14px;
            margin-left: 5px;
        }

        .novo-grid-social-midias {
            display: flex;
            align-items: center;
            margin-top: 10px;
            margin-right: 15px;
        }

        .novo-grid-social-midias-texto,
        .novo-grid-social-midias-texto:hover{
            color: #fff;
            font-size: 14px;
            margin-left: 5px;
            text-decoration: underline;
        }

        .novo-grid-social-sem-local {
            display: flex;
            align-items: center;
            margin-top: 10px;
        }

        .novo-grid-social-sem-local-texto {
            color: white;
            font-size: 14px;
            margin-left: 5px;
        }

        .novo-grid-social-estatistica i{
          font-size: 20px;
        }


        .limite-modelo-3 .carousel-container-quadradinhos .modelo-item{
            position: relative;
            margin: 0 5px;
            border-radius: 4px;
            overflow: hidden;
            height: 118px !important;
        }

        .limite-modelo-3 .carousel-container-quadradinhos .modelo-imagem{
            height: 100px;
            border-radius: 7px;
        }
        .limite-modelo-3 .carousel-container-quadradinhos .modelo-imagem img{
          border-radius: 7px;
        }

        .limite-modelo-3 .carousel-container-quadradinhos .modelo-overlay {
          position: absolute;
          bottom: 0;
          left: 0;
          width: 100%;
          height: 42%;
          background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.7) 50%, rgba(0, 0, 0, 0) 100%);
          display: flex;
          flex-direction: column;
          justify-content: flex-end;
          padding: 7px;
          padding-bottom: 3px !important;
          text-align: center;
          align-items: anchor-center;
          box-sizing: border-box;
      }

      .limite-modelo-3 .carousel-container-quadradinhos .modelo-nome {
          color: #fff;
          font-size: 16px;
          font-weight: bold;
          margin: 0;
          padding: 0;
          text-transform: uppercase;
          display: flex;
          align-items: center;
      }

      .limite-modelo-3 .carousel-container-quadradinhos .modelo-nome img{
          position: absolute;
          border-radius: 0;
          display: block;
          top: 16px;
          right: 2px;
      }


      /* PREPARAÇÃO DUAS COLUNAS */
      .minimizacao-duas-colunas{

      }

      .minimizacao-duas-colunas .novo-grid-social-container {
          position: relative;
          width: 100%;
          max-width: 100%;
          border-radius: 12px;
          overflow: hidden;
          background: #232429;
          padding: 0;
          margin-top: 12px;
          margin-bottom: 14px;
          cursor: pointer;
      }

      .minimizacao-duas-colunas .novo-grid-social-info{
          position: absolute;
          bottom: 9px;
          left: 5%;
          width: 90%;
          right: 0;
          background: #2c3135;
          background: rgba(44, 49, 53, 0.9);
          padding: 13px 15px;
          border-radius: 19px;
          display: flex;
          flex-wrap: wrap;
          align-items: center;
          color: white;
          text-align: center;
      }

      .minimizacao-duas-colunas .novo-grid-social-imagem {
          width: 100%;
          height: 360px;
      }

      .minimizacao-duas-colunas .novo-grid-social-localizacao{
        display: block;
        text-align: left;
      }

      .minimizacao-duas-colunas .novo-grid-social-whatsapp{
        position: absolute;
        right: 5px;
        bottom: 5px;
      }


       /* PREPARAÇÃO TRES COLUNAS */
      .minimizacao-tres-colunas{

      }

      .minimizacao-tres-colunas .novo-grid-social-container {
          position: relative;
          width: 100%;
          max-width: 100%;
          border-radius: 12px;
          overflow: hidden;
          background: #232429;
          padding: 0;
          margin-top: 12px;
          margin-bottom: -1px;
          cursor: pointer;
      }

      .minimizacao-tres-colunas .novo-grid-social-info{
          position: absolute;
          bottom: 9px;
          left: 5%;
          width: 90%;
          right: 0;
          background: #2c3135;
          background: rgba(44, 49, 53, 0.9);
          padding: 13px 15px;
          border-radius: 19px;
          display: flex;
          flex-wrap: wrap;
          align-items: center;
          color: white;
          text-align: center;

          width: 100%;
          left: 0;
          bottom: 0;
          border-radius: 5px;
          padding: 10px;
      }

      .minimizacao-tres-colunas .novo-grid-social-imagem {
          width: 100%;
          height: 290px;
      }

      .minimizacao-tres-colunas .novo-grid-social-localizacao{
        display: block;
        text-align: left;
      }

      .minimizacao-tres-colunas .novo-grid-social-whatsapp{
        position: absolute;
        right: 5px;
        bottom: 5px;
      }

      .minimizacao-tres-colunas .novo-grid-social-nome{
        font-size:16px
      }
      .minimizacao-tres-colunas .novo-grid-social-estatisticas{
        gap: 10px;
      margin-right: 0px;
      }
      .minimizacao-tres-colunas .novo-grid-social-icone{
        margin-right: 3px;
      }
      .minimizacao-tres-colunas .novo-grid-social-icone-coracao {
        width: 16px;
        height: 16px;
      }
      .minimizacao-tres-colunas .novo-grid-social-numero{
        font-size: 13px;
      }
      .minimizacao-tres-colunas .novo-grid-social-estatistica i{
        font-size: 15px;
      }
      .minimizacao-tres-colunas .novo-grid-social-local {
        font-size: 13px;
      }
      .minimizacao-tres-colunas .novo-grid-social-localizacao{
        margin-top:0px;
      }
      .minimizacao-tres-colunas .novo-grid-social-whatsapp{
        width: 24px;
        height: 24px;
      }





      .itens-rodape-seo-container {
            background-color: #1a1a1a;
            border: 1px solid #333;
            border-radius: 8px;
            padding: 20px;
            width: 300px;
            font-family: Arial, sans-serif;
            margin: 20px auto;
        }

        .itens-rodape-seo-titulo {
            background-color: #2a2a2a;
            color: #006dd9;
            text-align: center;
            font-weight: bold;
            font-size: 24px;
            padding: 12px;
            margin: -20px -20px 20px -20px;
            border-radius: 8px 8px 0 0;
            border-bottom: 1px solid #333;
            letter-spacing: 1px;
            font-family: "Bebas Neue";
        }

        .itens-rodape-seo-lista {
            list-style: none;
            padding: 0;
            margin: 0;
        }

        .itens-rodape-seo-item {
            color: #ffffff;
            font-size: 15px;
            padding: 8px 0;
            text-align: center;
            cursor: pointer;
            transition: color 0.2s ease;
        }

        .itens-rodape-seo-item:hover {
            color: #006dd9;
        }

        .itens-rodape-seo-item:not(:last-child) {
            border-bottom: 1px solid #333;
        }


        .novo-linhas-grid-duas-colunas .novo-grid-social-imagem{
          height: 344px;
        }

        .novo-linhas-grid-duas-colunas .novo-grid-social-info{
          bottom: 0;
          left: 0;
          width: 100%;
          right: 0;
          padding: 7px;
          border-radius: 10px;
        }
        .novo-linhas-grid-duas-colunas .novo-grid-social-icone-coracao,
        .novo-linhas-grid-duas-colunas .novo-grid-social-comentario-icone{
          width: 16px !important;
          height: 16px !important;
        }
        .novo-linhas-grid-duas-colunas .novo-grid-social-whatsapp{
          width: 24px;
          height: 24px;
        }

        .novo-linhas-grid-duas-colunas .novo-grid-social-whatsapp i{
          font-size: 17px;
        }

        .novo-linhas-grid-duas-colunas .novo-grid-social-estatistica i,
        .novo-linhas-grid-duas-colunas .novo-grid-social-numero{
          font-size: 13px;
        }
        .novo-linhas-grid-duas-colunas .novo-grid-social-local {
          font-size: 13px;
        }

        .novo-linhas-grid-duas-colunas .novo-grid-social-container a, 
        .novo-linhas-grid-duas-colunas .novo-grid-social-container a:hover{
          text-align: left;
        }
        .novo-linhas-grid-duas-colunas .novo-grid-social-estatisticas, 
        .novo-linhas-grid-duas-colunas .novo-grid-social-localizacao, 
        .novo-linhas-grid-duas-colunas .novo-grid-social-idade, 
        .novo-linhas-grid-duas-colunas .novo-grid-social-midias{
          font-size: 11px !important;
          margin-top: 0px !important;
        }

        .novo-grid-social-imagem span{
          position: absolute;
          display: block;
          background: #4CAF50;
          font-size: 12px;
          padding: 2px;
          border-radius: 5px;
          padding-left: 12px;
          padding-right: 12px;
          top: 5px;
          right: 5px;
        }


        .novo-linhas-grid-tres-colunas .novo-grid-social-imagem{
          height: 270px;
        }

        .novo-linhas-grid-tres-colunas .novo-grid-social-info{
          bottom: 0;
          left: 0;
          width: 100%;
          right: 0;
          padding: 7px;
          border-radius: 10px;
        }
        .novo-linhas-grid-tres-colunas .novo-grid-social-icone-coracao,
        .novo-linhas-grid-tres-colunas .novo-grid-social-comentario-icone{
          width: 16px !important;
          height: 16px !important;
        }
        .novo-linhas-grid-tres-colunas .novo-grid-social-whatsapp{
          width: 24px;
          height: 24px;
        }

        .novo-linhas-grid-tres-colunas .novo-grid-social-whatsapp{
          font-size: 17px;
          position: absolute;
          right: 4px;
          bottom: 5px;
        }

        .novo-linhas-grid-tres-colunas .novo-grid-social-estatistica i,
        .novo-linhas-grid-tres-colunas .novo-grid-social-numero{
          font-size: 13px;
        }
        .novo-linhas-grid-tres-colunas .novo-grid-social-local {
          font-size: 13px;
        }
        .novo-linhas-grid-tres-colunas .novo-grid-social-estatisticas, 
        .novo-linhas-grid-tres-colunas .novo-grid-social-localizacao, 
        .novo-linhas-grid-tres-colunas .novo-grid-social-idade, 
        .novo-linhas-grid-tres-colunas .novo-grid-social-midias{
          font-size: 11px !important;
          margin-top: 0px !important;
        }

        .novo-linhas-grid-tres-colunas .novo-grid-social-nome {
            min-width: 81px;
            text-align: left;
            font-size: 16px;
        }
        .novo-linhas-grid-tres-colunas .novo-grid-social-estatistica{
          margin-right: -7px;
        }

        .novo-linhas-grid-tres-colunas .novo-grid-social-verificado {
            width: 14px;
            height: 14px;
            background-color: #1d9bf0;
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 11px !important;
            margin-right: 5px;
            margin-top: -4px;
        }
        .novo-linhas-grid-tres-colunas .novo-grid-social-verificado:before{
          font-size: 11px;
        }












        .novo-linhas-grid-quatro-colunas .novo-grid-social-imagem{
          height: 360px;
        }

        .novo-linhas-grid-quatro-colunas .novo-grid-social-info{
          bottom: 0;
          left: 0;
          width: 100%;
          right: 0;
          padding: 7px;
          border-radius: 10px;
        }
        .novo-linhas-grid-quatro-colunas .novo-grid-social-icone-coracao,
        .novo-linhas-grid-quatro-colunas .novo-grid-social-comentario-icone{
          width: 16px !important;
          height: 16px !important;
        }
        .novo-linhas-grid-quatro-colunas .novo-grid-social-whatsapp{
          width: 24px;
          height: 24px;
        }

        .novo-linhas-grid-quatro-colunas .novo-grid-social-whatsapp{
          font-size: 17px;
          position: absolute;
          right: 4px;
          bottom: 5px;
        }

        .novo-linhas-grid-quatro-colunas .novo-grid-social-estatistica i,
        .novo-linhas-grid-quatro-colunas .novo-grid-social-numero{
          font-size: 13px;
        }
        .novo-linhas-grid-quatro-colunas .novo-grid-social-local {
          font-size: 13px;
        }
        .novo-linhas-grid-quatro-colunas .novo-grid-social-estatisticas, 
        .novo-linhas-grid-quatro-colunas .novo-grid-social-localizacao, 
        .novo-linhas-grid-quatro-colunas .novo-grid-social-idade, 
        .novo-linhas-grid-quatro-colunas .novo-grid-social-midias{
          font-size: 11px !important;
          margin-top: 0px !important;
        }

        .novo-linhas-grid-quatro-colunas .novo-grid-social-nome {
            min-width: 81px;
            text-align: left;
            font-size: 16px;
        }
        .novo-linhas-grid-quatro-colunas .novo-grid-social-estatistica{
          margin-right: -7px;
        }

        .novo-linhas-grid-quatro-colunas .novo-grid-social-verificado {
            width: 14px;
            height: 14px;
            background-color: #1d9bf0;
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 11px !important;
            margin-right: 5px;
            margin-top: -4px;
        }
        .novo-linhas-grid-quatro-colunas .novo-grid-social-verificado:before{
          font-size: 11px;
        }















        

        .novo-linhas-grid-seis-colunas .novo-grid-social-imagem{
          height: 287px;
        }

        .novo-linhas-grid-seis-colunas .novo-grid-social-info{
          bottom: 0;
          left: 0;
          width: 100%;
          right: 0;
          padding: 7px;
          border-radius: 10px;
        }
        .novo-linhas-grid-seis-colunas .novo-grid-social-icone-coracao,
        .novo-linhas-grid-seis-colunas .novo-grid-social-comentario-icone{
          width: 16px !important;
          height: 16px !important;
        }
        .novo-linhas-grid-seis-colunas .novo-grid-social-whatsapp{
          width: 24px;
          height: 24px;
        }

        .novo-linhas-grid-seis-colunas .novo-grid-social-whatsapp{
          font-size: 17px;
          position: absolute;
          right: 4px;
          bottom: 5px;
        }

        .novo-linhas-grid-seis-colunas .novo-grid-social-estatistica i,
        .novo-linhas-grid-seis-colunas .novo-grid-social-numero{
          font-size: 13px;
        }
        .novo-linhas-grid-seis-colunas .novo-grid-social-local {
          font-size: 13px;
        }
        .novo-linhas-grid-seis-colunas .novo-grid-social-estatisticas, 
        .novo-linhas-grid-seis-colunas .novo-grid-social-localizacao, 
        .novo-linhas-grid-seis-colunas .novo-grid-social-idade, 
        .novo-linhas-grid-seis-colunas .novo-grid-social-midias{
          font-size: 11px !important;
          margin-top: 0px !important;
        }

        .novo-linhas-grid-seis-colunas .novo-grid-social-nome {
            min-width: 81px;
            text-align: left;
            font-size: 16px;
        }
        .novo-linhas-grid-seis-colunas .novo-grid-social-estatistica{
          margin-right: -7px;
        }

        .novo-linhas-grid-seis-colunas .novo-grid-social-verificado {
            width: 14px;
            height: 14px;
            background-color: #1d9bf0;
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 11px !important;
            margin-right: 5px;
            margin-top: -4px;
        }
        .novo-linhas-grid-seis-colunas .novo-grid-social-verificado:before{
          font-size: 11px;
        }

        .novo-linhas-grid-seis-colunas .novo-grid-social-localizacao{
          display: none;
        }
        .novo-linhas-grid-seis-colunas .novo-grid-social-whatsapp{
          bottom: 32px;
        }
       .novo-linhas-grid-seis-colunas .novo-grid-social-idade{
          margin-right: 0;
          margin-left: 4px;
        }
       .novo-linhas-grid-seis-colunas .novo-grid-social-anos {
            color: white;
            font-size: 13px;
            margin-left: 5px;
        }





        /*
          .novo-mini-card-item {
            background: #2c2c2c;
            border-radius: 12px;
            padding: 20px;
            width: 250px;
            color: white;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
        }
        */

        .novo-mini-card-item {
            color: white;
            position: relative;
            display: block;
            width: 100%;
            text-align: center;
        }

        .novo-mini-card-item-header {
            display: flex;
            align-items: center;
            margin-bottom: 3px;
        }

        .novo-mini-card-item-name {
            font-size: 20px;
            font-weight: normal;
            color: white;
            margin: 0;
            text-align: center;
            flex: 1;
            font-family: "Bebas Neue";
        }

        .novo-mini-card-item-verified {
            width: 18px;
            height: 18px;
            background: #1DA1F2;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-left: 8px;
            position: absolute;
            right: 0;
            top: 0;
        }

        .novo-mini-card-item-verified::after {
            content: '✓';
            color: white;
            font-size: 11px;
            font-weight: bold;
        }

        .novo-mini-card-item-location {
            display: flex;
            align-items: flex-start;
            margin-bottom: 5px;
            color: #e3e5e9;
            justify-content: center;
            text-decoration: underline;
        }

        .novo-mini-card-item-location-icon {
            color: #e3e5e9;
            margin-right: 8px;
            font-size: 14px;
            margin-top: 2px;
        }

        .novo-mini-card-item-location-text {
            font-size: 14px;
            color: #e3e5e9;
            line-height: 1.3;
            text-decoration: underline;
        }

        .novo-mini-card-item-location-city {
            font-weight: normal;
            color: #e3e5e9;
    font-family: "Roboto Condensed", sans-serif;
    text-decoration: underline;
        }

        .novo-mini-card-item-location-district {
            font-weight: normal;
            color: #e3e5e9;
    font-family: "Roboto Condensed", sans-serif;
    text-decoration: underline;
        }

        .novo-mini-card-item-rating {
            display: flex;
            align-items: center;
            margin-bottom: 10px;
            color: #e3e5e9;
    justify-content: center;
        }

        .novo-mini-card-item-rating-icon {
            color: #e3e5e9;
            margin-right: 8px;
            font-size: 14px;
        }

        .novo-mini-card-item-rating-icon img{
          filter: invert(1);
          width: 24px;
          height: auto;
          margin-right: -4px;
          vertical-align: middle;
        }

        .novo-mini-card-item-rating-text {
            font-size: 14px;
            color: #e3e5e9;
            font-weight: normal;
            text-decoration: underline;
        }

        .novo-mini-card-item-whatsapp,
        .novo-mini-card-item-whatsapp:hover {
            background: #006dd9;
            border: none;
            border-radius: 6px;
            padding: 3px;
            width: 97%;
            color: white !important;
            font-size: 20px;
            font-weight: normal;
            cursor: pointer;
            text-transform: uppercase;
            /* letter-spacing: 0.5px; */
            font-family: "Bebas Neue";
        }

        .video-container .novo-mini-card-item-whatsapp{
          width: 60%;
        }

        .toolbar-modelo-nova{
            position: absolute;
            display: block;
            top: 40px;
            right: 13px;
        }

        .toolbar-modelo-nova .novo-share{

        }

        .toolbar-modelo-nova .novo-share a, .toolbar-modelo-nova .novo-share a:hover{

        }
        
        .toolbar-modelo-nova .novo-share a img{

        }


         .fig-del-ng-container {
            display: flex;
            gap: 8px;
            max-width: 1120px;
            flex-wrap: wrap;
            margin: 0 auto;
            justify-content: center;
        }

        .fig-del-ng-profile-card {
            width: 280px;
            width: calc(19% - 6.4px);
            height: 573px;
            background: linear-gradient(135deg, rgba(20, 20, 20, 0.95) 0%, rgba(40, 40, 40, 0.95) 100%);
            border-radius: 16px;
            position: relative;
            overflow: hidden;
            backdrop-filter: blur(20px);
            border: 1px solid rgba(255, 255, 255, 0.1);
        }

        .fig-del-ng-profile-card.fig-del-ng-profile-card-fix-4 {
            width: 280px;
            width: calc(24% - 6.4px);
            height: 573px;
            background: linear-gradient(135deg, rgba(20, 20, 20, 0.95) 0%, rgba(40, 40, 40, 0.95) 100%);
            border-radius: 16px;
            position: relative;
            overflow: hidden;
            backdrop-filter: blur(20px);
            border: 1px solid rgba(255, 255, 255, 0.1);
        }

        .fig-del-ng-profile-image {
            width: 100%;
            height: 412px;
            background: linear-gradient(45deg, #ff6b6b, #feca57, #48dbfb, #ff9ff3);
            background-size: 400% 400%;
            /* animation: gradientShift 8s ease-in-out infinite; */
            position: relative;
            overflow: hidden;
            cursor: pointer;
        }

        @keyframes gradientShift {
            0%, 100% { background-position: 0% 50%; }
            50% { background-position: 100% 50%; }
        }

        .fig-del-ng-profile-image::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);
        }

        .fig-del-ng-top-badge {
            position: absolute;
            top: 12px;
            left: 12px;
            background: rgba(0, 150, 255, 0.9);
            color: white;
            padding: 4px 8px;
            border-radius: 12px;
            font-size: 10px;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            background: rgba(36, 87, 197, 0.50);
            left: auto;
            right: 8px;
            font-size: 9px;
            top: 9px;
        }

        .fig-del-ng-action-buttons {
            position: absolute;
            top: 12px;
            right: 12px;
            display: flex;
            flex-direction: column;
            gap: 1px;
            background: rgba(000, 000, 000, 0.25);
            border-radius: 8px;
            padding: 3px;
            top: 67px;
        }

        .video-container .fig-del-ng-action-buttons{
           gap: 8px;
        }

        .fig-del-ng-action-btn {
            width: 36px;
            height: 36px;
            border: none;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: all 0.3s ease;
            background:none !important;
        }

       .fig-del-ng-action-btn svg{
            width: 36px !important;
            height: 36px !important;
            fill: white;
            /* max-width: 100px; */
            position: absolute;
        }

        .fig-del-ng-profile-info {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            padding: 15px;
            padding-top:7.5px;
            color: white;
            text-align: left;
            background: #2E2E34;
            border-radius: 10px;
        }

        .fig-del-ng-profile-header {
            display: flex;
            align-items: left;
            gap: 8px;
            margin-bottom: 0px;
        }

        .fig-del-ng-profile-name {
            font-size: 23px;
            font-weight: 400;
            text-transform: uppercase;
            letter-spacing: 1px;
            font-family: "Bebas Neue";
            text-align: left;
            display: block;
            width: 100%;
            margin-bottom: -9px;
        }

        .fig-del-ng-profile-name d{
          position: relative;
          display: inline-block;
          width: 140px;
          overflow: hidden;
          height: 25px;
          white-space: normal;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
        }

        .fig-del-ng-profile-card.fig-del-ng-profile-card-fix-4 .fig-del-ng-profile-name d{
          width: 195px;
        }

        .fig-del-ng-profile-name svg{
            width: 26px;
            vertical-align: middle;
        }

        .fig-del-ng-verified-badge {
            width: 16px;
            height: 16px;
            background: #1DA1F2;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .fig-del-ng-verified-badge::after {
            content: '✓';
            color: white;
            font-size: 10px;
            font-weight: bold;
        }

        .fig-del-ng-profile-details {
            display: block;
            align-items: center;
            gap: 4px;
            margin-bottom: 8px;
            font-size: 12px;
            color: rgba(255, 255, 255, 1);
            font-family: "Poppins", sans-serif;
        }

        .fig-del-ng-location-icon {
            width: 12px;
            height: 12px;
            fill: rgba(255, 255, 255, 0.6);
        }

        .fig-del-ng-stats {
            display: flex;
            gap: 16px;
            margin-bottom: 8px;
            font-size: 11px;
        }

        .fig-del-ng-stat-item {
            display: flex;
            align-items: left;
            gap: 4px;
            color: rgba(255, 255, 255, 0.8);
        }

        .fig-del-ng-stat-icon {
            width: 12px;
            height: 12px;
            fill: rgba(255, 255, 255, 0.6);
        }

        .fig-del-ng-availability {
            font-size: 11px;
            color: #4CAF50;
            margin-bottom: 12px;
        }

        .fig-del-ng-profile-details,
        .fig-del-ng-availability,
        .fig-del-ng-stats,
        .fig-del-ng-stat-item,
        .fig-del-ng-profile-details{
            display: block;
            font-size: 12px;
            color: rgba(255, 255, 255, 1);
            font-family: "Poppins", sans-serif;
            text-align: left;
            margin-bottom: 0px;
        }

        .fig-del-ng-profile-details svg,
        .fig-del-ng-availability svg,
        .fig-del-ng-stats svg,
        .fig-del-ng-stat-item svg,
        .fig-del-ng-profile-details svg{
          width: 17px;
        }

        .fig-del-ng-whatsapp-btn {
            width: 100%;
            background: #25D366;
            color: white;
            border: none;
            padding: 12px;
            border-radius: 8px;
            font-size: 12px;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            cursor: pointer;
            transition: all 0.3s ease;
        }

        .fig-del-ng-whatsapp-btn:hover {
            background: #22c55e;
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(37, 211, 102, 0.3);
        }

        @media (max-width: 1200px) {
            .fig-del-ng-container {
                flex-wrap: wrap;
                justify-content: center;
            }
        }

        @media (max-width: 600px) {
            .fig-del-ng-container {
                flex-direction: column;
                align-items: center;
            }
            
            .fig-del-ng-profile-card {
                width: 100%;
                max-width: 320px;
            }
        }

        .fig-del-ng-container .novo-mini-card-item-whatsapp{
          margin-top: 8px;
        }


        .fig-del-ng-container.minis-2{
          max-width: 400px;
          display: grid;
          grid-template-columns: repeat(2, 1fr);
          gap:11px;
        }

        .fig-del-ng-container.minis-2 .fig-del-ng-profile-image{
          animation: none !important;
        }

        .fig-del-ng-container.minis-2 .fig-del-ng-profile-card {
          width: 100%;
          height: 511px;
        }

        .fig-del-ng-container.minis-2 .fig-del-ng-profile-name {
          font-size: 20px;
        }
        .fig-del-ng-container.minis-2 .fig-del-ng-profile-name svg {
          width: 23px;
        }

        .fig-del-ng-container.minis-2 .fig-del-ng-profile-details,
        .fig-del-ng-container.minis-2 .fig-del-ng-availability,
        .fig-del-ng-container.minis-2 .fig-del-ng-stats,
        .fig-del-ng-container.minis-2 .fig-del-ng-stat-item,
        .fig-del-ng-container.minis-2 .fig-del-ng-profile-details{
          font-size:10px;
        }
        .fig-del-ng-container.minis-2 .fig-del-ng-profile-info{
          border-radius: 10px;
        }
        .fig-del-ng-container.minis-2 .fig-del-ng-action-btn {
          width: 30px;
          height: 30px;
        }
        .fig-del-ng-container.minis-2 .fig-del-ng-action-btn svg {
          width: 30px !important;
          height: 30px !important;
        }


         .fig-del-ng-container.minis-3{
            display: grid;
            grid-template-columns: repeat(5, 1fr);
            gap:11px;
        }

        .fig-del-ng-container.minis-3 .fig-del-ng-profile-image{
            animation: none !important;
        }

        .fig-del-ng-container.minis-3 .fig-del-ng-profile-card {
          width: 100%;
          height: 511px;
        }



         .fig-del-ng-container.minis-4{
            max-width: 400px;
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap:11px;
          }

          .fig-del-ng-container.minis-4 .fig-del-ng-profile-image{
            animation: none !important;
          }

          .fig-del-ng-container.minis-4 .fig-del-ng-profile-card {
            width: 100%;
            height: 402px;
          }
          .fig-del-ng-container.minis-4 .fig-del-ng-profile-image{
            height: 290px;
          }

          .fig-del-ng-container.minis-4 .fig-del-ng-profile-name {
            font-size: 14px;
            font-weight: 400;
          }
          .fig-del-ng-container.minis-4 .fig-del-ng-profile-name svg {
              width: 16px;
              height: 32px;
              vertical-align: middle;
          }
          .fig-del-ng-container.minis-4 .fig-del-ng-profile-info{
            padding: 6px;
            padding-top: 0px;
          }

          .fig-del-ng-container.minis-4 .fig-del-ng-profile-details,
          .fig-del-ng-container.minis-4 .fig-del-ng-availability,
          .fig-del-ng-container.minis-4 .fig-del-ng-stats,
          .fig-del-ng-container.minis-4 .fig-del-ng-stat-item,
          .fig-del-ng-container.minis-4 .fig-del-ng-profile-details{
            font-size: 7px;
            margin-bottom: -8px;
          }
          .fig-del-ng-container.minis-4 .fig-del-ng-profile-details svg,
          .fig-del-ng-container.minis-4 .fig-del-ng-availability svg,
          .fig-del-ng-container.minis-4 .fig-del-ng-stats svg,
          .fig-del-ng-container.minis-4 .fig-del-ng-stat-item svg,
          .fig-del-ng-container.minis-4 .fig-del-ng-profile-details svg{
            width: 12px;
          }

          .fig-del-ng-container.minis-4 .novo-mini-card-item-whatsapp{
              font-size: 15px;
              padding-top: 7px;
              margin-top: 11px;
          }

          .fig-del-ng-container.minis-4 .fig-del-ng-action-btn {
            width: 30px;
            height: 30px;
          }

          .fig-del-ng-container.minis-4 .fig-del-ng-action-btn svg {
            width: 30px !important;
            height: 30px !important;
          }

          .fig-del-ng-container.minis-4 .fig-del-ng-action-buttons {
              position: absolute;
              top: 12px;
              right: 8px;
              display: flex;
              flex-direction: column;
              gap: 1px;
              background: rgba(000, 000, 000, 0.25);
              border-radius: 8px;
              padding: 3px;
              top: 60px;
          }

          .banner-ads-perfil{
            position: relative;
            display: block;
            width: 720px;
            height: 90px;
            background: #f2f2f2;
            margin-left: auto;
            margin-right: auto;
            margin-top: 30px;
            margin-bottom: 42px;
            padding-top: 33px;
            text-align: center;
            color: #666;
            border-radius: 8px;
            cursor: pointer;
          }




        .barra-perfil-verificado-container {
          max-width: 100%;
          margin-top: -16px;
          margin: 14px auto;
          font-family: 'Arial', sans-serif;
          background: #ffffff;
          border-radius: 8px;
          overflow: hidden;
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
        }

        .barra-perfil-verificado-header {
            background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
            padding: 15px 20px;
            position: relative;
            cursor: pointer;
            transition: background 0.3s ease;
        }

        .barra-perfil-verificado-header:hover {
            background: linear-gradient(135deg, #e9ecef 0%, #dee2e6 100%);
        }

        .barra-perfil-verificado-titulo {
            font-size: 16px;
            color: #333;
            margin: 0;
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .barra-perfil-verificado-texto-documentos {
            color: #28a745;
            font-weight: 600;
        }

        .barra-perfil-verificado-subtitulo {
            font-size: 14px;
            color: #6c757d;
            margin: 8px 0 0 0;
            line-height: 1.4;
        }

        .barra-perfil-verificado-seta {
            position: absolute;
            right: 20px;
            top: 50%;
            transform: translateY(-50%);
            width: 20px;
            height: 20px;
            color: #6c757d;
            transition: transform 0.3s ease;
        }

        .barra-perfil-verificado-header:hover .barra-perfil-verificado-seta {
            transform: translateY(-50%) translateX(3px);
        }

        .barra-perfil-verificado-progresso {
            padding: 0;
            background: #f8f9fa;
            border-top: 1px solid #e9ecef;
        }

        .barra-perfil-verificado-barra {
            height: 8px;
            background: #e9ecef;
            position: relative;
            overflow: hidden;
        }

        .barra-perfil-verificado-preenchimento {
            height: 100%;
            background: linear-gradient(90deg, #28a745 0%, #20c997 100%);
            width: 75%;
            transition: width 0.8s ease;
            position: relative;
        }

        .barra-perfil-verificado-preenchimento::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.3) 50%, transparent 100%);
            animation: brilho 2s infinite;
        }

        @keyframes brilho {
            0% {
                transform: translateX(-100%);
            }
            100% {
                transform: translateX(100%);
            }
        }

        .barra-perfil-verificado-botao-fechar {
            position: absolute;
            top: 12px;
            right: 50px;
            width: 24px;
            height: 24px;
            background: rgba(108, 117, 125, 0.1);
            border: none;
            border-radius: 50%;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s ease;
            color: #6c757d;
        }

        .barra-perfil-verificado-botao-fechar:hover {
            background: rgba(108, 117, 125, 0.2);
            transform: scale(1.1);
        }

        .barra-perfil-verificado-icone-check {
            width: 16px;
            height: 16px;
            color: #28a745;
        }

        /* Estados da barra */
        .barra-perfil-verificado-container.completo .barra-perfil-verificado-preenchimento {
            width: 100%;
            background: linear-gradient(90deg, #28a745 0%, #20c997 100%);
        }

        .barra-perfil-verificado-container.medio .barra-perfil-verificado-preenchimento {
            width: 60%;
            background: linear-gradient(90deg, #ffc107 0%, #fd7e14 100%);
        }

        .barra-perfil-verificado-container.baixo .barra-perfil-verificado-preenchimento {
            width: 30%;
            background: linear-gradient(90deg, #dc3545 0%, #e83e8c 100%);
        }

        /* Responsivo */
        @media (max-width: 768px) {
            .barra-perfil-verificado-container {
                margin: 10px;
                max-width: none;
            }

            .barra-perfil-verificado-header {
                padding: 12px 15px;
            }

            .barra-perfil-verificado-titulo {
                font-size: 14px;
            }

            .barra-perfil-verificado-subtitulo {
                font-size: 13px;
            }

            .barra-perfil-verificado-seta {
                right: 15px;
                width: 18px;
                height: 18px;
            }

            .barra-perfil-verificado-botao-fechar {
                right: 40px;
                width: 20px;
                height: 20px;
            }
        }

        /* Animação de entrada */
        @keyframes slideIn {
            from {
                opacity: 0;
                transform: translateY(-20px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .barra-perfil-verificado-container {
            animation: slideIn 0.5s ease-out;
        }


        .mini-titulo-novo.titulo-centralizado-2 h3{
          text-align: center;
          font-size: 49px;
          margin-bottom: 23px;
        }

        .mini-titulo-novo.titulo-centralizado-2 h3 img{
          width: 81px !important;
          margin-right: -14px !important;
        }

        .caixa-noticias .capa-noticia a,
        .caixa-noticias .capa-noticia a:hover{
            position: relative;
            display: block;
            width: 100%;
            height: 100%;
            text-decoration: none;
        }


        .caixa-noticias .capa-noticia img{
          border-radius: 12px;
          margin-bottom: 20px;
          width: 100%;
          height: auto;
        }

        .caixa-noticias .noticia h3{
            font-size: 20px;
        }

        .caixa-noticias .noticia h3 a, 
        .caixa-noticias .noticia h3 a:hover{
          color: #f2f2f2;
          text-decoration: none;
        } 

        .caixa-noticias .action-news{
          text-align: center;
          padding-top: 42px;

        }

        .caixa-noticias .action-news a,
        .caixa-noticias .action-news a:hover{
          text-decoration: underline;
          color: #f2f2f2;
          font-weight: bold;
          font-size: 16px !important;
        }

        @media(max-width:540px){
          .caixa-noticias .noticia h3 a, 
          .caixa-noticias .noticia h3 a:hover {
              color: #f2f2f2;
              text-decoration: none;
              font-size: 14px;
              line-height: 19px;
              position: relative;
              display: block;
          }
        }


        
        .coluna-tres .sidebar{

        }

        .coluna-tres .sidebar .ads-lateral{
          margin-bottom: 20px;
        } 

        .coluna-um .sidebar .ads-lateral img,
        .coluna-tres .sidebar .ads-lateral img{
          width: 100%;
          height: auto;
          display: block;
          margin-left: auto;
          margin-right: auto;
        }

        .caixa-noticias .noticia-grande .noticia h3,
        .caixa-noticias .noticia-media-d .noticia h3{
          font-size: 32px;
        }

        .caixa-noticias .noticia h3 a small{
          display: block;
          position: relative;
          padding-top: 12px;
          font-size: 13px;
          opacity: 0.8;
        }

        .action-mini-news{

        }

        .action-mini-news a,
        .action-mini-news a:hover{
          color: #006DD9;
          border: 1px solid #006DD9;
          position: relative;
          display: block;
          font-size: 19px;
          font-weight: normal;
          width: 180px;
          border-radius: 9px;
          padding-top: 8px;
          padding-bottom: 9px;
          margin-left: inherit;
          margin-right: auto;
          margin-top: 23px;
          font-family: "Bebas Neue";
          text-decoration: none;
          text-align: center;
        }

        @media(max-width:540px){
          .action-mini-news a,
          .action-mini-news a:hover{
             margin-top:0;
             margin-bottom: 40px;
          }
          .noticia-grande{
            margin-bottom: 25px;
          }
          .caixa-noticias .noticia-media .noticia h3 a,
          .caixa-noticias .noticia-media .noticia h3 a:hover{
            font-size: 14px !important;
            line-height: 19px !important;
          }
        }


        .parceiros-squares{
          position: relative;
          display: block;
          text-align: center;
          padding-bottom: 20px;
        }

        .parceiros-squares .parceiro{
          position: relative;
          display: inline-block;
          width: 120px;
          height: 100px;
          margin-left: 5px;
          margin-right: 5px;
          margin-bottom: 12px;
        }

        .parceiros-squares .parceiro span{
          position: absolute;
          display: block;
          left: 0;
          top: 0;
          background: #006dd9;
          color: #fff;
          font-size: 13px;
          padding: 5px;
          padding-left: 20px;
          padding-right: 20px;
          z-index: 3;
        }

        .parceiros-squares .parceiro a,
        .parceiros-squares .parceiro a:hover{
          position: relative;
          display: block;
          text-decoration: none;
          width: 100%;
          height: 100%;
          z-index: 1;
        }

        .parceiros-carrossel .item-parceiros .parceiro{

        }

        .parceiros-carrossel .item-parceiros h3{
          color: #f2f2f2;
          font-size: 20px;
          margin-top: 18px;
        }

        .parceiros-carrossel .item-parceiros p{
          color: #f2f2f2;
          font-size: 13px;
        }


        
    .novo-desktop-n1 .novo-grid-social-nome {
        min-width: 190px;
        text-align: left;
    }

    .novo-desktop-n1 .novo-grid-social-nome svg{
        width: 29px;
        margin-top: -5px;
        margin-left: 5px;
    }


    .novo-desktop-n1 .novo-grid-social-estatisticas, 
    .novo-desktop-n1 .novo-grid-social-localizacao, 
    .novo-desktop-n1 .novo-grid-social-idade, 
    .novo-desktop-n1 .novo-grid-social-midias{
        margin-right: 8px;
        margin-top: -1px;
    }

    .novo-desktop-n1 .novo-grid-social-container{
      padding: 0 !important;
    }
    .novo-desktop-n1 .novo-grid-social-info {
        position: absolute;
        bottom: 9px;
        left: 2.5%;
        width: 95%;
        right: 0;
        background: #2c3135;
        background: rgba(44, 49, 53, 0.9);
        padding: 13px 15px;
        border-radius: 19px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        color: white;
        text-align: center;
    }

    .limite-modelo-3 .modelo-item{
        height: 300px !important;
    }

    .limite-modelo-3 .carousel-container-quadradinhos  .modelo-nome img {
      width: 16px !important;
      margin-left: 0px !important;
      height: auto !important;
      position: absolute !important;
      right: 0px !important;
      top: 11px !important;
  }


  .fix-modelo-overlay-3 .modelo-overlay{
    bottom: 100px !important;
  }

  .limite-modelo-3.fix-modelo-overlay-3 .modelo-nome{
    font-size: 14px !important;
  }


  /* ========== MENU HORIZONTAL DE CATEGORIAS ========== */
        .navegacao-categorias-blog-container {
            background-color: transparent;
            border-radius: 8px;
            margin-bottom: 30px;
            position: relative;
            overflow: hidden;
        }
        
        .navegacao-categorias-blog-wrapper {
            display: flex;
            overflow-x: auto;
            scrollbar-width: none; /* Firefox */
            -ms-overflow-style: none; /* IE and Edge */
            padding: 0 10px;
        }
        
        .navegacao-categorias-blog-wrapper::-webkit-scrollbar {
            display: none; /* Chrome, Safari, Opera */
        }
        
        .navegacao-categorias-blog-item {
            display: inline-block;
            padding: 15px 20px;
            color: #fff;
            text-decoration: none;
            font-weight: 500;
            white-space: nowrap;
            transition: color 0.3s ease;
            text-transform: uppercase;
            position: relative;
        }
        
        .navegacao-categorias-blog-item:hover {
            color: #0066cc;
        }
        
        .navegacao-categorias-blog-item.active {
            color: #0066cc;
        }
        
        .navegacao-categorias-blog-item.active::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 20px;
            right: 20px;
            height: 3px;
            background-color: #0066cc;
            border-radius: 3px 3px 0 0;
        }
        
        .navegacao-categorias-blog-home {
            display: flex;
            align-items: center;
            gap: 5px;
        }
        
        .navegacao-categorias-blog-home-icon {
            font-size: 16px;
        }
        
        /* Botões de scroll para telas menores */
        .navegacao-categorias-blog-scroll-button {
            position: absolute;
            top: 0;
            height: 100%;
            width: 40px;
            background: linear-gradient(90deg, rgba(17,17,17,0.9) 0%, rgba(17,17,17,0.8) 100%);
            border: none;
            color: #fff;
            font-size: 20px;
            cursor: pointer;
            opacity: 0;
            transition: opacity 0.3s ease;
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 2;
        }
        
        .navegacao-categorias-blog-scroll-left {
            left: 0;
            background: linear-gradient(90deg, rgba(17,17,17,1) 0%, rgba(17,17,17,0) 100%);
        }
        
        .navegacao-categorias-blog-scroll-right {
            right: 0;
            background: linear-gradient(90deg, rgba(17,17,17,0) 0%, rgba(17,17,17,1) 100%);
        }
        
        .navegacao-categorias-blog-container:hover .navegacao-categorias-blog-scroll-button {
            opacity: 1;
        }

        
        /* ========== SIDEBAR DE CATEGORIAS ========== */
        .navegacao-categorias-blog-sidebar-title {
            font-size: 18px;
            font-weight: bold;
            margin-bottom: 15px;
            border-bottom: 2px solid #0066cc;
            padding-bottom: 8px;
            text-transform: uppercase;
        }
        
        .navegacao-categorias-blog-sidebar-list {
            list-style: none;
            margin-left: 0;
            padding-left: 0;
        }
        
        .navegacao-categorias-blog-sidebar-item {
            margin-bottom: 10px;
        }
        
        .navegacao-categorias-blog-sidebar-link {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 8px 12px;
            text-decoration: none;
            color: #fff;
            background-color: #222;
            border-radius: 4px;
            transition: all 0.3s ease;
            text-transform: uppercase;
            text-decoration: none;
        }
        
        .navegacao-categorias-blog-sidebar-link:hover {
            background-color: #333;
            color: #fff;
            text-decoration: none;
        }
        
        .navegacao-categorias-blog-sidebar-badge {
            background-color: #0066cc;
            color: #fff;
            border-radius: 20px;
            padding: 2px 8px;
            font-size: 12px;
            font-weight: bold;
            min-width: 28px;
            text-align: center;
        }
        
        /* Responsividade */
        @media (max-width: 768px) {
            .blog-container {
                grid-template-columns: 1fr;
            }
            
            .navegacao-categorias-blog-scroll-button {
                opacity: 1;
            }
        }


        .novos-icones-actions-stories-reels-actions {
            position: absolute;
            right: 19px;
            bottom: 96px;
            display: flex;
            flex-direction: column;
            gap: 4px;
            z-index: 10;
        }
        
        /* Ícone e contador individual */
        .novos-icones-actions-stories-reels-action {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 0px;
        }
        
        /* Botão de ação */
        .novos-icones-actions-stories-reels-button {
            background-color: transparent;
            border: none;
            width: 40px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
        }
        
        /* Ícone */
        .novos-icones-actions-stories-reels-icon {
            font-size: 28px;
            color: #fff;
        }
        
        /* Contador */
        .novos-icones-actions-stories-reels-count {
            font-size: 16px;
            font-weight: bold;
            color: #fff;
            display: block;
            margin-top: -6px;
        }
        
        /* Perfil do autor */
        .novos-icones-actions-stories-reels-author {
            position: absolute;
            left: 15px;
            bottom: 22px;
            display: flex;
            align-items: center;
            gap: 10px;
            z-index: 10;
            text-align: left;
        }

        
        /* Avatar do autor */
        .novos-icones-actions-stories-reels-avatar {
            width: 42px;
            height: 42px !important;
            border-radius: 50% !important;
            object-fit: cover !important;
            border: 1px solid #fff !important;
        }

        .novos-icones-actions-stories-reels-add-user .novos-icones-actions-stories-reels-avatar {
            width: 46px !important;
            height: 46px !important;
            max-width: 46px !important;
            border-radius: 50% !important;
            object-fit: cover !important;
            border: 0px solid #fff !important;
            margin-bottom: 8px;
        }
        
        /* Informações do autor */
        .novos-icones-actions-stories-reels-author-info {
            display: flex;
            flex-direction: column;
        }
        
        /* Nome do autor */
        .novos-icones-actions-stories-reels-author-name {
            font-size: 13px;
            font-weight: bold;
            color: #fff;
            text-transform: uppercase;
        }
        
        /* Tempo */
        .novos-icones-actions-stories-reels-author-time {
            font-size: 11px;
            color: rgba(255, 255, 255, 0.7);
        }
        
        /* Botão de seguir */
        .novos-icones-actions-stories-reels-follow {
            position: absolute;
            right: 16px;
            bottom: 22px;
            background-color: transparent;
            border: 1px solid rgba(255, 255, 255, 0.8);
            border-radius: 4px;
            color: #fff;
            padding: 5px 12px;
            font-size: 14px;
            cursor: pointer;
            z-index: 10;

            width: 90px;
        }
        
        /* Botão WhatsApp */
        .novos-icones-actions-stories-reels-whatsapp {
           
            background-color: transparent;
            border: none;
            width: 40px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            z-index: 10;
            right: -4px;
            position: relative;
            margin-top: 4px;
        }
        
        .novos-icones-actions-stories-reels-whatsapp-icon {
            font-size: 26px;
            color: #fff;
        }
        

        .novos-icones-actions-stories-reels-add-user {
          /*
          position: absolute;
          bottom: -8px;
          left: 50%;
          transform: translateX(-50%);
          z-index: 2;
          */
          position: relative;
      }

      .novos-icones-actions-stories-reels-add-button {
            width: 23px;
            height: 23px;
            background-color: #0066cc;
            border: 0px solid #000000;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            padding: 0;
            position: absolute;
            left: 50%;
            margin-left: -11.5px;
            bottom: 1px;
      }

      .novos-icones-actions-stories-reels-add-icon {
          color: #ffffff;
          width: 10px;
          height: 10px;
      }






      .sidebar-blog-share-geral-container {
          background-color: transparent;
          border-radius: 0;
          padding: 0;
          margin-bottom: 20px;
          box-shadow: none;
        }

        .sidebar-blog-share-geral-title {
          color: #ffffff;
          font-size: 16px;
          font-weight: 700;
          margin: 0 0 15px 0;
          text-align: center;
          border-bottom: 1px solid rgba(255, 255, 255, 0.1);
          padding-bottom: 10px;
        }

        .sidebar-blog-share-geral-buttons {
          display: flex;
          flex-direction: column;
          gap: 10px;
        }

        .sidebar-blog-share-geral-button {
          display: flex;
          align-items: center;
          padding: 10px 15px;
          border-radius: 6px;
          text-decoration: none !important;
          color: #ffffff !important;
          font-weight: 500;
          transition: all 0.3s ease;
          background: #212121;
          border: 1px solid #212121;

        }

        

        .sidebar-blog-share-geral-button:hover {
          transform: translateY(-2px);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
          background: #333;
          border: 1px solid #0066cc;
        }

        .sidebar-blog-share-geral-icon {
          display: flex;
          align-items: center;
          justify-content: center;
          margin-right: 10px;
        }

        .sidebar-blog-share-geral-icon svg {
          fill: currentColor;
        }

        .sidebar-blog-share-geral-text {
          font-size: 15px;
          text-transform: uppercase;
          font-weight: normal;
        }

        /*
        .sidebar-blog-share-geral-facebook {
          background-color: #1877F2;
        }

       

        .sidebar-blog-share-geral-whatsapp {
          background-color: #25D366;
        }

      

        .sidebar-blog-share-geral-email {
          background-color: #EA4335;
        }
        */


        .final-single-blog-share-container {
          display: flex;
          justify-content: space-between;
          align-items: center;
          padding: 10px 0;
          width: 100%;
          margin-bottom: 17px;
          margin-top: -14px;
        }

        .final-single-blog-error-button {
          display: flex;
          align-items: center;
          gap: 6px;
          font-size: 14px;
          font-weight: 500;
          color: #fd2727;
          background-color: transparent;
          border: 1px solid #fd2727;
          border-radius: 20px;
          padding: 6px 12px;
          text-decoration: none;
          transition: all 0.2s ease;
        }

        .final-single-blog-error-button:hover {
          background-color: rgba(220, 53, 69, 0.1);
          color: #fd2727 !important;
          text-decoration: none;
        }

        .final-single-blog-error-icon {
          fill: #fd2727;
          width: 16px;
          height: 16px;
        }

        .final-single-blog-share-buttons {
          display: flex;
          align-items: center;
          gap: 10px;
        }

        .final-single-blog-whatsapp-button {
          display: flex;
          align-items: center;
          justify-content: center;
          background-color: #25D366;
          border-radius: 50%;
          width: 40px;
          height: 40px;
          text-decoration: none;
          transition: all 0.2s ease;
        }

        .final-single-blog-whatsapp-button svg {
          fill: white;
          width: 22px;
          height: 22px;
        }

        .final-single-blog-whatsapp-button:hover {
          background-color: #1fac54;
          transform: translateY(-2px);
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
        }

        .final-single-blog-share-button {
          display: flex;
          align-items: center;
          justify-content: center;
          background-color: #6c757d;
          border-radius: 50%;
          width: 40px;
          height: 40px;
          text-decoration: none;
          transition: all 0.2s ease;
        }

        .final-single-blog-share-button svg {
          fill: white;
          width: 20px;
          height: 20px;
        }

        .final-single-blog-share-button:hover {
          background-color: #5a6268;
          transform: translateY(-2px);
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
        }

       
        

       .progress-range{
          top: -675px;
          position: absolute;
          opacity: 0;
        }

        .novo-botao-whatsapp-reels{
          position: relative;
          margin-bottom: -33px;
        }

        .novo-botao-whatsapp-reels a,
        .novo-botao-whatsapp-reels a:hover{
            position: relative;
            display: block;
            border: 1px solid rgba(255, 255, 255, 0.80);
            border-radius: 22px;
            width: 190px;
            border-color: rgba(255, 255, 255, 0.8) !important;
            margin-left: auto;
            margin-right: auto;
            padding-top: 7px;
            padding-bottom: 8px;
            font-size: 13px;
            color: rgba(255, 255, 255, 0.80);
        }

        .video-container.video-container-selecoes.stories .bottom .novos-icones-actions-stories-reels-author,
        .video-container.video-container-selecoes.stories .bottom .novos-icones-actions-stories-reels-follow{
            display: none;
        }

        .informacoes-autor-apenas-stories{
          position: absolute;
          display: block;
          top: 78px;
          background: #ff0000;
          width: 100%;
          text-align: left;
        }

        .video-container.video-container-selecoes.reels .informacoes-autor-apenas-stories,
        .video-container.video-container-selecoes.reels .novo-botao-whatsapp-reels{
          display: none;
        }


        small.direto span{
          color: #0066cc;
        }





/* 2 COLUNAS APROVADO */
/* GatasGyn: Estilos para o Widget Modelos 2 Colunas (Aprovado) */

.card-modelo-aprovado-container {
    position: relative;
    width: 100%;
    max-width: 100%;
    border-radius: 12px;
    overflow: hidden;
    background: #232429;
    padding: 0;
    margin-top: 12px;
    margin-bottom: 14px;
    cursor: pointer;
}

.card-modelo-aprovado-container a,
.card-modelo-aprovado-container a:hover {
    color: #fff !important;
    text-decoration: none !important;
}

.card-modelo-aprovado-imagem {
    width: 100%;
    height: 341px;
    background-color: #f2f2f2;
    border-radius: 9px;
    cursor: pointer;
    position: relative;
    display: block;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

.card-modelo-aprovado-badge {
    position: absolute;
    top: 14px;
    left: 14px;
    background: rgba(36, 87, 197, 0.50);
    color: white;
    padding: 4px 8px;
    border-radius: 12px;
    font-size: 9px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.card-modelo-aprovado-actions {
    position: absolute;
    top: 30px;
    right: 16px;
    display: flex;
    flex-direction: column;
    gap: 1px;
    background: rgba(0, 0, 0, 0.15) !important;
    border-radius: 8px !important;
    padding: 3px !important;
    z-index: 20 !important;
}

.card-modelo-aprovado-action-btn {
    width: 36px;
    height: 36px;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    background: none !important;
    padding: 0;
}
.card-modelo-aprovado-action-btn img {
    width: 24px !important;
    height: 24px !important;
}

.card-modelo-aprovado-info-wrapper {
    position: absolute;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    right: auto !important;
    background: url('../images/teste-linear.png') transparent no-repeat !important; /* Adapte o caminho se necessário */
    background-size: 100% 100% !important;
    background-position: top center !important;
    padding: 0 !important;
    border-radius: 0 !important;
    display: block !important;
    text-align: left !important;
}

.card-modelo-aprovado-info-wrapper .nova-caixa-de-infos .card-modelo-aprovado-info-box {
    background: none !important;
    border-radius: 0px !important;
    padding: 0 !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
}

.card-modelo-aprovado-info-box {
    position: relative;
    padding: 15px;
    color: white;
    text-align: left;
    background: transparent;
    border-radius: 10px;
}

.card-modelo-aprovado-perfil {
    display: block;
}

.card-modelo-aprovado-nome {
    min-width: 190px !important;
    text-align: left !important;
    width: 100% !important;
    font-size: 24px;
    padding-left: 17px;
    letter-spacing: 1px;
    margin-bottom: -4px;
    font-family: "Bebas Neue";
    display: block;
    color: #fff;
}

.card-modelo-aprovado-nome small {
    position: relative;
    display: block;
    color: #006DD9;
    font-family: "Roboto Condensed", sans-serif;
    font-style: oblique;
    font-size: 14px;
    margin-top: -4px;
    letter-spacing: normal !important;
}

.card-modelo-aprovado-detalhes,
.card-modelo-aprovado-stats {
    display: block;
    font-size: 14px;
    margin-bottom: -2px;
    color: rgba(255, 255, 255, 1);
    font-family: "Poppins", sans-serif;
    text-align: left;
}
.card-modelo-aprovado-detalhes svg,
.card-modelo-aprovado-stats svg {
    width: 17px;
    vertical-align: middle;
}
/* 2 COLUNAS APROVADO */






/* Modal de Carregamento */
.comentarios-acoes-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    backdrop-filter: blur(3px);
}

.comentarios-acoes-modal-overlay.active {
    opacity: 1;
    visibility: visible;
}

.comentarios-acoes-modal {
    background: #1e1e1e; /* Fundo escuro para combinar com o tema */
    padding: 30px 50px;
    border-radius: 12px;
    text-align: center;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5);
    border: 1px solid #333;
    color: #fff;
    transform: translateY(20px);
    transition: transform 0.3s ease;
}

.comentarios-acoes-modal-overlay.active .comentarios-acoes-modal {
    transform: translateY(0);
}

/* Spinner Animado */
.comentarios-acoes-spinner {
    width: 40px;
    height: 40px;
    border: 4px solid rgba(255, 255, 255, 0.1);
    border-top: 4px solid #006DD9; /* A cor azul solicitada */
    border-radius: 50%;
    margin: 0 auto 15px auto;
    animation: spin 1s linear infinite;
}

.comentarios-acoes-text {
    font-size: 16px;
    font-weight: 500;
    color: #e0e0e0;
    letter-spacing: 0.5px;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}




.nova-barra-de-perfil-modelo{
    padding-left: 12px !important;
    padding-right: 12px !important;
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
    padding-top: 12px !important;
    background: #2e2e34 !important;
    color: #f2f2f2 !important;
}

#menuFixoMobile{
    padding-top: 13px !important;
}
#menuFixoMobile.nova-barra-de-perfil-modelo a, 
#menuFixoMobile.nova-barra-de-perfil-modelo a:hover {
    text-decoration: none;
    color: #f2f2f2;
    font-size: 13px;
    text-transform: uppercase;
}

#menuFixoMobile.nova-barra-de-perfil-modelo a i, 
#menuFixoMobile.nova-barra-de-perfil-modelo a:hover i{
    font-size: 26px;
    margin-bottom: 4px;
}


#menuFixoMobile.nova-barra-de-perfil-modelo a i.icone-do-whatsapp,
#menuFixoMobile.nova-barra-de-perfil-modelo a:hover i.icone-do-whatsapp{
    color: #47cc69;
    font-size: 28px;
    margin-bottom: 2px;
}


@media(max-width:540px){
    .nova-barra-de-perfil-modelo {
        padding-left: 6px;
        padding-right: 6px;
        gap: 0px !important;
    }
    #menuFixoMobile{
        gap:0px !important;
    }
    #menuFixoMobile.nova-barra-de-perfil-modelo a, 
    #menuFixoMobile.nova-barra-de-perfil-modelo a:hover{
        font-size: 12px;
    }
    #menuFixoMobile.nova-barra-de-perfil-modelo a i, 
    #menuFixoMobile.nova-barra-de-perfil-modelo a:hover i {
        font-size: 23px;
        margin-bottom: 4px;
    }
    #menuFixoMobile.nova-barra-de-perfil-modelo a svg, 
    #menuFixoMobile.nova-barra-de-perfil-modelo a:hover svg{
        width: 23px;
        height: 23px;
        margin-bottom: 4px;
    }

    /*
          .vamos-marcar-pai-mobile > *:last-child:nth-child(3n + 1) {
                grid-column: 2;
            }


            .vamos-marcar-pai-mobile > *:nth-last-child(2):nth-child(3n + 1) {
                grid-column: 2;
            }

            .vamos-marcar-pai-mobile > *:last-child:nth-child(3n + 2) {
                grid-column: 3;
            }
    */

    /*
      .vamos-marcar-pai-mobile > *:last-child:nth-child(3n + 1) {
        grid-column: 2;
    }

    .vamos-marcar-pai-mobile > *:last-child:nth-child(3n + 2) {
        grid-column: 3;
    }
        */

}

#menuFixoMobile button {
    color: #f2f2f2 !important;
    outline: none !important;
}



/* 1. Container Geral (Ocupa a tela toda para centralizar o toast) */
.gatas-gyn-modal-wrapper {
    visibility: hidden;
    opacity: 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    /* Flexbox para centralizar o Toast na tela */
    display: flex;
    align-items: center; 
    justify-content: center;
    transition: all 0.3s ease-in-out;
}

/* Estado Ativo (Wrapper Visível) */
.gatas-gyn-modal-wrapper.active {
    visibility: visible;
    opacity: 1;
}

/* 2. Fundo Escuro (Overlay) */
.gatas-gyn-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7); /* Um pouco mais transparente para destacar o toast */
    backdrop-filter: blur(3px);
}

/* 3. O Toast/Painel (Centralizado e Flutuante) */
.gatas-gyn-painel {
    position: relative; /* Relativo ao flex container, não mais fixed na lateral */
    width: 90%; /* Responsivo mobile */
    max-width: 450px; /* Largura controlada estilo "card" */
    max-height: 80vh; /* Limite de altura para não estourar a tela */
    background: #121212; /* Fundo Dark */
    
    /* Estilo Toast/Card Premium */
    border: 1px solid #333;
    border-top: 3px solid #0066cc; /* Detalhe azul no topo */
    border-radius: 8px; /* Cantos arredondados */
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.6); /* Sombra profunda para "flutuar" */
    
    /* Layout interno */
    display: flex;
    flex-direction: column;
    
    /* Animação de entrada (Slide Up suave) */
    transform: translateY(30px) scale(0.95);
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); /* Efeito "bouncy" sutil */
}

/* Estado Ativo do Painel */
.gatas-gyn-modal-wrapper.active .gatas-gyn-painel {
    transform: translateY(0) scale(1);
}

/* 4. Header do Toast */
.gatas-gyn-header {
    padding: 15px 20px;
    background: #1a1a1a; /* Levemente mais claro que o fundo */
    border-bottom: 1px solid #333;
    border-radius: 8px 8px 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.gatas-gyn-header h3 {
    margin: 0;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.btn-close {
    background: none;
    border: none;
    color: #888;
    font-size: 24px;
    cursor: pointer;
    line-height: 1;
    transition: color 0.3s;
}

.btn-close:hover {
    color: #0066cc;
}

/* 5. Lista de Conteúdo com Scroll Interno */
.gatas-gyn-content-list {
    flex: 1;
    overflow-y: auto; /* Scroll apenas dentro do toast se a lista for longa */
    padding: 10px 20px 20px 20px;
}

.gatas-gyn-content-list * a,
.gatas-gyn-content-list * a:hover{
  text-decoration: none !important;
}

/* Estilo das Listas (Reset e Hierarquia) */
ul.lista-localidades-pai, ul.lista-cidades-filhas {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Item Pai */
.item-pai {
    margin-top: 10px;
    border-bottom: 1px solid #222;
}

.item-pai:last-child {
    border-bottom: none;
}

.link-cidade-pai {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #eee;
    text-decoration: none;
    padding: 10px 10px;
    font-weight: 600;
    font-size: 15px;
    transition: background 0.2s;
    border-radius: 4px;
}

.link-cidade-pai:hover {
    background: rgba(0, 102, 204, 0.1); /* Fundo azul bem sutil no hover */
    color: #eee !important;
}

.icon-arrow {
    font-size: 12px;
    color: #555;
}

/* Sub Lista (Filhas) */
ul.lista-cidades-filhas {
    margin: 5px 0 10px 15px;
    padding-left: 10px;
    border-left: 1px solid #333;
}

.link-cidade-filha {
    display: block;
    color: #999;
    text-decoration: none;
    padding: 6px 10px;
    font-size: 13px;
    transition: color 0.2s;
}

.link-cidade-filha:hover {
    color: #999;
    text-decoration: none !important;
}

/* Scrollbar fina para não quebrar o design do toast */
.gatas-gyn-content-list::-webkit-scrollbar {
    width: 4px;
}
.gatas-gyn-content-list::-webkit-scrollbar-track {
    background: transparent;
}
.gatas-gyn-content-list::-webkit-scrollbar-thumb {
    background: #444;
    border-radius: 4px;
}